Deploying the Amazon “Buy with Prime” on Shopify Stores

THIS ARTICLE WILL HELP YOU:

• Step 1
• Step 2
• Step 3
• Step 4

Deploying the Amazon Buy with Prime widget quickly without modifying the Shopify theme is now possible with Convert Experiences. These instructions work for all Convert Experience and Convert Deploy customers.

Step 1

Install the Convert Experience Shopify custom app by following the instructions here.

Step 2

Setting up the product pages you want to target is easy. Amazon Buy with Prime only works on product pages that are added to your Amazon merchant console, but this Deploy Convert Experience will pick up the correct SKUs and only show the Buy with Prime button on those pages.

Copy the URL of one of the product pages where you want to have the Amazon Buy with Prime widget, and inside the Convert app, create New Experience -> Deploy, and paste that URL. This will lead you to our visual editor.

In it, choose the button or element below which you want to have the Amazon Buy with Prime widget and click Insert HTML -> After selected element.|

In the free field that appears, you can paste the code below while making sure to replace the values for your Amazon merchant site-id and widget-id.

<!-- Beginning of Buy With Prime Widget -->
<script defer src='https://bootstrap.prod.scoville.dubai.aws.dev/bwp.js'></script>
<div 
id="amzn-buy-now" 
data-site-id="xxxxxxx" 
data-widget-id="w-xxxxxxx" 
</div>
<script>document.getElementById("amzn-buy-now").data-sku=_conv_product_sku;</script>
<!-- End of Buy With Prime Widget -->

Step 3

Change the “Locations” of the summary:

Change it to ”Start with” and the beginning of your Shopify product page URL, the part that is common for all product pages.

Step 4

Change the status of the experiment to “Active”