Selling on Squarespace with Ecwid

Squarespace is a popular website builder with pre-built templates and drag-and-drop elements to help you create and modify web pages. You can add an Ecwid online store to your Squarespace site to start selling online.

Essentially, Ecwid and Squarespace are two different things. Ecwid is an e-commerce solution that you can use to create your online store from scratch. Once signed up for an Ecwid account, you can embed your online store to your Squarespace website, so your customers will be able to add products to the shopping cart and checkout there. Later you can extend your store to other sales channels like Facebook, Instagram, TikTok, or Amazon.

Adding a store to Squarespace

To add Ecwid store to Squarespace:

1. From your Ecwid admin, go to Overview → Squarespace.
2. First, copy the integration code by clicking Copy Code to Clipboard:
   

   

3. In your Squarespace account, open the Home menu, click Pages and select the page where you want your store to appear, or add a new page:
   

   

4. Hover over the page area and click Edit:
   

   

5. Hover your mouse over the page and click Add Section to add a new content block to this page, then select the Add Blank + option on the left-hand side:
   

   

6. You will see a block added to the middle of your page. Hover your mouse over the block’s center. Click the + sign to see the block content options and click </> Code.
7. In the pop-up, delete the sample code and add your Ecwid store code that you’ve copied on step 2. It will be saved automatically.
8. (optional) You can add store extensions like Category Navigation menu, Additional Shopping Bag, and Product Search box to your store page. To do so, go to your Ecwid admin → Overview → Squarespace, scroll down to Store extensions, choose the extension you want to add, and copy the code to the Code block on Squarespace where you have previously added the Ecwid integration code. They will appear on the page in the same order as their codes are added.
   To add a certain category or a product instead of the entire store, use one of the codes below as the first part of the Ecwid integration code:
   <div id='my-store-0000' data-default-category-id='1111'></div>
   <div id='my-store-0000' data-default-product-id='2222'></div>
   Replace 0000 with your store ID. Replace 2222 and 1111 with the respective category or product ID.
9. Now you have to add the script code from Ecwid to Squarespace. From your Ecwid admin, go to Overview → Squarespace again and click the second Copy Code to Clipboard to get a script code that you will need to add to your site footer:
   

   

10. Return to your Squarespace account and In the Home menu, navigate to Settings → Advanced → Code Injection.
11. In the Footer section, paste the script code that you’ve copied on step 9.
12. Click Save in the top left corner.

Done! Now your Ecwid online store is embedded in your Squarespace site.

Adding two stores to Squarespace

If you run two stores that have separate inventories in two locations, or if you want to set up a second online store in order to separate wholesale products and orders from retail ones, you can add two Ecwid stores to one Squarespace site.

There is no option to add two stores on the same page of your Squarespace site. Still, you can add Ecwid stores on different pages of your website. That way, you will have two stores on one site.

To add two Ecwid stores to your Squarespace site:

1. In your Squarespace account, open the Home menu, click Pages and select the page where you want your first store to appear, or add a new page:
   

   

2. Hover over the page area and click Edit:
   

   

3. Click Add Section to add a new content block to this page, then select the Add Blank + option on the left-hand side:
   

   

4. You will see a block added to the middle of your page. Hover your mouse over the block’s center. Click the + sign to see the block content options and click </> Code.
5. From your Ecwid admin, go to Overview → Squarespace. Copy both the Ecwid integration code and Ecwid script code to the Code pop-up in your Squarespace site editor. It will be saved automatically.
6. (optional) You can add store extensions like Category Navigation menu, Additional Shopping Bag, and Product Search box to your store page. To do so, go to your Ecwid admin → Overview → Squarespace, scroll down to Store extensions, choose the extension you want to add, and copy the code to the Code block on Squarespace where you have previously added codes. They will appear on the page in the same order as their codes are added.
7. Save the changes.
8. Repeat the above steps for the second store.

Done! Now your Ecwid online store is embedded in your Squarespace site.

If the store page is not linked to the navigation, make sure to move it to your site menu and start accepting orders online.

Related articles

Got an order? Next steps
Tagging products on Instagram
Selling on Facebook
Selling on Amazon