Add Checkout Page to Squarespace
In this help article, you will learn how to add Checkout Page to your Squarespace site.
With Checkout Page, you can easily create a one-page checkout and add it to your site in different ways.
Here are the instructions for adding one-page checkouts to Squarespace.
Add a Buy button
- Open your Squarespace dashboard and click on your site to Edit it
- Click on an existing button or navigate to any section and click Add block to add a new one
![image-81e2e6.png](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F1n2jytol%2Fproduction%2Fe0265515015fd80bf3173818e2ac36ef9b318165-2876x724.png%3Fw%3D1536%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
- Choose Button from the block menu to add it to your site
![image-b09cfd.png](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F1n2jytol%2Fproduction%2F9ec3a22156d6613726c3ec26e6fa7128d017a155-1762x1040.png%3Fw%3D1536%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
- Click on your new button and then click the pencil to Edit it
![image-6413dc.png](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F1n2jytol%2Fproduction%2F3823ffea56227bc371a27455a2e6e9628c61e0d4-920x474.png%3Fw%3D1536%26fit%3Dmax%26auto%3Dformat&w=1920&q=75)
- Go to your Checkout Page dashboard and open the checkout you’d like to link to
- Click Share & embed on the top right corner and copy the Payment link
- Back on Squarespace, paste it into the Link field and adjust the Text
![image-e244bd.png](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F1n2jytol%2Fproduction%2F4b57eed91331b0257f5682313792f2db84b476b0-1356x796.png%3Fw%3D1536%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
- Save and Preview to test the link
Embed your checkout
- Open your Squarespace dashboard and click on your site to Edit it
- Navigate to any section and click Add block to add a new Embed
![image-957180.png](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F1n2jytol%2Fproduction%2Fe0265515015fd80bf3173818e2ac36ef9b318165-2876x724.png%3Fw%3D1536%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
![image-4324.png](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F1n2jytol%2Fproduction%2F3fa60d5585275ded40588f22c05fad82b5650bfe-882x1134.png%3Fw%3D1536%26fit%3Dmax%26auto%3Dformat&w=1920&q=75)
- Click on your embed and then click the pencil to Edit it
![image-89da86.png](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F1n2jytol%2Fproduction%2F5c1898bbbdf0e898128f6519df5f2028e9e158bf-1210x490.png%3Fw%3D1536%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
- Select Code Snippet and go to Embed data
![image-39f265.png](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F1n2jytol%2Fproduction%2F2dd1e7c85d3378d982f85f370bbbf482471719f0-1756x872.png%3Fw%3D1536%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
- Open your Checkout Page dashboard, click the checkout you’d like to link to and Share & embed on the top right corner
- Copy the Embed code under the Custom website section from Embed tab
- Back on Squarespace, paste this code into the Embed data box
![image-33e2ae.png](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F1n2jytol%2Fproduction%2F8167543520775f68391389bdbe57d48b6ab7b71c-1592x712.png%3Fw%3D1536%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
- Save and Preview to test the embed
That’s it, now your one-page checkout has been added to your Squarespace site!