Migrate to the Buy with Prime app for BigCommerce

Benefits of Buy with Prime app for BigCommerce

The benefits of using the Buy with Prime app for BigCommerce include:

• Quick setup: Drag and drop the Buy with Prime button onto your site. No coding required.


• Ecommerce management your way: Automatically sync your catalog across Buy with Prime and BigCommerce to streamline product management.


• All your orders, all in one place: See your Buy with Prime order and return data directly from your BigCommerce orders page.

Custom JavaScript solution to activate Buy with Prime on BigCommerce sites

<script>
    const getQuantity = () => {
    return document.querySelector("[data-product-quant] input");
    };
    const getQuantityValue = () => {
        return Number(getQuantity().value);
    }
    const getSku = () => {
        return document.querySelector('[data-product-sku]');
    } 
    const fireUpdate = () => {
                let quantity = getQuantityValue();
                let curSku = getSku().textContent;
                let variantSkus = [];
                window.bwp.updateWidget(curSku, quantity, variantSkus);
    }
   
    let formIncrementButtons = document.querySelectorAll('[data-product-quant] button');

    formIncrementButtons.forEach(formIncrementButton => {
        formIncrementButton.addEventListener('click', () => {
            setTimeout(() => {
                fireUpdate();
            }, 100);
        });   
    });
   
    let observer = new MutationObserver((mutations) => {
          mutations.forEach((mutation) => {
            if (mutation.type === 'childList') {
                setTimeout(() => {
                    fireUpdate();
                }, 100);
            }
          });
    });
    // Options for the observer (which mutations to observe)
    const config = { attributes: true, childList: true, subtree: true };

    let skuElem = getSku()
    if (skuElem) {
        observer.observe(skuElem, config);
    }
 
</script>

Install the Buy with Prime app for BigCommerce

To install the Buy with Prime app for BigCommerce, follow these steps:

Step 1Sign in to the BigCommerce control panel, and then go to Applications dashboard or Channel manager.

Step 2Search for the Buy with Prime app.

Step 3Read the information about the Buy with Prime app.

Step 4Choose Install to download the app and start offering Buy with Prime on your BigCommerce store today.

Step 5Choose Authorize to allow Buy with Prime to access your data.

Select storefront

There are two types of storefronts:

• BigCommerce stencil theme storefront: This type of storefront incorporates industry best practices in technology, design standards, and SEO.


• Headless storefront: This type of storefront allows you to connect to any frontend network, letting you build your own storefront.

Note: Headless storefronts require manual deployment of the Buy with Prime button on your site product detail page template.

To manually set up the button on a headless storefront, go to Add Buy with Prime to your BigCommerce site.

Select the storefront(s) where you want to activate Buy with Prime.

Connect your Buy with Prime account

Note: You need to create a Buy with Prime account before this step. If you don't have a Buy with Prime account, go to Sign up and user settings.

To connect your Buy with Prime account to BigCommerce, follow these steps:

Step 1Open the Buy with Prime merchant console by choosing Get started.

Step 2Enter your email and password, and then choose Sign in and connect.

Step 3To authorize BigCommerce to access your Buy with Prime data, click Authorize.

Step 4Choose Get started to connect your Buy with Prime account to BigCommerce.

Note: Wait until the Buy with Prime merchant console reflects a message with the status of a successful connection between BigCommerce and your Buy with Prime account.

If the connection is unsuccessful, review your info and try again.

Clean up catalog

When you use the Buy with Prime app for BigCommerce for the first time, it automatically cleans up the state of your Buy with Prime catalog.  In the following steps the app will recreate your catalog and maintain the links between BigCommerce and Buy with Prime.

Connect your Seller Central or Amazon Supply Chain account

To connect your Seller Central or Amazon Supply Chain account to BigCommerce, follow these steps:

Step 1Open the Buy with Prime merchant console by choosing Get started.

Note: Connect the same Seller Central or Amazon Supply Chain account to BigCommerce as the one you used to set up Buy with Prime for the button to appear on your site.

Step 2Enter your email and password, and then click Sign in and connect.

Step 3To authorize BigCommerce to access your data, click Sign in to BigCommerce now.

Step 4Choose Get started to connect your Seller Central or Amazon Supply Chain account to BigCommerce.

If the connection is unsuccessful, review your info and try again.

Note: If you don't have a Seller Central or Amazon Supply Chain account, go to Complete prerequisites for Buy with Prime.

You can only connect one Seller Central or Amazon Supply Chain account to Buy with Prime during setup.

You can add more accounts later.

Link products

The Buy with Prime app for BigCommerce maps your Amazon products to their corresponding BigCommerce products, based on the product title, description, and price. To complete linking your products, follow these steps:

Step 1On the Buy with Prime app for BigCommerce, choose Start linking and wait for products to be mapped.

Step 2Review the mapping of Amazon products to BigCommerce products.

The Buy with Prime app for BigCommerce adds a label to each product to indicate the status of the mapping:

• Ready to link
• Close match
• No match

Step 3Choose Edit match to update the mapping to a different product, or choose Link to complete the product linking.

Note: Setting up Buy with Prime requires linked products. You must link at least one storefront product to activate the Buy with Prime button.

Enable Buy with Prime eligibility

When first adding Buy with Prime to your site, it's best practice to prioritize your best-selling products to offer your customers the Prime checkout experience that they know and trust.  

To select which product variations to activate the Buy with Prime button, follow these steps:

Step 1On the Buy with Prime app for BigCommerce, go to Enable Buy with Prime eligibility.

Step 2Find the product that you want to offer Buy with Prime. Make sure that the product is both fulfilled by Amazon and has inventory in an Amazon fulfillment center.

Step 3Turn Prime enabled on.

Step 4When you've finished selecting your products for Buy with Prime, choose Continue.

Note: By default, shoppers who aren't Prime members are offered the option to sign up for Prime or resume a paused Prime membership during Buy with Prime checkout. To deactivate this default option, go to the Buy with Prime merchant console, Amazon services tab, and then Prime membership prompt. Choose Actions, and then choose Deactivate Prime membership prompt. The status changes to Inactive.

Deploy the Buy with Prime button

You can deploy the Buy with Prime button to the following types of storefronts:

• BigCommerce stencil storefronts
• Headless storefronts

To place the Buy with Prime button on your site, follow these steps:

Step 1On the Buy with Prime app for BigCommerce, go to Deploy button.

Step 2Drag the button to your preferred location on your storefront.

Step 3Choose Deploy.

Step 4Choose Next storefront to place the Buy with Prime button on each of your storefronts.

Note: The version of the Buy with Prime button you see during this placement might not reflect the button choice you made on the Buy with Prime merchant console.

Step 5When all your storefronts have the Buy with Prime button, choose Finish.

Note: The Buy with Prime badge only appears when you have inventory with Amazon. Make sure to keep an eye on your Amazon inventory directly in the BigCommerce control panel. We recommend that you set a weekly or bi-weekly reminder to check on your inventory, so you always have enough inventory to fulfill Buy with Prime orders on your site.

Step 6Check your product detail pages to see the Buy with Prime button on your site.