How to Add a Callback Widget to Squarespace (No Code)

To add a callback widget to Squarespace, paste the WiserNotify pixel into Settings, Advanced, Code Injection, in the Header box, and save. Then build a Call back widget in WiserNotify under Widgets, Call To Actions, and point it at your contact and pricing pages. A 7-day free trial covers the whole setup.

Squarespace templates look polished, but a visitor with a question has no fast way to reach you. Most leave instead of hunting for your contact page.

The steps below install the pixel with a screenshot for each click, build the widget, and show three callback patterns that earn real calls.

Key takeaways

• Code Injection is available on Squarespace Business and Commerce plans. Personal plans keep the code boxes locked.
• One paste in the Header box covers every page of your site.
• The widget lives in WiserNotify under Widgets > Call To Actions > Call back, with its own mobile position settings.
• Squarespace also has a native WiserNotify connection that syncs orders and leads for social proof notifications later.

Why a Callback Widget on Squarespace?

A callback widget is a small floating button that opens a short form. The visitor leaves a number, you call them back, and a browsing session turns into a conversation.

That matters most on sites selling something people want to discuss first. Photographers, consultants, agencies, coaches, and stores with higher-priced products all close more of these talks than of cold form fills.

It fits best on service businesses, personal brands, and niche product stores where one conversation decides the sale.

How to Add a Callback Widget on Squarespace

The video shows the widget build inside WiserNotify. The written steps follow, starting with the pixel install on Squarespace.

Step 1: Copy Your Pixel Code

Start a WiserNotify trial or log in, open the Install Pixel page, and click Copy code.

Step 2: Edit Your Squarespace Site

Log in to Squarespace and open the site you want the widget on.

Step 3: Click Settings

In the left sidebar, choose Settings.

Step 4: Open Advanced

Scroll the Settings panel and pick Advanced at the bottom.

Step 5: Choose Code Injection

Inside Advanced, click Code Injection. This screen needs a Business or Commerce plan, so upgrade first if your site is on Personal.

Step 6: Paste the Pixel in Header and Save

Drop the pixel into the Header box and hit Save at the top. The header code runs on every page, so one paste is enough.

Step 7: Verify the Pixel

Load your site once, then click Verify pixel installation back in WiserNotify. Pixel Active means you are ready to build.

Step 8: Add the Call Back Widget

In WiserNotify, open Widgets > Call To Actions and click Add on the Call back card. Name it, enter your Squarespace domain, and pick Create & customize.

Step 9: Write the Contact Card

In the Text editor, add a real name, a photo, a short role line, and the number that rings. A line like “Questions about a project? Let’s talk” invites the tap.

Step 10: Set Position and Animation

Pick a corner for desktop and a separate one for mobile. Bottom right usually sits clear of Squarespace navigation and cart icons on both.

Step 11: Schedule, Target, and Publish

Use Timing control so the button only shows during hours when someone can pick up. Under Display, a Contains rule scopes it to contact, pricing, and service pages. Then Publish, switch it on, and test the tap from your phone.

Sync Real Squarespace Data

Squarespace has a native connection in WiserNotify, so the same pixel setup can also feed order and lead data into social proof notifications.

Open Integrations in WiserNotify, search for Squarespace, and click Connect. The permission is read only, and the full walkthrough sits in the Squarespace integration guide.

3 Callback Patterns That Work

Three patterns cover most Squarespace sites. Pick by where your visitors hesitate.

Pattern	Trigger	Best for
Exit-intent prompt	Cursor heads for the close button	Visitors about to leave without contact
Sticky callback button	Always visible while scrolling	Service and pricing pages
WhatsApp call widget	One tap opens a chat or call	Mobile-heavy audiences

1. Sath’s Exit-Intent Prompt

Sath waits for exit intent, then opens a “Before you go!” popup offering a 10-minute evaluation call. The visitor who was leaving empty-handed gets one concrete reason to hand over a number.

2. Simplilearn’s Sticky Callback Bar

Simplilearn pins a Request a Callback bar to its program pages next to an advisor form. On Squarespace, the same effect comes from the Call back widget scoped to your pricing and service pages with a Contains rule.

3. Artoon’s WhatsApp Call Widget

Artoon skips the form entirely. A floating WhatsApp icon opens a chat where the visitor can ask for a call, which suits agencies whose clients already live on WhatsApp.

Where to Show It on Squarespace

• Contact page. Some visitors land here wanting a call, not a form. Give them the direct route.
• Pricing and service pages. This is where the questions form, so the button earns the most taps here.
• Portfolio and product pages. A buyer comparing options often just needs five minutes of answers.
• Skip the checkout. Someone paying needs zero interruptions, so exclude it in Display rules.

Callback Widget Not Showing on Squarespace?

Work through these in order.

• Your plan locks Code Injection. Personal plans cannot run header code. Upgrade to Business or Commerce.
• The pixel sits in a per-page header. Page-level injection covers one page. Keep the pixel in the site-wide Header box.
• The page rule misses your URL. Equals matches one exact address. Switch the rule to Contains.
• Timing control hides it off hours. If you set a call window, the button stays hidden outside it. Check the schedule first.
• You are looking at a cached page. Open the site in a private window before changing anything.

Callback Widget Tips for Squarespace

• Match your template. Pull the widget colors and font from your Squarespace style settings so it reads as part of the design.
• Show a face. A real photo and name on the contact card gets more requests than a logo.
• Write a specific line. “Planning a wedding shoot? Let’s talk” beats “Contact us” on every page it runs.
• Answer fast. A callback request goes cold within the hour, so route alerts somewhere you check often.
• Preview on mobile. Check the button clears Squarespace’s mobile nav and cart icon before publishing.
• Change one thing at a time. Test a new message or trigger for a week and keep the winner.

Mistakes to Avoid

• A widget that clashes with the theme. Off-brand colors on a clean Squarespace template read as an ad.
• Covering your own buttons. A floating widget over the Add to Cart or Book button costs the click you wanted.
• Showing it around the clock. A request nobody answers hurts more than no widget. Use the hours schedule.
• Vague prompts. “Need help?” earns fewer taps than naming the exact thing you help with.
• Never opening the numbers. Views and taps per widget sit in the dashboard and tell you what to rewrite.

How to Measure the Impact

WiserNotify logs views and clicks for the widget, so you can see whether visitors notice it and which pages drive requests.

Then judge it on inquiries. Compare a week with the widget on against a week off, count the calls and the jobs they turned into, and keep what wins.

Wrap Up

A Squarespace site shows your work. A callback widget lets the visitor who is almost convinced talk to you before they drift off.

One paste in Code Injection and one published widget set it up. From there, every request is a warm lead with a number attached.

Install it, run a week of traffic, and count the conversations.

Related guides

Setting up a callback widget on another platform? Start with these guides:

• How a callback widget works and where to add the pixel on each platform
• Callback widget on Wix
• Callback widget on WordPress