Jump to content

Adding a "Buy with Prime" Amazon button to a SQSP webpage using Amazon's code

Recommended Posts

Hello! I could use your help. 

I would like to add a purchase button called "Buy with Prime" from Amazon.  Amazon has given me code to put into the Squarespace website which will create a button and allow users to purchase directly from Amazon prime. 

I have attached a jpg with the full instructions that Amazon give to install the code, but I am not sure how to place the button in the location below my Squarespace Add-to cart button.  

The website page I would like to do this on is: https://www.inkshotlife.com/loaded-gglads

Please advise. 

Thank you, 


Amazon gave me this code: 

<!-- Beginning of Buy With Prime Widget -->
<script async fetchpriority='high' src='https://code.buywithprime.amazon.com/bwp.v1.js'></script>
<!-- End of Buy With Prime Widget --> 

buywithprime-amazon-widget-install-button-instructions-2023-09-11-21_33_33 copy.jpg

Link to comment

A common design pattern it to use a modified Store product page. You can combine several effects such as hiding the default Add to Cart button and moving a

block from the Additional Info into the product detail area (to replace the hidden ATC button).

Please see the following.

Of course there are other ways you could incorporate your code into different design patterns.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.