Set up Buy with Prime widget

1. Go to How to get started, and then click Sign up.

   

2. Enter the Amazon credentials that you use for Seller Central or Multi-Channel Fulfillment, then click Sign up.

   Note: You can click Switch accounts to access a different account.

   Note: Take time to review the Buy with Prime Conditions of Use and Privacy Notice.

To sign into your Seller Central account, you need to have one of the following:

• A primary user or account owner ID in Seller Central.
• An admin role on the Seller Partner Appstore in Seller Central.

There are two ways to find Buy with Prime on the Seller Central home page:

• On the Try Buy with Prime feature card, click Get Started.
  

  

• On the side menu, choose Growth, and then Add Prime to your site.

Whether you used the Try Buy with Prime feature card or the Growth/ Add Prime to your site menu, you’re redirected to the marketing growth page. This page explains the benefits of Prime shopping on your own site. Follow these steps to set up Buy with Prime on your site:

1. On the Buy with Prime program page, click Sign up to go to the merchant console.
   

   

2. Enter the Amazon credentials that you use for Seller Central or Multi-Channel Fulfillment, and click then Sign up.

   Note: Review the Buy with Prime Conditions of Use and Privacy Notice.
   When you enter your Amazon account, a Buy with Prime account is automatically created for you.
   Note: After creating your account, you can sign in using the Amazon account you used to sign up for Buy with Prime.

To add Buy with Prime to BigCommerce, 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 options […] menu, and then Edit Theme Files.

5. In the file tree, open the product detail page template. For example, if you’re using the default theme, choose templates, components, product view, and then product-view.html.

   Note: Depending on your theme, your path might be different.

6. Paste the Buy with Prime button code below the add to cart or payment options on the page.

   Tip: Search for “cart” to find the right location in the file.

7. Choose Save File.
8. Use Preview mode on your site to review the Buy with Prime button, and then choose Save.

9. If you’re editing a copy, choose Use as Active Theme, and then Publish.

   If the Buy with Prime button doesn’t appear on your site, go to Troubleshoot your Buy with Prime button. If you’re still having issues, contact merchant support.

To add Buy with Prime to WooCommerce, you can choose one of the following options:

• Create a custom snippet
• Edit the theme template file (simplified method)

Option 1: Create a custom snippet

To add Buy with Prime to WooCommerce by creating a custom snippet, perform the following steps:

Note: Because you’re adding the Buy with Prime button code as Hypertext Preprocessor (PHP) code, you don’t need to edit your theme’s functions.php file or reinstall the PHP code when you make changes to your theme.

1. Open your WooCommerce or WordPress cPanel dashboard.
2. Install the WPCode Lite Plugin, previously 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, continue to Step 3.
3. On the Plugins page, 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 “Buy with Prime”.
9. For Code Type, select PHP Snippet.

10. In the Code Preview editor, paste the following code:

    add_action( ‘woocommerce_after_add_to_cart_form’, ‘QL_add_text_under_add_to_cart’ );
    function QL_add_text_under_add_to_cart () {
    global $product;
    ?>
    

11. On the Install Buy with Prime button code page, locate the Buy with Prime button code block.
12. Copy the code lines 2 through 8, which excludes the first line and the last line.
13. Go back to the WPCode plugin Code Preview editor, and then paste the code that you copied in step 12 on line 5 of the code.

14. In the Code preview editor, move to line 12, and then copy and paste the following code:

    <?php
    }

    The final code looks as follows:

    <?php
    add_action( ‘woocommerce_after_add_to_cart_form’,
    ‘QL_add_text_under_add_to_cart’ );
    function QL_add_text_under_add_to_cart () {
    global $product;
    ?>
    <script async fetchpriority='high’
    src='https://code.buywithprime.amazon.com/<your file name>.js'></script>
    <div
    id="amzn-buy-now”
    data-site-id="<your site ID”
    data-widget-id="your button ID”
    data-sku="<?php echo $product->get_sku(); ?>"
    ></div>
    <?php
    }
    

15. Choose Active, and then Update.
    Note: If you don’t see the Buy with Prime button on your site, clear your WooCommerce cache and cookies and refresh your page. If the Buy with Prime button doesn’t appear on your product page, go to Troubleshoot your Buy with Prime button or contact merchant support.

The Buy with Prime button code that you pasted on your site points to the woocommerce_after_add_to_cart_form page hook as shown in the following example:

<?php
add_action( ‘woocommerce_after_add_to_cart_form', ‘QL_add_text_under_add_to_cart’ );
function QL_add_text_under_add_to_cart () {
global $product;
?>

There are additional WooCommerce product page hooks that you can use instead of woocommerce_after_add_to_cart_form. For example, you can use a different page hook, such as: woocommerce_before_add_to_cart_button or woocommerce_product_meta_start to install the Buy with Prime button near your Add to Cart button.

To use a different web hook, modify the Buy with Prime button code. The following code shows the code using the woocommerce_product_meta_start page hook:

<?php
add_action( ‘woocommerce_product_meta_start’, ‘QL_add_text_above_description_form’ );
function QL_add_text_above_description_form() {
global $product;
?>

To learn more about where to place the Buy with Prime button code on your site based on page hooks, go to WooCommerce visual hook display.

Option 2: Edit the theme template file (simplified method)

If your store is hosted on WordPres and you want to add Buy with Prime to your WooCommerce site by editing the theme template file, perform the following steps:

1. On your WordPress admin portal, choose Appearance, and then Theme File Editor.

2. On the side file hierarchy, find 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 button code at the last line of code. For example:

   Add_action( ‘woocommerce_after_add_to_cart_button’, ‘QL_add_text_under_add_to_cart’ );
   function QL_add_text_under_add_to_cart () {
   global $product;
   ?>
   <script async fetchpriority="high” src="https://code.buywithprime.amazon.com/<your file name>.js">
   </script>
   <div
   id='amzn-buy-now’ data-site-id="<your site ID>"
   data-widget-id="<your button ID>"
   data-sku='<?php echo $product->get_sku(); ?>'
   ></div>
   <?php
   }

   The Buy with Prime button is automatically installed below Add to Cart.

   Tip: If you’re having issues installing the button, replace the <div> tag with <div>Hello World</div> to verify that the editor is accurately installing the HTML code below the Add to cart button. For example:

   <div>
   Hello World
   </div>

   Note: If the Buy with Prime button doesn’t appear on your product page, go to Troubleshoot your Buy with Prime button or contact merchant support.

To add Buy with Prime to other ecommerce provider or custom site, perform the following steps:

1. Locate where the product detail page template file is stored for your site.
2. Identify the naming convention of the SKU identifier in that template. For example, “product.sku”.
3. In the Buy with Prime button code, find the line data-sku="{{product.sku}}".
4. Replace product.sku with the naming convention of the SKU identifier from your site template from Step 2.

5. Paste the Buy with Prime button code below the add to cart or payment options on the page.

   Tip: Try searching for the terms payment or cart to find the right place in the code.

6. Preview your site before publishing the changes.

   Note: The Buy with Prime button only renders on the top-level domain you entered when creating the button. If your testing environment loads on a different domain, the button won’t render.

   Tip: If you’ve completed the steps to set up Buy with Prime, go to your site’s product detail pages to confirm the Buy with Prime button is rendering correctly. For troubleshooting help, go to Troubleshoot your Buy with Prime Button or contact merchant support.

You can stop offering Buy with Prime at any time.

To turn off the Buy with Prime button for a product:
1. Open the merchant console.
2. From the side menu, choose Products.
3. Find the product you want to stop offering Buy with Prime, then turn Offer Prime off.

To stop offering Prime for all products on your site:
1. Open the merchant console.
2. On the side menu, choose Settings, Amazon Services, and then Prime Settings.

Choose Actions and then Deactivate Prime. When you turn off Prime, you remove it from all the products on your site.

Warning: If you remove the Buy with Prime button code from your site, without completing these steps, shoppers can still access the URL of the checkout page that includes Buy with Prime, and still place a Buy with Prime order.

1. Open the merchant console.
2. From the side menu, choose Products.
3. Find the product you want to offer Buy with Prime.
4. Confirm that the SKU correctly reflects your site catalog’s SKU for the product. If the SKUs don’t match, choose the Edit button and enter the correct information.
5. Confirm that the price correctly reflects the price of the product on your site. If the prices don’t match, choose the Edit button and enter the correct information.
6. Turn Offer Prime on.
Note: Make sure that the product is both fulfilled by Amazon and has non-zero inventory in Amazon fulfillment centers. Tip: If you’ve completed the steps to set up Buy with Prime and have pasted the Buy with Prime button code into the product detail page template of your site, go to your site’s product detail pages to confirm the Buy with Prime button is rendering correctly.

Open the merchant console. From the side menu, choose Products, and then the Edit button. After you enter the editing view, choose which products you want to edit in bulk.

To update the SKU for your product:
1. Open the merchant console.
2. From the side menu, choose Products, and then the Edit button.
3. Navigate to the Product details section, and then review and edit your site’s catalog SKU and the Amazon SKU for your product.
Note: To offer Buy with Prime for a product, the Amazon SKU for the product must match the SKU on Seller Central.

No, changes made in Buy with Prime don’t change anything for your Amazon listings.

To send inventory, start by going to Seller Central to create a shipment. Next, prep and pack your products, and then send them into the fulfillment centers that Amazon designates, using the carrier of your choice. To create shipments in Seller Central, start by selecting the SKUs that you want to send from the Manage FBA inventory page, and then choose send/replenish inventory. Alternatively, you can navigate to Send to Amazon to select SKUs and then follow the steps to create your shipment. For more information on the shipment creation process and alternative methods, including integrating with Marketplace Web Service APIs or Selling Partner APIs, go to Ship products to Amazon.

Yes, all of your sales channels using Amazon’s fulfillment services share the same pool of inventory. By using MCF to fulfill Buy with Prime orders on your site, your inventory is automatically synced.

No. To see inventory levels for products fulfilled by Amazon, go to Seller Central. After logging in, go to the Manage Inventory section to see all your SKUs and available quantities.

Any time a Buy with Prime item is ordered, a fulfillment request is automatically sent to Amazon’s fulfillment services. Amazon will pick, pack, and ship the item to your customer. After the item is shipped, its status is updated to Shipped in the merchant console. Your customer also receives an order confirmation email that includes a link to track the shipment. To learn more, go to Shipment tracking.

Open the merchant console. From the side menu, choose Orders. To find an order, search by Order ID or Tracking Number. To see all shipped orders, filter for Shipped. After an item has shipped, choose the track package link under the Item Status column to see shipment tracking.