Add Payhip to Squarespace
To sell Payhip products on your Squarespace site, we'll guide you through three integration methods:
Add Store Link to Squarespace
This method lets you add a direct link to your Payhip store on your Squarespace site.
The most straightforward method to include a link is by integrating it into your Squarespace website's navigation menu. To achieve this, open the Pages panel, then click the + icon next to the main navigation.
This action will prompt you to input a link title and the URL for your Payhip store. Once you've entered those details in the text field, don't forget to click on Save and publish your changes afterward.
Add Product Link to Squarespace
This method lets you add a direct link to a specific product page on your Squarespace site.
If you wish to feature a product on your site but intend to sell it using Payhip, you can easily direct potential buyers to your Payhip product page through the addition of a product link. To achieve this, you'll first need to create a section to showcase your product.
After manually the product image and description, your next step is to create a button. By clicking the Add Block feature, you should see the different elements you can add to fully customize your site.
Select the Button option, and this will prompt you to enter the product page URL, which you can get from Payhip by clicking the Share / Embed button on your products page here: https://payhip.com/products.
How you choose to insert product links into your Squarespace site is entirely up to you. Be it through buttons or hyperlinked images. Regardless of your selection, you'll need to utilize Add Block feature to accomplish this.
Add a Payhip Button on Squarespace using Direct Checkout Links
Similar to adding a button that links to your Payhip product page, you can also add a button to your Squarespace site that takes customers directly to checkout.
By using Direct Checkout Links, customers can skip the product page and go straight to checkout for that specific product.
You can find instructions for creating one here: Direct Checkout Links.
Once you've created your direct checkout link, open your site editor and navigate to the page where you would like to add the button.
Next, edit the page and then click Add Block and select Button.
Click the button to open the block editor and enter the text you'd like to display on the button, such as Buy Now or Purchase. You can then click Attach Link and paste your Direct Checkout Link into the URL field.
Preview your site and test the button to make sure everything works as expected. Customers should be taken directly to the Payhip checkout, and that's it!