Buy with Prime cart

Shoppers choose the Buy with Prime button on eligible products. The product is added to their Buy with Prime cart.

Note: Buy with Prime cart works independently from your ecommerce provider’s add to cart option. Products not purchased with Buy with Prime are added to the existing ecommerce site checkout experience.

Shoppers can continue shopping, or proceed to checkout. To see their cart or check out, shoppers choose the Buy with Prime cart icon. They can edit items, and then choose Check out to purchase all of the Buy with Prime eligible products in the cart in one transaction.

To complete their order, shoppers need to sign in to their Amazon account, and then go through Buy with Prime checkout.

Note: The Buy with Prime cart supports up to 20 Buy with Prime eligible products.

Before you start setting up Buy with Prime cart, you must have the Buy with Prime button installed on your site. For more information about Buy with Prime button installation, go to Set up Buy with Prime.

To set up Buy with Prime cart on your site, perform the following steps:

1. Sign in to the merchant console.
2. On the side menu choose Settings, and then Button & cart.
3. On the Install cart section, turn on cart.
   

   

4. In the pop-up window, choose See instructions. Or, select I’ll do it later if you want to customize the placement of the cart before installing it on your site.
5. On the Install Buy with Prime cart code page, choose Copy, and then follow the specific installation steps for your ecommerce provider listed in Install Buy with Prime cart.
   

   

After you turn on the Buy with Prime cart, you need to add the cart code to a template file that affects all the pages on your site such as a header or footer regardless of whether it uses a standard or a custom theme. The process for adding the Buy with Prime cart code varies depending on how your site is built and the theme you use. After you install the Buy with Prime cart code, preview the cart on your Buy with Prime eligible products.

To install the Buy with Prime cart on your site, follow the steps for your ecommerce service provider (ESP):

• BigCommerce
• Shopify
• WooCommerce
• Other ESP

Note: Save a copy of your template file as a backup.

To add the Buy with Prime cart to your BigCommerce site, perform the following steps:

1. Sign in to your BigCommerce store.
2. On the side menu, choose Storefront, and then Themes.
3. To create a copy of your current theme, from the Advanced drop-down menu, select Make a copy.
4. From the copied theme, choose the more actions (…) menu, and then Edit Theme Files.
5. In the file tree, locate and open the base.html template file. For example, if you’re using the default theme, choose templates, layout, and then base.html.
   

   

   Note: Depending on your theme, your path might differ.
6. Paste the Buy with Prime cart code before the closing </body> tag as shown in the following example:
   

   

   Note: The merchant console generates a code that has all your site details. You don’t need to change anything in the code.
7. Choose Save File.
8. Use Preview mode on your site to review the cart placement, and then choose Save.
9. If you’re editing a copy, choose Use as Active Theme, and then Publish.

Important: If you use the Order connector app by Alloy, you need to upgrade to the latest version to correctly sync Buy with Prime orders with multiple items to your ecommerce site.

Note: If the Buy with Prime cart doesn’t appear when you choose the Buy with Prime button, clear your cache and cookies, and then refresh the page. If you’re still having issues, go to Troubleshooting Buy with Prime cart or contact merchant support.

To add the Buy with Prime cart to your Shopify site, perform the following steps:

1. On your Shopify admin, choose Online store, and then Themes.
2. Create a duplicate of the theme file as a backup.
3. Choose the more actions (…) drop-down menu on your theme, and then Edit Code.
4. In the code editor, choose Sections, and then you can choose ONE of the following files:
   header.liquid
   OR
   footer.liquid
   OR
   theme.liquid
5. Paste the Buy with Prime cart code that you copied earlier in the process to the file that you chose to edit:
   
   • If you chose header.liquid: Paste the code as the last line of code as shown in the following example:
     

     

   • If you chose footer.liquid: Paste the code as the last line of code as shown in the following example:
     

     

   • If you chose theme.liquid: Paste the code before the closing </body> tag as shown in the following example:
     

     

   Note: The merchant console generates a code that has all your site details. You don’t need to change anything in the code.

6. Choose Save.
7. To review the Buy with Prime cart placement on your site, choose Preview store.

Important: If you use the Order connector app by Alloy, you need to upgrade to the latest version to correctly sync Buy with Prime orders with multiple items to your ecommerce site.

Note: If the Buy with Prime cart doesn’t appear when you choose the Buy with Prime button, paste the cart code in one of the other two files. If you’re still having issues, clear your cache and cookies, and then refresh the page. If the button doesn’t appear on your product page, go to Troubleshooting Buy with Prime cart or contact merchant support.

WooCommerce site not hosted on WordPress

If your store isn’t hosted on WordPress, use the following instructions to install the Buy with Prime cart code:

1. Open your cPanel dashboard.
2. Install the WPCode Lite Plugin, also known as WPCode. This plugin helps to insert headers, footers, and code. If you already have the WPCode Lite Plugin installed, skip to Step 6. If you don’t have the WPCode Lite Plugin, go to Step 3.
3. On the Plugins section, choose Add New.
4. In the Search Plugins field, enter “WPCode Lite”, and then choose Search.
5. Install the Plugin, and then choose Active. A new option called Code Snippets appears on your dashboard side menu.
6. On the side menu, choose Code Snippets, then Code Snippets, and then Add New.
7. Choose Create Custom Snippet.
8. In the Add title for snippet field, enter “BwP Cart”.
9. For Code Type, select HTML Snippet.
10. In the Code Preview editor, paste the Buy with Prime cart code.
    Note: The merchant console generates a code that has all your site details. You don’t need to change anything in the code.
11. Choose Save Snippet.
12. Activate the snippet, and then choose Update.
13. Preview the Buy with Prime cart placement on your site.

Important: If you use the Order connector app by Alloy, you need to upgrade to the latest version to correctly sync Buy with Prime orders with multiple items to your ecommerce site.

Note: If the Buy with Prime cart doesn’t appear when you choose the Buy with Prime button, clear your cache and cookies, and then refresh the page. If you’re still having issues, go to Troubleshooting Buy with Prime cart or contact merchant support.

WooCommerce site hosted on WordPress

If your store is hosted on WordPress, use the following instructions to install the Buy with Prime cart code:

1. On your WordPress admin portal, choose Appearance, and then Theme File Editor.
2. On the side file hierarchy, locate the WooCommerce template-functions.php file. For example, choose inc, WooCommerce, and then THEME-WooCommerce-template-functions.php.
   Note: Depending on your theme, your path might be different.
3. Paste the Buy with Prime cart code as the last line of code as shown in the following example:
   

   

   Note: The merchant console generates a code that has all your site details. You don’t need to change anything in the code.
4. Save your changes, and then preview the Buy with Prime cart placement on your site.

Important: If you use the Order connector app by Alloy, you need to upgrade to the latest version to correctly sync Buy with Prime orders with multiple items to your ecommerce site.

Note: If the Buy with Prime cart doesn’t appear when you choose the Buy with Prime button, clear your cache and cookies, and then refresh the page. If you’re still having issues, go to Troubleshooting Buy with Prime cart or contact merchant support.

To add Buy with Prime cart to other ecommerce providers or a custom-built site, follow these steps:

1. Locate a template file that affects all pages on your site such as the header or the footer.
2. Paste the Buy with Prime cart code within the template file.
   Note: The merchant console generates a code that has all your site details. You don’t need to change anything in the code.
3. Preview your changes, and then publish your site.
   Note: If the Buy with Prime cart doesn’t appear when you choose the Buy with Prime button, clear your cache and cookies, and then refresh the page. If you’re still having issues, go to Troubleshooting Buy with Prime cart or contact merchant support.

You can customize the placement of the Buy with Prime cart icon on your site at any time without the need to reinstall your code.

Note: When customizing the cart placement on your site, ensure that the user experience (UX) elements don’t conflict with each other.

1. Sign in to the merchant console.
2. On the side menu choose Settings, and then Button & cart.
3. Go to the Customize your button & cart section, and then choose Customize. You’re directed to a new page where you can customize the placement of your Buy with Prime cart.
   

   

4. Choose Cart placement, and then select where you want the cart to appear on your product page. The default Buy with Prime cart placement is on the bottom right of the page.
   

   

5. Choose Save.
6. Choose the exit icon to go back to the merchant console home page.

Use the following troubleshooting information to identify and address some issues that can occur while setting up and installing Buy with Prime cart.