Square Online installation
Square Online Testimonials With Embed Code
Square Online, which review sites still list as formerly Weebly, has a section type called Embed code for visible third-party content and a separate Tracking Tools screen for hidden scripts. The StoryProof div needs the first, which Square offers on Plus and Premium subscriptions. The script can sit in either.
- Embed code section for the widget
- Tracking Tools for the script, end of body
- What a free Square Online site can do instead
Code for Square Online
Embed code section and Tracking Tools
Enter your widget id. The div goes in an Embed code section on the page. The script can share that section, or go once in Tracking Tools with End of body chosen as its placement.
Part 1 · Visible on the page: an Embed code section
Channels › Square Online › Website › Edit site › +Add › Section › Embed code
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>Part 2 · Hidden, site-wide: Tracking Tools
Channels › Square Online › Settings › Tracking Tools › Add new code › End of body
<script src="https://app.storyproof.io/embed.js" async></script>Part 3 · Or one section holding both lines
Same Embed code section, for a single widget
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Publish the site from the editor, then open the live page in a private window. Tracking Tools changes also need a publish before they take effect.
Only the code on this page uses your widget id. Nothing is saved.
The problem, solved
Square Online owners’ questions, answered with StoryProof
- Problem 1
Regulars rave at the counter, not online
Praise said in person is gone by closing time, and the website still shows nothing from real customers.
How StoryProof solves it
Print the collection link as a QR code by the till or on receipts, and customers can respond on their own phones.
- Problem 2
Embed section or tracking code?
Square keeps visible embeds and invisible scripts apart, and putting the div in Tracking Tools shows nothing.
How StoryProof solves it
Split the StoryProof embed: the div into an Embed code section where it should appear, the async script into either place.
- Problem 3
Widgets on home, menu and about
Copying the full snippet into each section loads the same file several times.
How StoryProof solves it
Put embed.js once in Tracking Tools at the end of the body; it fills every StoryProof div on any page.
- Problem 4
Worried about an unhappy review appearing
A bad day at a small shop can produce one harsh comment that the owner never wants on the home page.
How StoryProof solves it
Nothing shows before you approve it. From Pro, a rating of 2 stars or fewer can also alert you and send the customer an apology email.
- Problem 5
My Square Online plan is Free
The Embed code section is listed for Plus and Premium subscribers only, so there is nowhere to place the div.
How StoryProof solves it
Link to your Wall of Love from a button or the navigation; it is a hosted page of approved testimonials on every StoryProof plan.
In StoryProof
Add it to Square Online
Step 1 of 4
Choose stories for the page
Pick approved testimonials that match the page, such as food praise for the menu page and service praise for the home page.
Step 2 of 4
Add the script in Tracking Tools
In Square Dashboard, open Channels › Square Online › Settings › Tracking Tools, select Add new code, name it StoryProof, paste the script and choose End of body.
Step 3 of 4
Add an Embed code section
Open Website › Edit site, go to the page, select +Add › Section › Embed code, then paste the div into the text box in the editing panel.
Step 4 of 4
Publish and check
Publish the site and view the live page in a private window, and on a phone as well as a laptop.
Before you start
Square Online limits
Embed sections are paid
Square lists the Embed code section for Plus and Premium subscribers. Tracking Tools is available on Free too, but a script alone shows nothing.
No custom code support
Square states it cannot assist with custom code of any kind and suggests a coding expert if something goes wrong.
Not a Square App Marketplace app
StoryProof is pasted in as code. It does not connect to Square orders or customers.
Old Weebly instructions differ
Guides written for the classic Weebly editor use different menus. Follow the Square Online steps above if that is where you edit.
Square docs read, steps untried
These steps follow Square’s help articles as read on 2026-11-13. A person has not yet run them on a live Square Online site for this guide.
FAQ
Questions people ask
Short answers to what usually comes up next.
Can I put the whole snippet in Tracking Tools?
Square says Tracking Tools code is not intended to be visible, so a div there will not appear where you want it. Use an Embed code section for the div.
Head or End of body for the script?
Either works for an async script. End of body keeps it out of the way of the rest of your page loading.
Does this work on my old Weebly site?
If your site now edits in Square Online, follow these steps. A site still on the classic Weebly editor has different menus that this guide does not cover.
Who on my team can add the code?
Square lets account owners and team members with online permissions use these settings. Permissions are set in Square Dashboard.
Still have a question? Ask the StoryProof team or book a demo.
Turn counter praise into website proof
Collect testimonials by link or QR code and place them on your Square Online site.
Sources
- Add external content and widgets with embedded code in Square Online, Square Support Center. Checked 2026-11-13.
- Add custom tracking code to Square Online, Square Support Center. Checked 2026-11-13.
Last updated 2026-11-13.