If you have a Squarespace 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. Note that this process requires you to add javascript to your Squarespace site, which is only available on their Business plan and above.
Add a link to Squarespace
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 Squarespace site wherever you need it.
Embed a button on Squarespace
If you’d like to add a button to your Squarespace 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 <head> the tag of your site. To do this on Squarespace, from the “Home” menu go to “Settings” > “Advanced” > “Code Injection” and paste the code snippet into the “Header” field.
Now you’re ready to add your button to your site. Go to the right page and select “Edit”, then find the spot where you’d like to use the button and click the insert point to add a block. For the type of block, choose “Code” (it’s under “More”). This will pop up a modal where you can simply paste your second snippet of code (make sure HTML is selected from the dropdown menu), then hit “Apply”.
And that’s it! You’ve now added a button linking to a Payhip product from your Squarespace site.
Embed a page on Squarespace
To embed a product page into your Squarespace 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.
On Squarespace, go to the page where you want to add the embed and select “Edit”, then find the right spot and click the insert point to add a block. For the type of block, choose “Code” (it’s under “More”). This will pop up a modal where you can paste your embed code (make sure HTML is selected from the dropdown menu), then hit “Apply”.
And that’s it!