Elements Overview
Buy with Prime API is now available for early access
Sign up for early access to the Buy with Prime API using the 'Sign Up' button below. The API may change as Amazon receives feedback and iterates on it.
Elements are web components that you can add to your site to get information from the Buy with Prime API and display it as HTML. Each element is designed to meet Prime brand guidelines, and you can customize them to match the look and feel of your site.
How Elements Work
To implement Buy with Prime elements, add a script tag to your page header that connects to the Buy with Prime API using your target ID, then embed the element tag where you want the component to appear on your page. The element tag references specific product IDs to determine which product information to display. You can configure elements to automatically update when shoppers select product variants, and you can customize their visual properties through element-specific attributes.
Elements Reference
Buy with Prime offers the following elements.
| Element | Example |
|---|---|
| Amazon delivery card element Use this element on the product detail page to identify products eligible for Buy with Prime, provide shoppers with a delivery estimate, and indicate whether a product is returnable. For details, see Delivery Card Element. |  |
| Amazon delivery message element Use this element on the product listing, cart, checkout, and order confirmation page to show that the product is eligible for Buy with Prime, provide a delivery estimate, and indicate whether the product is returnable. For details, see Delivery Message Element. |  |
| Amazon sign-in card element Use this element on the cart and checkout page to let the shopper sign in to their Amazon account, provide a delivery estimate, and streamline the checkout experience. For details, see Sign-In Card Element. |  |
Related topics
Updated 2 days ago