elasticpath · davidmoltin · Sep 18, 2024 · Sep 18, 2024 · Sep 18, 2024
diff --git a/changelog/2024/2024-08-2-changelog.md b/changelog/2024/2024-08-2-changelog.md
diff --git a/changelog/2024/2024-08-2-changelog.mdx b/changelog/2024/2024-08-2-changelog.mdx
@@ -0,0 +1,22 @@
+---
+title: 'Stacking and Priority (API Only) for Promotions Builder'
+date: '2024-08-2'
+tags: ['Promotions Builder']
+hide_blog_post_date: false
+---
+import Video from "/src/components/CardDisplay/video"
+
+**MAJOR** We have introduced **Rule Promotion Stacking and Priority** (currently API only) features to enhance the effectiveness and accuracy of promotions. These features allows you to control how promotions stack and prioritize them, ensuring they are applied as intended. For more details, refer to [Promotion Stacking and Priority](https://elasticpath.dev/docs/promotions-builder/overview#promotion-stacking-and-priority).
+
+<Video
+  mediaSrc="https://play.vidyard.com/tKgjmtDzw229b88PMwo9pK"
+  mediaType="embed"
+  title="Promotions Builder - Stacking & Priority"
+  className=""
+/>
+<Video
+  mediaSrc="https://play.vidyard.com/e542TXSVnKdqczLeeK9xv7"
+  mediaType="embed"
+  title="Promotions Builder - Stacking & Priority"
+  className=""
+/>
diff --git a/changelog/2024/2024-09-04-changelog.md → changelog/2024/2024-09-04-changelog.mdx b/changelog/2024/2024-09-04-changelog.md → changelog/2024/2024-09-04-changelog.mdx
@@ -4,7 +4,13 @@ date: '2024-09-04'
 tags: ['Commerce Manager', 'Promotions Builder']
 hide_blog_post_date: false
 ---
+import Video from "/src/components/CardDisplay/video"
 
 **MAJOR** We have introduced a new stacking and priority feature in Promotions Builder within Commerce Manager. This feature allows you to assign priority levels to promotions and stack multiple promotions together. With priority settings, you can control the order in which promotions are applied, giving you greater flexibility and precision in managing discounts. For more information, see [Stacking and Prioritizing Multiple Promotions](/docs/commerce-manager/promotions-builder#stacking-and-prioritizing-multiple-promotions).
 
-<iframe class="vidyard-player-embed" title="Elastic Path _ Commerce Manager - Stacking & Priority" src="//play.vidyard.com/xP3u6KT674J77JfTQEjbQZ.html?" width="100%" height="540" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" referrerpolicy="no-referrer-when-downgrade"></iframe>
+<Video
+mediaSrc="https://play.vidyard.com/xP3u6KT674J77JfTQEjbQZ"
+mediaType="embed"
+title="Promotions Builder - Stacking & Priority"
+className=""
+/>
diff --git a/changelog/2024/2024-09-05-changelog.md → changelog/2024/2024-09-05-changelog.mdx b/changelog/2024/2024-09-05-changelog.md → changelog/2024/2024-09-05-changelog.mdx
@@ -5,6 +5,13 @@ tags: ['Commerce Manager', 'Promotions Builder']
 hide_blog_post_date: false
 ---
 
+import Video from "/src/components/CardDisplay/video";
+
 **MINOR** Commerce Manager: We have added the capability to copy exclusions between the **Conditions** and **Actions** sections in the Promotions Builder. For more information, see [Creating a Promotion in Promotions Builder](/docs/commerce-manager/promotions-builder/creating-a-promotion-in-promotions-builder).
 
-<iframe class="vidyard-player-embed" title="Elastic Path _ Commerce Manager - Copy Exclusions" src="//play.vidyard.com/4fYiP1QhLqAao3QQRyDeyN.html?" width="100%" height="540" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" referrerpolicy="no-referrer-when-downgrade"></iframe>
+<Video
+  mediaSrc="https://play.vidyard.com/4fYiP1QhLqAao3QQRyDeyN"
+  mediaType="embed"
+  title="Promotions Builder - Copy Exclusions"
+  className=""
+/>
diff --git a/...ccount-management-authentication-token.md → ...count-management-authentication-token.mdx b/...ccount-management-authentication-token.md → ...count-management-authentication-token.mdx
diff --git a/...ication/Tokens/client-credential-token.md → ...cation/Tokens/client-credential-token.mdx b/...ication/Tokens/client-credential-token.md → ...cation/Tokens/client-credential-token.mdx
diff --git a/docs/authentication/Tokens/customer-token.md → .../authentication/Tokens/customer-token.mdx b/docs/authentication/Tokens/customer-token.md → .../authentication/Tokens/customer-token.mdx
diff --git a/docs/authentication/Tokens/implicit-token.md → .../authentication/Tokens/implicit-token.mdx b/docs/authentication/Tokens/implicit-token.md → .../authentication/Tokens/implicit-token.mdx
diff --git a/docs/authentication/Tokens/permissions.md → docs/authentication/Tokens/permissions.mdx b/docs/authentication/Tokens/permissions.md → docs/authentication/Tokens/permissions.mdx
diff --git a/docs/authentication/index.md → docs/authentication/index.mdx b/docs/authentication/index.md → docs/authentication/index.mdx
diff --git a/docs/authentication/security.md → docs/authentication/security.mdx b/docs/authentication/security.md → docs/authentication/security.mdx
diff --git a/...-api/authentication-realm-api-overview.md → ...api/authentication-realm-api-overview.mdx b/...-api/authentication-realm-api-overview.md → ...api/authentication-realm-api-overview.mdx
diff --git a/...ealm-api/get-all-authentication-realms.md → ...alm-api/get-all-authentication-realms.mdx b/...ealm-api/get-all-authentication-realms.md → ...alm-api/get-all-authentication-realms.mdx
diff --git a/...-realm-api/get-an-authentication-realm.md → ...realm-api/get-an-authentication-realm.mdx b/...-realm-api/get-an-authentication-realm.md → ...realm-api/get-an-authentication-realm.mdx
diff --git a/...alm-api/update-an-authentication-realm.md → ...lm-api/update-an-authentication-realm.mdx b/...alm-api/update-an-authentication-realm.md → ...lm-api/update-an-authentication-realm.mdx
diff --git a/...s/get-customer-authentication-settings.md → .../get-customer-authentication-settings.mdx b/...s/get-customer-authentication-settings.md → .../get-customer-authentication-settings.mdx
diff --git a/...tomer-authentication-settings/overview.md → ...omer-authentication-settings/overview.mdx b/...tomer-authentication-settings/overview.md → ...omer-authentication-settings/overview.mdx
diff --git a/...ct-profiles-api/create-an-oidc-profile.md → ...t-profiles-api/create-an-oidc-profile.mdx b/...ct-profiles-api/create-an-oidc-profile.md → ...t-profiles-api/create-an-oidc-profile.mdx
diff --git a/...ct-profiles-api/delete-an-oidc-profile.md → ...t-profiles-api/delete-an-oidc-profile.mdx b/...ct-profiles-api/delete-an-oidc-profile.md → ...t-profiles-api/delete-an-oidc-profile.mdx
diff --git a/...ect-profiles-api/get-all-oidc-profiles.md → ...ct-profiles-api/get-all-oidc-profiles.mdx b/...ect-profiles-api/get-all-oidc-profiles.md → ...ct-profiles-api/get-all-oidc-profiles.mdx
diff --git a/...nnect-profiles-api/get-an-oidc-profile.md → ...nect-profiles-api/get-an-oidc-profile.mdx b/...nnect-profiles-api/get-an-oidc-profile.md → ...nect-profiles-api/get-an-oidc-profile.mdx
diff --git a/...i/openid-connect-profiles-api-overview.md → .../openid-connect-profiles-api-overview.mdx b/...i/openid-connect-profiles-api-overview.md → .../openid-connect-profiles-api-overview.mdx
diff --git a/...ct-profiles-api/update-an-oidc-profile.md → ...t-profiles-api/update-an-oidc-profile.mdx b/...ct-profiles-api/update-an-oidc-profile.md → ...t-profiles-api/update-an-oidc-profile.mdx
diff --git a/docs/authentication/single-sign-on/openid.md → .../authentication/single-sign-on/openid.mdx b/docs/authentication/single-sign-on/openid.md → .../authentication/single-sign-on/openid.mdx
diff --git a/...profiles-api/create-a-password-profile.md → ...rofiles-api/create-a-password-profile.mdx b/...profiles-api/create-a-password-profile.md → ...rofiles-api/create-a-password-profile.mdx
diff --git a/...create-one-time-password-token-request.md → ...reate-one-time-password-token-request.mdx b/...create-one-time-password-token-request.md → ...reate-one-time-password-token-request.mdx
diff --git a/...profiles-api/delete-a-password-profile.md → ...rofiles-api/delete-a-password-profile.mdx b/...profiles-api/delete-a-password-profile.md → ...rofiles-api/delete-a-password-profile.mdx
diff --git a/...rd-profiles-api/get-a-password-profile.md → ...d-profiles-api/get-a-password-profile.mdx b/...rd-profiles-api/get-a-password-profile.md → ...d-profiles-api/get-a-password-profile.mdx
diff --git a/...profiles-api/get-all-password-profiles.md → ...rofiles-api/get-all-password-profiles.mdx b/...profiles-api/get-all-password-profiles.md → ...rofiles-api/get-all-password-profiles.mdx
diff --git a/...sign-on/password-profiles-api/overview.md → ...ign-on/password-profiles-api/overview.mdx b/...sign-on/password-profiles-api/overview.md → ...ign-on/password-profiles-api/overview.mdx
diff --git a/...profiles-api/update-a-password-profile.md → ...rofiles-api/update-a-password-profile.mdx b/...profiles-api/update-a-password-profile.md → ...rofiles-api/update-a-password-profile.mdx
diff --git a/...-api/create-a-user-authentication-info.md → ...api/create-a-user-authentication-info.mdx b/...-api/create-a-user-authentication-info.md → ...api/create-a-user-authentication-info.mdx
diff --git a/...-api/delete-a-user-authentication-info.md → ...api/delete-a-user-authentication-info.mdx b/...-api/delete-a-user-authentication-info.md → ...api/delete-a-user-authentication-info.mdx
diff --git a/...nfo-api/get-a-user-authentication-info.md → ...fo-api/get-a-user-authentication-info.mdx b/...nfo-api/get-a-user-authentication-info.md → ...fo-api/get-a-user-authentication-info.mdx
diff --git a/...o-api/get-all-user-authentication-info.md → ...-api/get-all-user-authentication-info.mdx b/...o-api/get-all-user-authentication-info.md → ...-api/get-all-user-authentication-info.mdx
diff --git a/.../user-authentication-info-api/overview.md → ...user-authentication-info-api/overview.mdx b/.../user-authentication-info-api/overview.md → ...user-authentication-info-api/overview.mdx
diff --git a/...-api/update-a-user-authentication-info.md → ...api/update-a-user-authentication-info.mdx b/...-api/update-a-user-authentication-info.md → ...api/update-a-user-authentication-info.mdx
diff --git a/...-user-authentication-oidc-profile-info.md → ...user-authentication-oidc-profile-info.mdx b/...-user-authentication-oidc-profile-info.md → ...user-authentication-oidc-profile-info.mdx
diff --git a/...-user-authentication-oidc-profile-info.md → ...user-authentication-oidc-profile-info.mdx b/...-user-authentication-oidc-profile-info.md → ...user-authentication-oidc-profile-info.mdx
diff --git a/...-user-authentication-oidc-profile-info.md → ...user-authentication-oidc-profile-info.mdx b/...-user-authentication-oidc-profile-info.md → ...user-authentication-oidc-profile-info.mdx
diff --git a/...-user-authentication-oidc-profile-info.md → ...user-authentication-oidc-profile-info.mdx b/...-user-authentication-oidc-profile-info.md → ...user-authentication-oidc-profile-info.mdx
diff --git a/...le-api/openid-connect-profile-overview.md → ...e-api/openid-connect-profile-overview.mdx b/...le-api/openid-connect-profile-overview.md → ...e-api/openid-connect-profile-overview.mdx
diff --git a/...-user-authentication-oidc-profile-info.md → ...user-authentication-oidc-profile-info.mdx b/...-user-authentication-oidc-profile-info.md → ...user-authentication-oidc-profile-info.mdx
diff --git a/...a-user-authentication-password-profile.md → ...-user-authentication-password-profile.mdx b/...a-user-authentication-password-profile.md → ...-user-authentication-password-profile.mdx
diff --git a/...a-user-authentication-password-profile.md → ...-user-authentication-password-profile.mdx b/...a-user-authentication-password-profile.md → ...-user-authentication-password-profile.mdx
diff --git a/...a-user-authentication-password-profile.md → ...-user-authentication-password-profile.mdx b/...a-user-authentication-password-profile.md → ...-user-authentication-password-profile.mdx
diff --git a/...r-authentication-password-profile-info.md → ...-authentication-password-profile-info.mdx b/...r-authentication-password-profile-info.md → ...-authentication-password-profile-info.mdx
diff --git a/...profiles-api/password-profile-overview.md → ...rofiles-api/password-profile-overview.mdx b/...profiles-api/password-profile-overview.md → ...rofiles-api/password-profile-overview.mdx
diff --git a/...a-user-authentication-password-profile.md → ...-user-authentication-password-profile.mdx b/...a-user-authentication-password-profile.md → ...-user-authentication-password-profile.mdx
diff --git a/docs/carts-orders/Includes.md → docs/carts-orders/Includes.mdx b/docs/carts-orders/Includes.md → docs/carts-orders/Includes.mdx
diff --git a/docs/carts-orders/bulk-add-to-cart.md → docs/carts-orders/bulk-add-to-cart.mdx b/docs/carts-orders/bulk-add-to-cart.md → docs/carts-orders/bulk-add-to-cart.mdx
@@ -32,6 +32,7 @@ An example for bulk add is:
 
 With the bulk add items to cart capability, you can use one or more of the following cart actions in a transaction:
 
+
 - [Add Product to Cart](/docs/api/carts/manage-carts#add-product-to-cart)
 - [Add Custom Item to Cart](/docs/api/carts/manage-carts#add-custom-item-to-cart)
 - [Add Promotion to Cart](/docs/api/carts/manage-carts#add-promotion-to-cart)
@@ -733,7 +734,7 @@ curl -X POST https://useast.api.elasticpath.com/v2/carts/:id/items \
             "sku": "sku1",
             "quantity": 1,
             "shipping_group_id": "cc63b873-4eff-450c-86d2-ec255160ba2e"
-            
+
         },
         {
             "type": "cart_item",

diff --git a/docs/carts-orders/capture-a-transaction.md → docs/carts-orders/capture-a-transaction.mdx b/docs/carts-orders/capture-a-transaction.md → docs/carts-orders/capture-a-transaction.mdx
diff --git a/...ccount-management-authentication-token.md → ...count-management-authentication-token.mdx b/...ccount-management-authentication-token.md → ...count-management-authentication-token.mdx
diff --git a/...rders/configure-epcc-plugin-for-stripe.md → ...ders/configure-epcc-plugin-for-stripe.mdx b/...rders/configure-epcc-plugin-for-stripe.md → ...ders/configure-epcc-plugin-for-stripe.mdx
diff --git a/docs/carts-orders/confirm-an-order.md → docs/carts-orders/confirm-an-order.mdx b/docs/carts-orders/confirm-an-order.md → docs/carts-orders/confirm-an-order.mdx
diff --git a/.../carts-orders/custom-discounts-include.md → ...carts-orders/custom-discounts-include.mdx b/.../carts-orders/custom-discounts-include.md → ...carts-orders/custom-discounts-include.mdx
diff --git a/...ts-orders/elastic-path-payments-stripe.md → ...s-orders/elastic-path-payments-stripe.mdx b/...ts-orders/elastic-path-payments-stripe.md → ...s-orders/elastic-path-payments-stripe.mdx
diff --git a/docs/carts-orders/refund-a-transaction.md → docs/carts-orders/refund-a-transaction.mdx b/docs/carts-orders/refund-a-transaction.md → docs/carts-orders/refund-a-transaction.mdx
@@ -3,6 +3,7 @@ title: Refund a Payment
 nav_label: Refund a Payment
 sidebar_position: 200
 ---
+import Video from "/src/components/CardDisplay/video";
 
 There are two ways to refund; through your payment gateway and mark it refunded in Commerce Manager, or directly through Commerce Manager or API.
 
@@ -255,5 +256,15 @@ curl -X POST https://useast.api.elasticpath.com/v2/orders/:orderId/transactions/
 
 ## Demos
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/68MaMVR--J4" title="Managing Refunds in Composable Commerce" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-<iframe width="560" height="315" src="https://www.youtube.com/embed/K5zOqDlZeZ8" title="Stripe Refund" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<Video
+  mediaSrc="https://www.youtube.com/embed/68MaMVR--J4"
+  mediaType="embed"
+  title="Managing Refunds in Composable Commerce"
+  className=""
+/>
+<Video
+  mediaSrc="https://www.youtube.com/embed/K5zOqDlZeZ8"
+  mediaType="embed"
+  title="Stripe Refund"
+  className=""
+/>
diff --git a/...arts-orders/update-cart-payment-intent.md → ...rts-orders/update-cart-payment-intent.mdx b/...arts-orders/update-cart-payment-intent.md → ...rts-orders/update-cart-payment-intent.mdx
diff --git a/...erce-manager/Invoicing/create-invoices.md → ...rce-manager/Invoicing/create-invoices.mdx b/...erce-manager/Invoicing/create-invoices.md → ...rce-manager/Invoicing/create-invoices.mdx
diff --git a/...ce-manager/account-management/accounts.md → ...e-manager/account-management/accounts.mdx b/...ce-manager/account-management/accounts.md → ...e-manager/account-management/accounts.mdx
@@ -3,6 +3,7 @@ title: Managing Accounts
 nav_label: Managing Accounts
 sidebar_position: 10
 ---
+import Video from "/src/components/CardDisplay/video"
 
 In an Elastic Path Commerce Cloud store, sellers can create accounts using Commerce Manager and view the purchase history and the addresses associated with an account. To update the membership limit, see [Updating Account Membership Settings](/docs/commerce-manager/settings/general-settings#updating-address-form-settings).
 
@@ -175,5 +176,8 @@ In an Elastic Path Commerce Cloud store, sellers can create accounts using Comme
 
 ## Demo
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/IqAiqg-d--Y" title="Account Management in Commerce Manager" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<Video
+  mediaSrc="https://www.youtube.com/embed/IqAiqg-d--Y"
+  mediaType="embed"
+  title="Account Management in Commerce Manager" />
 
diff --git a/docs/commerce-manager/analytics/analytics.md → .../commerce-manager/analytics/analytics.mdx b/docs/commerce-manager/analytics/analytics.md → .../commerce-manager/analytics/analytics.mdx
diff --git a/...r/application-keys/application-keys-cm.md → .../application-keys/application-keys-cm.mdx b/...r/application-keys/application-keys-cm.md → .../application-keys/application-keys-cm.mdx
diff --git a/...-manager/authentication/authentication.md → ...manager/authentication/authentication.mdx b/...-manager/authentication/authentication.md → ...manager/authentication/authentication.mdx
diff --git a/...rce-extension/commerce-extension-in-cm.md → ...ce-extension/commerce-extension-in-cm.mdx b/...rce-extension/commerce-extension-in-cm.md → ...ce-extension/commerce-extension-in-cm.mdx
diff --git a/...nager/customer-management/cm-customers.md → ...ager/customer-management/cm-customers.mdx b/...nager/customer-management/cm-customers.md → ...ager/customer-management/cm-customers.mdx
@@ -3,6 +3,7 @@ title: Managing Customers
 nav_label: Managing Customers
 sidebar_position: 10
 ---
+import Video from "/src/components/CardDisplay/video"
 
 In Commerce Manager, go to **CUSTOMERS AND ACCOUNTS** > **Customer** to manage customers.
 
@@ -44,4 +45,7 @@ You can add one or more addresses to the customer details or modify their basic
 
 ## Demos
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/iE5VpO4GS1k" title="Extend a Customer Resource using Flows" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<Video
+  mediaSrc="https://www.youtube.com/embed/iE5VpO4GS1k"
+  mediaType="embed"
+  title="Extend a Customer Resource using Flows" />
diff --git a/docs/commerce-manager/flows/flows.md → docs/commerce-manager/flows/flows.mdx b/docs/commerce-manager/flows/flows.md → docs/commerce-manager/flows/flows.mdx
@@ -3,6 +3,7 @@ title: Creating Flows
 nav_label: Creating Flows
 sidebar_position: 3
 ---
+import Video from "/src/components/CardDisplay/video"
 
 With flows, you can extend an existing resource or create a new resource for your store or organization. You can also use to create simple custom fields for existing resources or complex collections of fields and data. You can create useful resources for your customers, such as a want list, or blogs for your store or organization.
 
@@ -105,4 +106,7 @@ You can filter the list to show only **Enabled** or **Disabled** flows.
 
 ## Demos
 
-- <iframe width="560" height="315" src="https://www.youtube.com/embed/uPe5WE0W5pU" title="Creating a Custom Flow" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+- <Video
+  mediaSrc="https://www.youtube.com/embed/uPe5WE0W5pU"
+  mediaType="embed"
+  title="Creating a Custom Flow" />
diff --git a/docs/commerce-manager/index.md → docs/commerce-manager/index.mdx b/docs/commerce-manager/index.md → docs/commerce-manager/index.mdx
@@ -3,6 +3,7 @@ title: Commerce Manager Overview
 nav_label: Commerce Manager Overview
 sidebar_position: 1
 ---
+import Video from "/src/components/CardDisplay/video"
 
 Commerce Manager is a web-based user interface to manage your store. In Commerce Manager, a user depending on their role within the store can do some or all of the following:
 
@@ -67,4 +68,7 @@ For Commerce Manager course in the learning center, see [Commerce Administrator]
 
 ## Demos
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/yz7uZ3GKjLc" title="Getting Started with the Commerce Manager" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<Video
+  mediaSrc="https://www.youtube.com/embed/yz7uZ3GKjLc"
+  mediaType="embed"
+  title="Getting Started with the Commerce Manager" />
diff --git a/...e-manager/integrations/cm-integrations.md → ...-manager/integrations/cm-integrations.mdx b/...e-manager/integrations/cm-integrations.md → ...-manager/integrations/cm-integrations.mdx
diff --git a/docs/commerce-manager/orders/orders-cm.md → docs/commerce-manager/orders/orders-cm.mdx b/docs/commerce-manager/orders/orders-cm.md → docs/commerce-manager/orders/orders-cm.mdx
@@ -4,6 +4,8 @@ nav_label: Orders
 sidebar_position: 10
 ---
 
+import Video from "/src/components/CardDisplay/video"
+
 To view all the orders in the store, log into Commerce Manager and go to **STORE > Orders**. You can manage orders on the **All orders** page.
 
 ## Viewing Details of a Specific Order
@@ -172,5 +174,11 @@ Only seller administrators can export order details.
 
 ### Demos
 
-- <iframe width="560" height="315" src="https://www.youtube.com/embed/uEI1Cc5yJqI" title="Order Updates in Commerce Manager" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-- <iframe width="560" height="315" src="https://www.youtube.com/embed/gAk4ny0NZ1Q" title="Shipping Groups" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+- <Video
+  mediaSrc="https://www.youtube.com/embed/uEI1Cc5yJqI"
+  mediaType="embed"
+  title="Order Updates in Commerce Manager" />
+- <Video
+  mediaSrc="https://www.youtube.com/embed/gAk4ny0NZ1Q"
+  mediaType="embed"
+  title="Shipping Groups" />
diff --git a/...mmerce-manager/organizations/home-page.md → ...merce-manager/organizations/home-page.mdx b/...mmerce-manager/organizations/home-page.md → ...merce-manager/organizations/home-page.mdx
diff --git a/...er/organizations/manage-org-currencies.md → ...r/organizations/manage-org-currencies.mdx b/...er/organizations/manage-org-currencies.md → ...r/organizations/manage-org-currencies.mdx
diff --git a/...mmerce-manager/create-org_pxm_catalogs.md → ...merce-manager/create-org_pxm_catalogs.mdx b/...mmerce-manager/create-org_pxm_catalogs.md → ...merce-manager/create-org_pxm_catalogs.mdx
diff --git a/...merce-manager/create-org_pxm_hierarchy.md → ...erce-manager/create-org_pxm_hierarchy.mdx b/...merce-manager/create-org_pxm_hierarchy.md → ...erce-manager/create-org_pxm_hierarchy.mdx
diff --git a/...erce-manager/create-org_pxm_pricebooks.md → ...rce-manager/create-org_pxm_pricebooks.mdx b/...erce-manager/create-org_pxm_pricebooks.md → ...rce-manager/create-org_pxm_pricebooks.mdx
diff --git a/...mmerce-manager/create-org_pxm_products.md → ...merce-manager/create-org_pxm_products.mdx b/...mmerce-manager/create-org_pxm_products.md → ...merce-manager/create-org_pxm_products.mdx
diff --git a/...merce-manager/create-org_pxm_templates.md → ...erce-manager/create-org_pxm_templates.mdx b/...merce-manager/create-org_pxm_templates.md → ...erce-manager/create-org_pxm_templates.mdx
diff --git a/...ments/configure-other-payment-gateways.md → ...ents/configure-other-payment-gateways.mdx b/...ments/configure-other-payment-gateways.md → ...ents/configure-other-payment-gateways.mdx
diff --git a/...payments/ep-payments-powered-by-stripe.md → ...ayments/ep-payments-powered-by-stripe.mdx b/...payments/ep-payments-powered-by-stripe.md → ...ayments/ep-payments-powered-by-stripe.mdx
@@ -3,6 +3,7 @@ title: Configure Elastic Path Payments Powered by Stripe
 nav_label: Configure Elastic Path Payments Powered by Stripe
 sidebar_position: 3
 ---
+import Video from "/src/components/CardDisplay/video"
 
 ## Prerequisites
 
@@ -30,4 +31,7 @@ sidebar_position: 3
 
 ## Demos
 
- <iframe width="560" height="315" src="https://www.youtube.com/embed/4MjIofAjRao" title="Configuring Elastic Path Payments powered by Stripe" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+ <Video
+  mediaSrc="https://www.youtube.com/embed/4MjIofAjRao"
+  mediaType="embed"
+  title="Configuring Elastic Path Payments powered by Stripe" />
diff --git a/docs/commerce-manager/payments/overview.md → docs/commerce-manager/payments/overview.mdx b/docs/commerce-manager/payments/overview.md → docs/commerce-manager/payments/overview.mdx
diff --git a/docs/commerce-manager/payments/paypal.md → docs/commerce-manager/payments/paypal.mdx b/docs/commerce-manager/payments/paypal.md → docs/commerce-manager/payments/paypal.mdx
@@ -3,6 +3,7 @@ title: Configure PayPal Express Checkout
 nav_label: Configure PayPal Express Checkout
 sidebar_position: 2
 ---
+import Video from "/src/components/CardDisplay/video"
 
 ## Onboarding PayPal Express Checkout
 
@@ -13,7 +14,10 @@ If you have signed up to PayPal Express Checkout, you need to configure it with
 
 Follow the instructions below or, alternatively, watch a video:
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/07pKiaKc1ds" title="Configuring Paypal Express Checkout" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<Video
+  mediaSrc="https://www.youtube.com/embed/07pKiaKc1ds"
+  mediaType="embed"
+  title="Configuring Paypal Express Checkout" />
 
 ## Testing PayPal Express Checkout in Commerce Manager
 
@@ -68,7 +72,10 @@ Follow the instructions below or, alternatively, watch a video:
 
 1. Click **Save**. From PayPal Express platform, you can verify that Elastic Path is onboarded to PayPal Express. Watch the following video:
 
-        <iframe width="560" height="315" src="https://www.youtube.com/embed/M-ILzcZreM4" title="Verifying Elastic Path to Paypal Express Checkout" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+        <Video
+  mediaSrc="https://www.youtube.com/embed/M-ILzcZreM4"
+  mediaType="embed"
+  title="Verifying Elastic Path to Paypal Express Checkout" />
 
 1. You can change your PayPal Account ID at any time by clicking **PayPal Onboarding** and re-running PayPal onboarding. Re-running PayPal onboarding overwrites the existing Account ID.
 1. You can disable PayPal Express Checkout at any time by deleting your PayPal Account ID from **Account ID** or by clearing the **Enabled** checkbox on the **Edit PayPal Express Checkout** page.
diff --git a/...manager/personal-data/personal-data-cm.md → ...anager/personal-data/personal-data-cm.mdx b/...manager/personal-data/personal-data-cm.md → ...anager/personal-data/personal-data-cm.mdx
diff --git a/...e-manager/Products/add-product-details.md → ...-manager/Products/add-product-details.mdx b/...e-manager/Products/add-product-details.md → ...-manager/Products/add-product-details.mdx
diff --git a/...manager/Products/add-product-templates.md → ...anager/Products/add-product-templates.mdx b/...manager/Products/add-product-templates.md → ...anager/Products/add-product-templates.mdx
@@ -3,6 +3,7 @@ title: Adding Templates to Products
 nav_label: Adding Templates to Products
 sidebar_position: 50
 ---
+import Video from "/src/components/CardDisplay/video"
 
 Ensure that at least one template is available.
 
@@ -16,4 +17,7 @@ Ensure that at least one template is available.
 
 ## Demos
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/NY9D_aKfHGc" title="Configuring Templates and Attributes for Products" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<Video
+  mediaSrc="https://www.youtube.com/embed/NY9D_aKfHGc"
+  mediaType="embed"
+  title="Configuring Templates and Attributes for Products" />
diff --git a/...nce-manager/Products/configure-locales.md → ...ce-manager/Products/configure-locales.mdx b/...nce-manager/Products/configure-locales.md → ...ce-manager/Products/configure-locales.mdx
diff --git a/...nager/Products/configure-product-price.md → ...ager/Products/configure-product-price.mdx b/...nager/Products/configure-product-price.md → ...ager/Products/configure-product-price.mdx
@@ -3,6 +3,7 @@ title: Configuring Product Price
 nav_label: Configuring Product Price
 sidebar_position: 60
 ---
+import Video from "/src/components/CardDisplay/video"
 
 Use this procedure to configure product pricing details, such as price books associated with the product, sale price and volume price, for a product. You can use volume pricing feature to set a different unit price for the product when shoppers make volume purchase of the product. You can select a price book for the product pricing and specify the new unit price offered when a minimum specified quantity is bought.
 
@@ -46,5 +47,11 @@ You can use the sale price feature and enable selling the product for a sale pri
 
 ## Demos
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/oqdkiiMTN4s" title="Understanding Price Books in Product Content Management" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-<iframe width="560" height="315" src="https://www.youtube.com/embed/heuLtuYZ1Wc" title="Sale Price Configuration" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<Video
+  mediaSrc="https://www.youtube.com/embed/oqdkiiMTN4s"
+  mediaType="embed"
+  title="Understanding Price Books in Product Content Management" />
+<Video
+  mediaSrc="https://www.youtube.com/embed/heuLtuYZ1Wc"
+  mediaType="embed"
+  title="Sale Price Configuration" />
diff --git a/...ience-manager/Products/create-products.md → ...ence-manager/Products/create-products.mdx b/...ience-manager/Products/create-products.md → ...ence-manager/Products/create-products.mdx
@@ -3,6 +3,7 @@ title: Creating Products
 nav_label: Creating Products
 sidebar_position: 20
 ---
+import Video from "/src/components/CardDisplay/video"
 
 # Prerequisite
 
@@ -28,4 +29,7 @@ You can use **Back** and **Next** buttons to navigate through the tabs and the *
 
 ## Demos
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/CPxjjdOmWhM" title="Configuring a Product" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<Video
+  mediaSrc="https://www.youtube.com/embed/CPxjjdOmWhM"
+  mediaType="embed"
+  title="Configuring a Product" />
diff --git a/...nce-manager/Products/curating-products.md → ...ce-manager/Products/curating-products.mdx b/...nce-manager/Products/curating-products.md → ...ce-manager/Products/curating-products.mdx
diff --git a/...ience-manager/Products/delete-products.md → ...ence-manager/Products/delete-products.mdx b/...ience-manager/Products/delete-products.md → ...ence-manager/Products/delete-products.mdx
diff --git a/...erience-manager/Products/edit-products.md → ...rience-manager/Products/edit-products.mdx b/...erience-manager/Products/edit-products.md → ...rience-manager/Products/edit-products.mdx
diff --git a/...ience-manager/Products/filter-products.md → ...ence-manager/Products/filter-products.mdx b/...ience-manager/Products/filter-products.md → ...ence-manager/Products/filter-products.mdx
diff --git a/...ager/Products/manage-product-inventory.md → ...ger/Products/manage-product-inventory.mdx b/...ager/Products/manage-product-inventory.md → ...ger/Products/manage-product-inventory.mdx
@@ -3,6 +3,7 @@ title: Managing Product Inventory
 nav_label: Managing Product Inventory
 sidebar_position: 80
 ---
+import Video from "/src/components/CardDisplay/video"
 
 Inventory is the quantity of each product that you have in stock.
 
@@ -27,4 +28,7 @@ Inventory is the quantity of each product that you have in stock.
 
 ## Demos
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/HlQd5lvGqVU" title="Configuring Inventory" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<Video
+  mediaSrc="https://www.youtube.com/embed/HlQd5lvGqVU"
+  mediaType="embed"
+  title="Configuring Inventory" />
diff --git a/...-manager/Products/manage-product-media.md → ...manager/Products/manage-product-media.mdx b/...-manager/Products/manage-product-media.md → ...manager/Products/manage-product-media.mdx
diff --git a/...t-experience-manager/Products/overview.md → ...-experience-manager/Products/overview.mdx b/...t-experience-manager/Products/overview.md → ...-experience-manager/Products/overview.mdx
@@ -3,6 +3,7 @@ title: Overview
 nav_label: Overview
 sidebar_position: 10
 ---
+import Video from "/src/components/CardDisplay/video"
 
 import Overview from "../../../partials/pxm/products/productsoverview.mdx";
 import ProductTypes from '/docs/partials/pxm/products/types.mdx';
@@ -37,5 +38,11 @@ import ProductCatalogs from '/docs/partials/pxm/products/catalogs.mdx';
 
 ### Demos
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/SdaSEgA5rTc" title="Understanding Products in Product Experience Manager" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-<iframe width="560" height="315" src="https://www.youtube.com/embed/_VoXvL9qKPo" title="Product and Hierarchy Management" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<Video
+  mediaSrc="https://www.youtube.com/embed/SdaSEgA5rTc"
+  mediaType="embed"
+  title="Understanding Products in Product Experience Manager" />
+<Video
+  mediaSrc="https://www.youtube.com/embed/_VoXvL9qKPo"
+  mediaType="embed"
+  title="Product and Hierarchy Management" />
diff --git a/...anager/Products/personalizing-products.md → ...nager/Products/personalizing-products.mdx b/...anager/Products/personalizing-products.md → ...nager/Products/personalizing-products.mdx
diff --git a/...ience-manager/Products/search-products.md → ...ence-manager/Products/search-products.mdx b/...ience-manager/Products/search-products.md → ...ence-manager/Products/search-products.mdx
diff --git a/...manager/Products/subscription-products.md → ...anager/Products/subscription-products.mdx b/...manager/Products/subscription-products.md → ...anager/Products/subscription-products.mdx
diff --git a/...ence-manager/Products/tagging-products.md → ...nce-manager/Products/tagging-products.mdx b/...ence-manager/Products/tagging-products.md → ...nce-manager/Products/tagging-products.mdx
diff --git a/...-manager/Products/view-product-details.md → ...manager/Products/view-product-details.mdx b/...-manager/Products/view-product-details.md → ...manager/Products/view-product-details.mdx
diff --git a/...e-manager/bundles/bundle-configuration.md → ...-manager/bundles/bundle-configuration.mdx b/...e-manager/bundles/bundle-configuration.md → ...-manager/bundles/bundle-configuration.mdx
diff --git a/...ience-manager/bundles/bundle-inventory.md → ...ence-manager/bundles/bundle-inventory.mdx b/...ience-manager/bundles/bundle-inventory.md → ...ence-manager/bundles/bundle-inventory.mdx
diff --git a/...erience-manager/bundles/bundle-pricing.md → ...rience-manager/bundles/bundle-pricing.mdx b/...erience-manager/bundles/bundle-pricing.md → ...rience-manager/bundles/bundle-pricing.mdx
diff --git a/...ience-manager/bundles/bundle-templates.md → ...ence-manager/bundles/bundle-templates.mdx b/...ience-manager/bundles/bundle-templates.md → ...ence-manager/bundles/bundle-templates.mdx
diff --git a/...ience-manager/bundles/deleting-bundles.md → ...ence-manager/bundles/deleting-bundles.mdx b/...ience-manager/bundles/deleting-bundles.md → ...ence-manager/bundles/deleting-bundles.mdx
diff --git a/...rience-manager/bundles/editing-bundles.md → ...ience-manager/bundles/editing-bundles.mdx b/...rience-manager/bundles/editing-bundles.md → ...ience-manager/bundles/editing-bundles.mdx
diff --git a/...ct-experience-manager/bundles/overview.md → ...t-experience-manager/bundles/overview.mdx b/...ct-experience-manager/bundles/overview.md → ...t-experience-manager/bundles/overview.mdx
@@ -3,6 +3,7 @@ title: Overview
 sidebar_label: Overview
 sidebar_position: 10
 ---
+import Video from "/src/components/CardDisplay/video"
 
 import BundlesOverview from "/docs/partials/pxm/bundles/bundles.mdx";
 
@@ -29,4 +30,7 @@ import BundlesBundles from "/docs/partials/pxm/bundles/bundlesof.mdx";
 
 ## Demo
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/Sds4sdDiECI" title="Bundles Configuration" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<Video
+  mediaSrc="https://www.youtube.com/embed/Sds4sdDiECI"
+  mediaType="embed"
+  title="Bundles Configuration" />