How to Embed Testimonials on Carrd in 5 Minutes (Step-by-Step Guide)
Carrd is the gold standard for minimalist, ultra-fast one-page websites. Whether you are launching a newsletter, selling a digital product, or showcasing a freelance portfolio, visitors make up their minds in seconds.
On a single-page site, every pixel matters. Adding authentic customer reviews, video shoutouts, and client logos reduces risk and reassures hesitant prospects. However, because Carrd is intentionally lightweight, you must ensure your embedded social proof does not bloat your page weight or disrupt your responsive container flow.
This guide covers the exact prerequisites, embed configurations (Inline vs. Hidden), and styling adjustments needed to display responsive testimonial walls seamlessly on any Carrd site.
Prerequisites for Adding Custom Code to Carrd
Before adding custom embed widgets, check your Carrd site setup:
- Carrd Pro Plan: Carrd requires a Pro Standard plan (or higher) to use the Embed element. The entry-level Pro plan starts at just $19/year.
- Container Width Planning: Decide whether your testimonials should live inside a standard Container (boxed layout) or span full-width across the viewport.
- Embed Format: Choose between an asynchronous JavaScript tag (recommended for dynamic masonry layouts) or an isolated
<iframe>embed.
Ready to build your social proof widget?
Create a free KudosWall account to collect up to 50 text and video testimonials and generate your responsive embed code in seconds.
Step-by-Step: Adding the Embed Element in Carrd
Follow these verified steps inside the Carrd site editor:
- Step 1: Open Your Site in Carrd Editor: Go to your Carrd dashboard and click to edit your target site.
- Step 2: Add an Embed Element: Click the + (Add Element) icon in the top toolbar and select Embed.
- Step 3: Set Embed Type & Style:
- Type: Select Code.
- Style: Select Inline. (Do not select Hidden; inline is required so Carrd reserves document flow for the rendered widget).
- Step 4: Paste Your Embed Script: Paste your snippet into the Code text area:
<!-- KudosWall Social Proof Wall -->
<div style="width: 100%; min-height: 200px;">
<div id="kudoswall-embed-container" data-wall-id="your-wall-slug"></div>
<script src="https://kudoswall.org/widget.js" async></script>
</div>- Step 5: Position & Adjust Spacing: Drag the Embed element into the desired section (e.g., right above your CTA button). Adjust Carrd's container margins to ensure comfortable whitespace.
- Step 6: Publish & Test Live: Click the save/publish icon in Carrd. (Note: Carrd does not execute custom scripts inside the canvas editor; you must preview or publish the live URL to view the interactive widget).
How to Do This with KudosWall
KudosWall is built from the ground up to pair effortlessly with modern lightweight website builders like Carrd.
- 1. Collect in One Place: Send clients your custom collection link or QR code to gather video, text, and 5-star ratings without requiring them to create an account.
- 2. Choose Minimalist Styling: Match your Carrd site's exact aesthetic by toggling dark/light modes, rounded corner radiuses, and border styles.
- 3. One-Click Embed: Copy your optimized embed tag and paste it into Carrd's Inline Embed box.
Honest Limits: KudosWall provides the most generous free tier for indie makers, offering 50 testimonials with full video support at zero cost. For high-volume teams requiring unlimited walls or custom domain CNAME mappings, affordable paid tiers are available.
Frequently Asked Questions
Why is my testimonial widget not displaying inside the Carrd editor?
For security and stability reasons, Carrd disables JavaScript execution inside the editing canvas. Once you click Publish Changes and open your live Carrd domain, the script will execute and render your social proof.
Should I choose Inline or Hidden style for my Carrd embed?
Always choose Inline for visual testimonial walls and review grids. The Hidden style is intended for background analytics or tracking pixels (like Google Analytics or Meta Pixel).
Will video testimonials play directly on mobile Carrd sites?
Yes. Embedded video reviews stream with native inline video controls, ensuring smooth playback on iOS Safari and Android Chrome without full-screen forced redirects.