Squarespace

Squarespace integration

In this documentation, we will look at how to connect Easytools with Squarespace in two separate ways:

1. Squarespace as a landing page - Your products are on Easytools, and Squarespace serves as your main landing page. You can also add additional tools from Easytools like Buy Me a Coffee, Tickers, pricing sections, testimonials, and others.
2. Protected content on Squarespace - Using Login Wall to block access to specific pages so only paying customers can view them.

Why use this approach? Using Squarespace as your landing page with products on Easytools is a simple and safe solution. You have everything - all products - on Easytools, so no unauthorized access is possible, and you still have Squarespace as your main landing page.

Squarespace plan requirement Adding custom code (scripts and Code Injection) requires the Core plan or higher in Squarespace (plans: Basic, Core, Advanced). Make sure your plan supports this before following the steps below.

Part 1: Squarespace as a landing page

Watch the video tutorial covering linking products, scripts, and embeds:

1. Linking individual products

When you have products on Easytools and Squarespace is your landing page, you can link buttons directly to your product checkout pages.

1. Go to Easytools and navigate to Store → Products.
2. Find the product you want to share.
3. Click the Share button and select Copy link to checkout.
4. In Squarespace, edit the button element on your page.
5. Click the link icon, choose External, and paste the copied link.
6. Click Apply and save.

When users click the button, they will be taken directly to the Easycart checkout for that product.

2. Linking to storefront

If you want to link to an entire page with all your products, you can use the Storefront feature.

1. Go to Easytools and navigate to Store.
2. Find the Storefront section.
3. Edit which products are displayed - add or remove them as needed.
4. Copy the Storefront link.
5. In Squarespace, create a button (e.g., "See our products") and paste the Storefront link as an external link.

Users clicking this button will see your entire portfolio of products from Easytools.

3. Adding script-based tools

Any Easytools tool that provides a <script> tag is added via Squarespace Code Injection. This applies to widgets like Buy Me a Coffee (Easycoffee), Social Proof Tickers, and Cookie Consent (Easycookie) — the process is the same for all of them.

1. In Easytools, open the tool you want to add.
2. Configure the tool to your liking and click Copy code to copy the script.
3. In Squarespace, choose where to add it:
   • Site-wide (on every page): in the Pages panel, scroll to the bottom and click Custom Code → Code Injection, then paste into the Header field.
   • Single page only: hover over the page in the Pages panel, click the gear icon → Advanced tab, and paste into the Page Header Code Injection field.
4. Click Save.

You can stack multiple scripts - Paste multiple scripts into the same Header field — one after another. No need for separate entries.

4. Embedding content (iframes)

Any Easytools tool that provides an embed code (iframe) is placed directly in the page editor as a block. This applies to Pricing Sections (Easyoffer), Testimonials (Easylove), Legal Pages, and the footer — the process is the same for all of them.

1. In Easytools, open the tool you want to embed.
2. Configure it and click Copy embed code.
3. In Squarespace, open the page editor and click + to add a new block.
4. Choose Code, paste the embed code, and click Apply.
5. Save the page.

[fs-toc-omit]Alternative: Embed block

You can also use an Embed block instead of a Code block (useful e.g. in the site footer). When using Embed: click Edit, choose Code snippet (not "Link"), and paste the code there.

[fs-toc-omit]Remember to publish changes in Easytools

Any changes you make in Easytools must be published before they appear on your Squarespace site. Without publishing, updates will not be visible to visitors.

Part 2: Login wall (protected content)

Login Wall allows you to protect specific pages on Squarespace — only people who have purchased access on Easytools can view them. Visitors without access are automatically redirected to the Easytools login page, where they can log in or buy the product.

Watch the video tutorial covering Login Wall setup:

5. Setting up login wall in Easytools

To protect a specific page, you first need to copy the login wall script from your Easytools product.

1. In Easytools, go to Store → Products.
2. Select the product that should grant access to the protected page.
3. Click the lock icon (Gate content) at the top of the product page.
4. Select Secure entire page.
5. Copy the generated script code.

6. Adding login wall script to Squarespace

The Login Wall script must be added to the specific page you want to protect — not site-wide.

1. In Squarespace, go to the Pages panel.
2. Hover over the page you want to protect and click the gear icon.
3. Go to the Advanced tab.
4. Paste the script from Easytools into the Page Header Code Injection field.
5. Click Save.

Repeat this step for every page you want to protect. Each page can be linked to a different product if needed.

[fs-toc-omit]Important: Editing a protected page

Once the login wall script is active on a page, Squarespace will block the page editor — you will see an EMBEDDED SCRIPTS warning and will not be able to edit the page content directly.

Workaround: Go to the page settings (gear icon → Advanced → Page Header Code Injection), remove the script, save, then edit the page. Once you are done editing, re-add the script. Note that while the script is removed, the page is publicly accessible — work quickly.

7. Testing the Login Wall

To test your Login Wall setup:

1. Make sure your Squarespace site is published (Login Wall does not work in preview mode).
2. To test the locked-out experience: open the protected page in an Incognito / Private window — you should be redirected to the Easytools login/purchase page.
3. To test access with a valid purchase: temporarily log out of Squarespace in your normal browser (where you are logged into Easytools/Easycart with the product purchased). Visit the protected page — access should be granted.
4. Log back into Squarespace when done.

[fs-toc-omit]Why not just use the Squarespace preview?

When you are logged in to Squarespace as the site owner and visit the live page URL, Squarespace automatically redirects you to the editing interface — you cannot see the published page as a regular visitor. This is a Squarespace limitation. Logging out from Squarespace (or using Incognito) is the only reliable way to see what normal visitors see.

‍