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

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, 
Freed

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>
<div
    id="amzn-buy-now"
    data-site-id="gs2mio4vt9"
    data-widget-id="w-SrJWvdBaJk41fRqU63R2J5"
    data-sku="{{product.sku}}"
></div>
<!-- End of Buy With Prime Widget --> 

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.

Hello Creedon, Thank you so much for your quick reply to my question about adding an Amazon Buy with Prime button to Squarespace! I will check your recommendations and will let you know how it goes. If I have any further questions, I will be sure to reach out. 

David