Help Center

# Embed a product on a website

Embedding products in your website is very simple.

When you create or edit a product of yours, you will see those four options at the top:

embed

Clik on the Embed button and you will receive instructions on how to proceed.

Start off by adding the following script tag before the end of </head> in your markup. You only need once, regardless of how many products.

<script src="https://shoppy.gg/api/embed.js"></script>

Then add the second code to implement the button:

embed product

<button data-shoppy-product="PzsNJGR">Pay</button>

You should now be able to click your button and a product page modal will appear. Shoppy's embed script attaches to a regular <button> element meaning you can style it as you please.

Last updated Never
Have more questions? Contact us