Ecwid for Squarespace

Squarespace is one of the most popular platforms to build a website.

If you want to add your Ecwid store to your Squarespace website, you need to get an Ecwid integration code and publish it on your Squarespace page.

Obtain Ecwid integration code

To get Ecwid integration code for your Squarespace site, follow these steps:

  1. Open this page.
  2. Paste your Store ID into the text field to generate the code that displays your catalog:

Enter your Store ID

  1. If you want to have other Ecwid widgets on your site (e.g. Search and Categories), select them in the list:

Select store widgets

The generated code consists of two parts:

  • Widget blocks (<div>) that you need to add to your site page where you want to see Ecwid:

HTML codes for Ecwid widgets

  • Dynamic script (<script>) loading Ecwid widgets that you need to add to your site footer:

Script loading Ecwid

When you have generated the integration codes, keep this page open in your browser and proceed to your Squarespace Dashboard for adding the codes to your site.

Add Ecwid integration code to Squarespace

To publish your Ecwid store on your Squarespace site, first you need to add Ecwid widget codes to the page:

  1. Log in to your Squarespace account.
  2. In the Home Menu, click Pages and select the page or add a new page where you want to publish your store:

Squarespace Pages menu

  1. Hover over the page area and click Edit:

Edit page content

  1. Click the + button in the top right corner to add a new content block:

Add new block to page

  1. Select the Embed block:

Select Embed block

  1. Click the </> icon to manually add the code:

Manually embed the code

  1. On the page where you generated Ecwid integration codes, copy the HTML block (the <div> code) for Ecwid store widget.
  2. Paste it to the Embed Data window in Squarespace, click Set and then Apply:

Embed code window

You can paste several Ecwid widget codes to one Embed block or add each widget to a separate block. The widgets will load on the page in the same order as their codes are added.
  1. When you have added all the widgets you wanted, click Save.

Now you need to publish the dynamic script that will load Ecwid widgets on your site:

  1. On the page where you generated Ecwid integration codes, copy the <script> code. You are going to insert it to the footer of your site.
  2. In the Home Menu, navigate to Settings → Advanced → Code Injection → Footer and paste the copied script here:

Paste script to Footer block

  1. Click Save.

Good job! Now you can see your Ecwid online store in the site preview:

Ecwid online store in site preview

Publish your website to get the store live.

Was this article helpful?

Awesome! Thanks for your feedback!

Sorry about that! We are here to assist you by email or chat.

Contact support