SquareSpace shopping cart ecommerce integration guide

Easily turn a SquareSpace website into a SquareSpace store in minutes with the ShopIntegrator SquareSpace shopping cart ecommerce add-in.

Easily add a free SquareSpace shopping cart into your website to turn it into a SquareSpace store.

A wealth of ecommerce features at your finger tips to create a successful SquareSpace online shop, features including:

How to add a store to SquareSpace websites

Simply follow the steps outlined below to turn your SquareSpace website into a SquareSpace store using the ShopIntegrator SquareSpace shopping cart ecommerce add-in.

1. Sign up for your FREE account trial of ShopIntegrator
2. Logon to ShopIntegrator admin console
3. Follow the steps below to build your online SquareSpace store in minutes.

<---Access your ShopIntegrator Admin Console--->

Click on the ‘Add ecommerce to Website/Social’ button in the ShopIntegrator Admin Console



Select SquareSpace in Step 1 of the 'Add Ecommerce To Website/Social' web admin



Copy the code in Part(i) from the final step of the 'Add Ecommerce To Website/Social' ShopIntegrator admin console page



<---Switch to your SquareSpace editor now--->

Log in to your Square Space site builder admin and click the Settings then under the WEBSITE section click Advanced then click Code Injection. Copy and Paste the ShopIntegrator part(i) script into the HEADER box, then click Save at the top of the page.



Copy the code in Part(ii) from the final step of the 'Add Ecommerce To Website/Social' ShopIntegrator admin console page




<---Switch to your SquareSpace editor now--->

In your SquareSpace editor, go to the page where you want to add your store ecommerce plug-in.

Click into the Page Content section click EDIT.

Move your mouse over the page content box editor and you'll see the black line with the circle tab to the left.




Click the circle tab and you'll get a pop-up of all the different SquareSpace page elements you can choose from.

In the pop-up of page elements, scroll down to the MORE section, and click the Code block to insert.




SquareSpace will show an Embedded Code block in the page editor where you pasted the ecommerce store add-in.







In SquareSpace, click the page you just created in your navigation menu to reload the web page in SquareSpace, where you'll see the store ecommerce plug-in load in your SquareSpace site editor.

Also try viewing your site webpage in preview outside of the SquareSpace page editor to see the store ecommerce plug-in show in the website when not in editor mode.


Example ShopIntegrator store in SquareSpace site:




OPTIONAL: If you use the full 'Add Store' ecommerce plug-in you may want to adjust the width of the product images in the store grid so they best fit the width of your page content section in SquareSpace. In ShopIntegrator store admin, go to the Appearance Manager, LAYTOUT tab and use the settings in the 'Table of Products & Sell Item Full Common Layout Settings' section to adjust the 'Product Grid View Image Default Width'. Click Save All Changes button in store admin, then refresh your SquareSpace page for the store to see the change take effect, repeat until you achieve the desired image width and number of product columns which best fits your site.