If you have a WordPress site and would like to link from it to one of your Payhip products, then you can do that via a link, a button, or by embedding a page.

Add a link to WordPress

To add a link directly to a product from your WordPress site, all you need is the right URL to use. Finding the URL for your product is easy – just click on “Products” at the top of your admin dashboard, then find the product that you’d like to promote and select to “Share / Embed”.

A modal will appear showing your product URL, which you can copy and paste into your WordPress site wherever you need it.

Key Note
You can also use your store URL to link directly to your store home page from WordPress. To find this URL, navigate to “Account” > “Settings” and scroll down to “Username”.

Embed a button on WordPress

If you’d like to add a button to your WordPress site that links to one of your products, 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.

The first snippet is JavaScript and it needs to go within thetag of the page where you’ll be embedding the button. Because WordPress doesn’t allow JavaScript by default, you’ll need to add a plugin to your site. We recommend one called “Insert Headers and Footers”.

Once you’ve installed the plugin, in your WordPress admin dashboard, go to “Settings” > “Insert Headers and Footers”. Then paste the JavaScript snippet into the “Scripts in Header” field and hit “Save”.

Now you’re ready to add your button to your site. To do this, simply copy the second snippet of code that we gave you. This is HTML and can be pasted into your WordPress site from the “Text” view when editing a page.

When you preview your page, you’ll now see the button embedded:

Embed a page on WordPress

To embed a product page into your WordPress site, click on “Products” at the top of your admin dashboard.

Find the product that you’d like to embed, 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.

Like with the embed button option, you need to install a plugin on your WordPress site so that you can add JavaScript into your site header. We recommend “Insert Headers and Footers”.

Once you’ve installed the plugin, in your WordPress admin dashboard, go to “Settings” > “Insert Headers and Footers”. Then take the part of the embed code that’s within script tags and paste it into the “Scripts in header” field and hit “Save”.

Next, take the rest of the embed code (the part within div tags) and paste it into your WordPress site from the “Text” view when editing a page.

When you preview your page, you’ll now see the page embedded:

Key Note
Because you have to install a plugin for this process to work, you will need to be an admin on WordPress. If you’re hosting your site with WordPress.com, then you will need to be on their Business plan or above.