How To Add Shopify Buy Button to Squarespace

In this blog tutorial, learn how to seamlessly integrate Shopify's buy button into your Squarespace website.

Let’s dive in..

Watch the video

Check out the YouTube video below 👇

The first thing we want to do on the Shopify dashboard is click on the "Buy Button" under Sales Channels. If you don’t have it, simply download it from the Shopify App Store.

In this walkthrough, I will show you how to do it for individual products using the “Product Buy Button.” Simply click on that option.

From here, we need to choose a product to create this button for. In my demo store, I only have one product, but you can locate your product and click "Select."

From here, we will have the option to customize how this button looks. In this walkthrough, I won’t go into depth, but the process is very straightforward.

After we’re done customizing, we’ll reach this page. Simply click "Copy Code" and head over to Squarespace.

Over at Squarespace, add the “Code Block” to the page you want and paste the Shopify code into it.

When you exit the editor, you’ll see that the Buy Button has been successfully added to your site! ;)

When a user clicks "Add to Cart," it opens the cart on the side. From there, the user can proceed to check out.

When the user clicks "Check Out," they will land on this page. From there, they can complete their payment. Once the payment is made, the order will appear in the Shopify admin.

Your designer

I'm Victor Rolf, an expert Squarespace designer .If you'd like to discuss a potential project, you can email me at victor@rolfmade.com or get in touch here. Alternatively, book a free 15-minute consultation call here.