Add Qualify64 to Squarespace

Squarespace supports embedding custom code through its Code Block element. This is how you add a Qualify64 calculator to any page.

Before you start

Get your embed code from the Qualify64 builder:

1. Open your funnel and click Publish
2. Copy the embed code from the publish panel

Your embed code looks like this:

<script src="https://app.qualify64.com/c/your-funnel-slug.js"></script>

Squarespace plan requirement: Custom code embeds require a Business plan or higher. The Personal plan does not support script injection.

Adding a Code Block (Squarespace 7.1)

Squarespace 7.1 is the current version for most sites.

1. Open the page where you want the calculator in the Pages panel
2. Click Edit to enter editing mode
3. Hover over the section where you want to add the calculator and click the + icon to add a block
4. Select Code from the block menu
5. In the code editor that opens, paste your Qualify64 embed code
6. Uncheck Display Source if it is checked — this ensures the code runs rather than being shown as text
7. Click Apply
8. Click Save to publish your changes

Adding to Squarespace 7.0

If your site is on the older 7.0 version:

1. Edit the page and click Edit on the section where you want the calculator
2. Click the grey bar at the top or bottom of a content block to insert a new block
3. Select Code from the block chooser
4. Paste your embed code and click Apply

Placing the calculator in a full-width section

For the best appearance, place the code block inside a full-width section with no padding. In the section settings, set Column gap and Section padding to zero, then resize the code block to span the full section width.

Troubleshooting

I see my code displayed as text instead of a running calculator. Make sure Display Source is unchecked in the code block settings.

The code block shows "Code blocks are disabled in trial mode". Squarespace requires an active paid plan to run custom code. Upgrade to Business or higher.

The calculator appears but is surrounded by extra space. Adjust the padding settings on the code block or the containing section in Squarespace's design options.