Kit (ConvertKit) installation
Kit Landing Page Testimonials via Script
Kit, the email platform once called ConvertKit, hosts landing pages for lead magnets and launches. Its classic landing page editor has a Script block: a Source field for code and a Container Height field in pixels. Leave that height at zero and the script still runs, but nothing is visible. Get the height right and a StoryProof widget sits right under your signup form.
- Code for the Script block’s Source field
- Why Container Height decides whether it shows
- A button route for Landing Page 2.0
Kit Script block
Code for a Kit landing page
Enter a widget id. Block 1 goes into the Source field of a Script block on a classic Kit landing page. Block 2 is the plain button for a page built in Landing Page 2.0, whose help article lists no code block.
Part 1 · Block 1: Script block Source field (classic landing pages)
Audience growth › Landing Pages & Forms › your page › + › Script › Edit › Source
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Part 2 · Block 2: Button for Landing Page 2.0
Landing Page 2.0 editor › content blocks › Button
Button block on a Landing Page 2.0 page
Button text: See what subscribers say
Link: [your StoryProof Wall of Love link]
Place it: directly under the subscribe formIn the Edit Script window, set Container Height to a number of pixels before you save. Start around 600, click Preview at the top right of the builder, then raise or lower it until the whole widget shows without a big gap.
Built in your browser from the id you enter. Kit and StoryProof receive nothing from this box.
The problem, solved
Kit landing page snags, and the StoryProof fix
- Problem 1
I pasted the code and nothing appears
Kit says a Script block left at its default Container Height of zero does not appear on the page, even though the script still runs.
How StoryProof solves it
The StoryProof div and script go into Source as normal; the fix is on Kit’s side. Give the container a pixel height tall enough for the layout you chose.
- Problem 2
The widget gets cut off at the bottom
A fixed pixel height that fits a three card row will be too short for a tall wall.
How StoryProof solves it
Pick a compact layout for a squeeze page, such as a carousel or badge, and choose only a few approved testimonials for that widget so the height stays predictable.
- Problem 3
My page was built in Landing Page 2.0
Kit’s Landing Page 2.0 help lists headings, paragraphs, buttons, images and links, and mentions no HTML or script block.
How StoryProof solves it
Add a button under the form that opens your hosted Wall of Love, which every StoryProof plan includes.
- Problem 4
Subscribers love the freebie but never say so
Without an ask, the only praise you get is a stray reply to a welcome email.
How StoryProof solves it
Add subscribers as StoryProof contacts and send them your collection link, where they can record, speak or type a testimonial. You approve each one before it shows.
In StoryProof
Add the widget to a classic Kit landing page
Step 1 of 5
Open the landing page
In Kit, open Landing Pages & Forms under the Audience growth tab in the left navigation, and click the landing page.
Step 2 of 5
Insert a Script block
Hover where the testimonials should sit, usually just below the form, click the + icon menu and choose Script.
Step 3 of 5
Fill in Source and height
Click Edit on the new block. Paste Block 1 into Source and type a pixel value into Container Height, then Save.
Step 4 of 5
Tune the height in Preview
The builder shows no output from scripts. Click Preview, look at the widget, then go back to Edit and adjust the height until it fits.
Step 5 of 5
Publish the page
When the widget shows fully in Preview, publish the landing page and open its public URL on a phone.
Before you start
Limits on Kit
Fixed container height
Kit sizes the Script block by the pixel height you enter. A widget that grows past it will not show in full, so recheck after changing the layout.
No code block documented for 2.0
Kit’s Landing Page 2.0 article lists no HTML or script block. On those pages the honest route is a button to the Wall of Love.
Plan rules are unclear
Kit’s script article states no plan requirement. A Kit product update seen only in search results says custom HTML on landing pages is for paid plans, so check your account.
Embedded Kit forms are separate
This page covers Kit’s hosted landing pages. A Kit form embedded on your own website is installed on that website instead.
Kit help as of 2026-11-14
Menu names and the container height rule come from Kit’s help articles as read on 2026-11-14. The steps have not yet been followed on a live Kit account.
FAQ
Questions people ask
Short answers to what usually comes up next.
Should the widget go in a Script block or an HTML block?
Kit’s help on embedding scripts in landing pages describes the Script block with its Source field. That is where both StoryProof lines go on a classic page.
Why can I not see the widget while I edit?
Kit says scripts have no visible effect in the landing page builder. Use the Preview button to see the live version.
Can I put testimonials in my Kit emails instead?
Emails are a different medium where scripts do not run, so a widget is the wrong tool there. Our email campaign guide covers quoting testimonials inside messages.
Does the widget collect email addresses?
No. Kit’s form keeps doing that. The StoryProof widget only shows the testimonials you approved and chose for it.
Still have a question? Ask the StoryProof team or book a demo.
Give your Kit landing page some proof
Collect testimonials from subscribers, approve them, and drop one widget into a Kit Script block.
Sources
- How to embed scripts in Forms and Landing Pages, Kit Help Center. Checked 2026-11-14.
- Landing Page 2.0: How to create a Landing Page, Kit Help Center. Checked 2026-11-14.
- HTML blocks in landing pages, Kit product updates. Checked 2026-11-14.
Last updated 2026-11-14.