Leadpages installation
Leadpages Testimonials With an Embed Block
The current Leadpages builder has an Embed / HTML block made for third-party widgets. Drop it under your form in Manual Mode, paste the StoryProof code, then decide per device whether it shows. Nothing reaches visitors until you click Update and hold the publish button.
- Code for the Embed / HTML block
- Desktop, tablet and mobile visibility
- Publishing edits on a live page
Code for Leadpages
What to paste into the Embed / HTML block
Leadpages describes the Embed / HTML block as the place for your own code, such as a third-party widget. One block can hold both lines. A second widget on the same page needs only its div.
Part 1 · First widget: an Embed / HTML block near the form
Builder › Manual Mode › Add › Blocks › Embed / HTML › drag onto the canvas
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Part 2 · Any further widget on the same page
Builder › Manual Mode › Add › Blocks › Embed / HTML
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>Click Preview to check, then Update and press and hold Hold to publish. Until then visitors still see the old version.
Only formatted in your browser. Leadpages and StoryProof are not contacted.
The problem, solved
Leadpages proof problems, and the StoryProof fix
- Problem 1
On phones the reviews push the form down
A layout that looks balanced on desktop can stack into a long column on a phone, putting the form far below the fold.
How StoryProof solves it
Choose a compact StoryProof layout, such as a strip or badge, and keep the bigger layouts for desktop-only blocks.
- Problem 2
I do not know where code goes now
The Leadpages builder has changed, and older guides still describe an HTML widget that newer pages do not show.
How StoryProof solves it
StoryProof needs only two lines, a div with the widget id and one async script, which fit in a single Embed / HTML block.
- Problem 3
Proof above the form and below it
Long opt-in pages often want one quote near the headline and a fuller set after the offer details.
How StoryProof solves it
Keep the script in one block; it fills every StoryProof div on the page, so the other block carries just a div.
- Problem 4
Happy subscribers never hear back
Someone who leaves a kind word and hears nothing is less likely to share it or say yes next time.
How StoryProof solves it
On a plan with automations, a thank-you email with a link to their testimonial goes out two hours after you approve it.
- Problem 5
Each lead magnet needs matching proof
A checklist download and a webinar sign-up attract different people with different doubts.
How StoryProof solves it
Build one widget per page and choose which approved testimonials it shows.
In StoryProof
Install it on a Leadpages page
Step 1 of 5
Prepare a widget for the offer
Choose the approved testimonials that speak to this lead magnet and pick a compact layout. Copy the code.
Step 2 of 5
Switch to Manual Mode
Open the page in the builder and click Manual Mode at the top of the left panel. Manual editing does not use AI credits.
Step 3 of 5
Add an Embed / HTML block
On the Add tab, drag Embed / HTML onto the canvas near the form and paste both lines.
Step 4 of 5
Set device visibility
Select the block, open Layout and use Visibility to turn desktop, tablet or mobile on or off. Check all three device views in the top bar.
Step 5 of 5
Preview, then publish
Click Preview, then Update, and press and hold Hold to publish until the button reads Live.
Which widget to show on which device
Leadpages lets each block show or hide per device, so you can place two blocks and show each where it fits.
Before you start
Leadpages limits
Older pages may look different
Many third-party guides describe a Leadpages HTML widget from an earlier builder. These steps follow the current builder; an older page may show other menus.
Edits wait for Update
Changes to a live Leadpages page do not reach visitors until you click Update and hold the publish button.
No Leadpages integration
StoryProof is not a Leadpages integration. It uses the Embed / HTML block. A button linking to your Wall of Love needs no code.
Script placement is not documented
Leadpages offers Scripts & Pixels for page code but does not say where those scripts land. Keeping the script in the Embed / HTML block avoids the question.
Written from current docs
This walkthrough is drawn from Leadpages help articles as read on 2026-11-12, updated the day before. It has not been tested on a live Leadpages page, and the new builder is still changing.
FAQ
Questions people ask
Short answers to what usually comes up next.
Where is the HTML widget in Leadpages?
In the current builder it is the Embed / HTML block on the Add tab in Manual Mode. Older guides call it the HTML widget.
Can I ask Piper, the AI assistant, to add it?
Leadpages says Piper can make changes for you and uses credits. Pasting code yourself in Manual Mode is free and more predictable.
Why do visitors still see the old page?
Edits to a live page stay as draft changes until you click Update and hold the publish button.
Should the script go in Scripts & Pixels?
You can try, but Leadpages does not document where those scripts load. One Embed / HTML block holding both lines is the predictable choice.
Still have a question? Ask the StoryProof team or book a demo.
Add real proof beside your Leadpages form
Collect testimonials, approve the ones that fit each offer, and embed them in one block.
Sources
- [Leadpages] Editing Your Page in Manual Mode, Leadpages Help Center. Checked 2026-11-12.
- [Leadpages] Publishing, Unpublishing & Managing Pages, Leadpages Help Center. Checked 2026-11-12.
Last updated 2026-11-12.