Carrd installation
Carrd Testimonial Embed for One Pagers
Carrd sites are usually a single page, which makes a testimonial install short: one Embed element set to Inline where the reviews belong, and optionally one Hidden embed at Body End for the script. Carrd needs Pro Standard or higher for embeds, and shows nothing in the builder until you publish.
- Code for an Inline Embed element
- A Body End option for the script
- Layouts that suit one scrolling page
Code for Carrd
Your Carrd embed code
The simplest Carrd install is one Inline embed holding both lines. If you plan more than one widget on the page, use the second pattern: a div in each Inline embed and the script once in a Hidden embed at Body End.
Part 1 · One widget: an Inline Embed element
Add Element › Embed › Type: Code › Style: Inline › Code
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Part 2 · Several widgets: the div in each Inline embed
Add Element › Embed › Type: Code › Style: Inline › Code
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>Part 3 · Several widgets: the script in one Hidden embed
Add Element › Embed › Type: Code › Style: Hidden › Location: Body End
<script src="https://app.storyproof.io/embed.js" async></script>Publish the site, then open the live URL. Carrd shows no output for embeds inside the builder.
Runs entirely in your browser. No widget id leaves this page.
The problem, solved
Carrd testimonial snags, and how StoryProof handles them
- Problem 1
My one-pager has no room for a wall
A Carrd page is a single scroll, so a tall grid of reviews can bury the signup button under the fold.
How StoryProof solves it
Pick a compact layout, such as a marquee strip, an avatar strip or a rating badge, from the range of StoryProof layouts.
- Problem 2
The embed is blank in the builder
Carrd renders no output for code embeds while editing, which makes a correct install look empty.
How StoryProof solves it
The embed is two short lines, a div with the widget id and an async script, so after publishing you only need to see that the widget appears.
- Problem 3
I want proof near the top and the bottom
One-pagers often repeat proof by the hero and again by the final call to action.
How StoryProof solves it
Load the script once in a Hidden embed and it fills every StoryProof div on the page.
- Problem 4
My early users met me in person
Makers often gather first fans at meetups and demo days rather than over email.
How StoryProof solves it
Share the collection link directly or print it as a QR code for a table card or slide.
- Problem 5
Only my best three should show
On a single page every slot is precious, and an average quote dilutes the strong ones.
How StoryProof solves it
Approve submissions first, then choose exactly which approved testimonials the widget shows.
Inline or Hidden: which Carrd style for which line
In StoryProof
Install it on a Carrd site
Step 1 of 4
Pick a slim layout
For a one-pager, start with a strip or badge and add the approved testimonials you want shown.
Step 2 of 4
Add an Embed element
In the Carrd builder click Add Element, then Embed. Set Type to Code and Style to Inline, and give it a Label such as Testimonials.
Step 3 of 4
Paste the code
Paste both lines into Code for one widget, or the div only if the script will sit in a Hidden embed at Body End.
Step 4 of 4
Publish, then look
Publish the site and open it on desktop and phone. Move the element up or down until the reviews sit just above your main button.
Before you start
Carrd limits
Embeds need Pro Standard
Carrd lists the Embed element’s code option as Pro Standard or higher. A free or lower tier site cannot run the widget.
The free plan fallback
Without embeds, add a button that links to your Wall of Love, a hosted page of approved testimonials with its own link.
Nothing to see while editing
Carrd says embeds have no visible output in the builder. Every check has to happen on the published site.
No Carrd plugin from StoryProof
StoryProof is not a Carrd plugin or add-on. It uses Carrd’s standard Embed element, the same as any third-party code.
Per Carrd’s docs, untested
These steps reflect Carrd Docs as read on 2026-11-12 and have not been tried on a live Carrd site. Carrd can rename options at any time.
FAQ
Questions people ask
Short answers to what usually comes up next.
Which Carrd plan do I need?
Carrd’s docs list Pro Standard or higher for the Embed element’s code option.
Why is my embed empty in the editor?
Carrd does not render embeds in the builder. Publish and view the live site.
Can I put the script in the Head?
Body End is the safer choice, so the script runs after the page content exists. Or keep both lines together in one Inline embed.
Which layout suits a Carrd landing page best?
Short ones. A marquee strip or avatar strip adds proof without lengthening the page much. Save walls for a separate testimonials page.
Still have a question? Ask the StoryProof team or book a demo.
Make your one-pager more convincing
Collect testimonials with one link and drop a slim widget into your Carrd site.