Creating buttons on your Squarespace website that links to the checkout pages for Stripe Integrated Payments products you've created is a great way to promote and offer your services online.
After following the steps in this article, visitors to your site will be able to click a button for a product on your website, pay for the product on your Stripe Integrated Payments checkout page, then be automatically added as a new client with the correct program/group/trainer assigned, depending on how you've set up the automation or that product.
Before adding payment links to your website, we recommend reading through our "Trainerize Pay automation and setup guide"
If you've already read through that guide, your products have their automation set up, and you're ready to publish them to your Squarespace website, then follow along with the steps below!
Step 1
From the Squarespace website builder, add a button element and click the "edit" option.
You will see a field titled "Clickthrough URL". This is the webpage someone will be redirected to when they click the button, which brings us to...
Step 2
Open a new browser tab, open your Trainerize account, then navigate to the "Products" tab in your Stripe Integrated Payments page.
Every product you create will have an icon that looks like a chain which allows you to copy the "Checkout" link.
Find the product you would like to add to your Squarespace page and copy the "Checkout link".
You'll see a green bar pop up on the bottom of your screen saying "Payment link copied to clipboard". This means the link has been copied and you can now paste it anywhere you like. In this case, we are going to go back to your Squarespace website builder and paste in in the field for the button you're editing.
In the Squarespace editor, place your cursor in the field titled "Clickthrough URL" and paste in your Trainerize Pay checkout URL by pressing "command+v" on Mac or "control+v" on a windows computer.
Step 3
Once you have added the appropriate links to the product buttons on your Squarespace website, click the "Save" button on the top left of your Squarespace website builder.
You can now test the buttons by going to your live site. When you click the buttons you should be taken to the checkout page for the correct product.
Step 4
Over 90 percent of consumers browse the internet from their mobile devices, and many consumers find their favourite brands via social media. Therefore, a mobile-friendly website and checkout process is a necessity for doing business online.
A great place to put the link to your website is in your Instagram bio link, Facebook page, or LinkedIn profile.
You can either link directly to a product checkout link from your Stripe Integrated Payments account or, in the case below, to the product catalogue on your Squarespace website. When someone presses the button for one of your products they will be taken to a mobile-friendly checkout page hosted on your Stripe Integrated Payments account.
