In addition to linking directly to products on your Payhip store, you are also able to embed a button or even a page onto your existing website.

Embed a button

To embed a button linking to a product on your Payhip store, click on “Products” at the top of your admin dashboard.

Find the product that you’d like the button to link to, select “Share / Embed”, and then go to the “Embed Button” tab of the modal that appears.

Here you can preview your button, customizing its text, color, and type. There are two types of button that you can create:

Direct Purchase – Will direct the user straight to checkout for the product.
Add to Cart – Will add the product to the user’s cart. They’ll be able to add other products before purchasing.

Once you’re done creating your button, click “Get Your Embed Code”. This will give you two snippets of code. Paste the first snippet within the tag of the page where you’ll be embedding the button. Paste the second snippet wherever you want the button to appear on your page.

We’ve embedded an example button below:

Buy Now

Embed a page

To embed a product page on your existing website, click on “Products” at the top of your admin dashboard.

Find the product that you’d like the button to link to, select “Share / Embed”, and then go to the “Embed Page” tab of the modal that appears. You’ll see a preview of the product page. If you’d like to customize the look of this page, that can be done using the design editor.

(If you need to update any of the details of the product, go to “Products” and select to edit the one you need to change.)

Copy the embed code and paste it into your website’s code in the location where you want the page to appear.

We’ve embedded an example page below: