Migrate to the updated Buy with Prime checkout
- Open the merchant console.
- On the side menu, choose Prime Features and then Buy with Prime checkout.
- On your ecommerce website, to identify your current implementation (either the buy now experience or the cart experience), open a product detail page where your Buy with Prime button appears.
- For the buy now experience, the button label is “Buy with Prime”.
- For the cart experience, the button label is “Buy with Prime Add to Cart”.
- For the cart experience only, update your header code.
- Locate and remove the existing header code from your website code. The header code starts with “<!-- Beginning of Buy With Prime Cart -->” and ends with “<!-- End of Buy With Prime Cart -->.”
- Replace the header code line with the first code snippet that appears on the Buy with Prime checkout page in merchant console. (See step 2.)
- For both the cart experience and buy now experience, update your detail page code.
- Locate and remove the Buy with Prime button code from your product detail page template. The Buy with Prime button code starts with “<!-- Beginning of Buy With Prime Widget -->” and ends with “<!-- End of Buy With Prime Widget -->.”
- Replace the Buy with Prime button code line with the second code snippet that appears on the Buy with Prime checkout page in merchant console. (See step 2.)
- Publish or save your changes and validate that Buy with Prime checkout is now appearing on your product detail pages.
Important: If you’re using other Buy with Prime elements, such as Collections, Prime checkmark and delivery date tags, or Reviews from Amazon, you don’t need to remove or modify these. The updated Buy with Prime checkout is fully compatible with these existing features.