- Blog
- How to Embed GetWaitly on Carrd: A Step-by-Step Guide
How to Embed GetWaitly on Carrd: A Step-by-Step Guide
You have a Carrd page for your upcoming product. It looks clean, loads fast, and cost $19 for the year. Now you need a signup form on it — not just a Mailchimp link, but a real waitlist that tracks referrals and sends updates.
GetWaitly's embeddable widget drops into any Carrd page with two lines of code. No iframes, no external page redirects, no CSS conflicts. Here is exactly how to set it up.
The short answer
Paste a script tag in your Carrd page's <head> and a container div where you want the form. The widget renders inline, matches your brand colors automatically, and collects subscribers directly into your GetWaitly dashboard. No separate email tool needed. Total time: 2 minutes.
What you need
Before you start, you need a GetWaitly account with a waitlist already created. The free plan covers 100 subscribers and costs nothing. You also need a Carrd Pro account — the free tier does not support custom code in the <head> section.
Here are the exact steps.
Step 1 — Get your embed code
Log into your GetWaitly dashboard and open the waitlist you want to embed. Navigate to the Widget section. You will see two pieces of code:
Script tag (goes in your page's <head>):
<script defer src="https://getwaitly.com/widget.js"></script>
Container div (goes where you want the form):
<div class="gw-widget" data-slug="your-waitlist-slug">Loading signup form...</div>
Replace your-waitlist-slug with your actual waitlist slug — it is the same slug used in your public waitlist URL.
Step 2 — Add the script tag in Carrd
Open your Carrd page in the editor. Navigate to Settings (the gear icon) → SEO & More → Head Code section. Paste the script tag there.
This loads the widget code on every page visit. The defer attribute ensures it runs after the page content loads, so it does not slow down your page.
Step 3 — Add the container div in Carrd
Go back to your page editor. Add an Embed element where you want the signup form to appear. Carrd's embed element accepts raw HTML, JavaScript, and CSS.
Paste the container div into the embed element's code box. Set the element height to at least 350px to give the form enough space. You can adjust this later based on how it looks.
Step 4 — Publish and test
Publish your Carrd page and visit it. You should see a signup form styled with your waitlist's accent color and font. Try submitting an email to confirm it works — you should see a success message and the subscriber should appear in your GetWaitly dashboard.
If the form does not appear, check that:
- Your Carrd plan supports custom head code (requires Pro or above)
- The slug in the container div matches your waitlist exactly
- The embed element height is not set too small (start at 350px)
Alternative — Connect Your Website (no embed code)
If you prefer not to edit your Carrd page at all, GetWaitly's Connect Your Website feature overlays a signup form on your existing site without any code changes. You enter your Carrd page URL in the dashboard, and GetWaitly detects your page and adds a signup overlay automatically.
This approach is useful if you want to test a waitlist before committing to the embed, or if you want a toast-style prompt instead of an inline form.
What the widget supports
The embed form matches your waitlist's branding — accent color, font, and border radius. It collects email addresses by default and can collect names and phone numbers if you enable those fields in your waitlist settings. Custom fields are also supported.
When someone signs up, they see a success message with a checkmark animation and a note to check their email for a confirmation link (if double opt-in is enabled).
What the widget does not do
The widget is a signup form only. It does not show the waitlist leaderboard or referral status inline — subscribers get their referral link by email after confirming. If you want the full waitlist experience with position tracking and referral sharing, direct visitors to your public waitlist page at getwaitly.com/w/your-slug instead.
Why use GetWaitly on Carrd instead of Carrd's built-in forms
Carrd's native form integration sends email submissions to an external platform like Mailchimp or Kit. That works for basic email capture, but you miss the waitlist-specific features: referral links, broadcast emails, open and click tracking, and analytics.
With the GetWaitly widget on Carrd, you get:
- Subscribers collected directly in your waitlist dashboard (no CSV export/import)
- Every subscriber gets a unique referral link automatically
- Send broadcast emails from the GetWaitly dashboard without a separate email tool
- Track views, signups, and conversion rate on the same page
- Custom domain included on every plan
The tradeoff: Carrd's forms are freeform and you can style them completely. The GetWaitly widget uses its own styling that follows your waitlist theme. You give up some design control for a lot of functional gain.
FAQ
Does the widget work on Carrd's free plan?
Carrd's free plan does not support custom head code — you need at least the Pro Lite plan ($9/yr) to add the script tag. The widget itself works on any GetWaitly plan, including the free plan.
Can I style the widget to match my Carrd page?
The widget uses your waitlist's accent color, font, and border radius from your GetWaitly settings. It picks up the same branding you set for your public waitlist page. If you want different styling for the embed than your public page, you would need to adjust your waitlist settings accordingly.
Will the widget slow down my Carrd page?
No. The defer attribute ensures the script loads after the page content. The widget script is under 15KB and the CSS is injected inline — no additional HTTP requests beyond the initial script download.
Can I use the widget and Carrd's form together?
Yes. You can keep your existing Carrd form integration running alongside the GetWaitly widget. This is useful during testing — let the widget collect subscribers for your waitlist while your existing form continues to send emails to your current platform. Just remove the old form once you are confident the widget is working.
Does the widget support double opt-in?
Yes. If you have double opt-in enabled in your GetWaitly settings (available on Starter plan and above), subscribers will receive a confirmation email before being added to your list. The widget shows a success message telling them to check their email.
Related guides
- Carrd vs GetWaitly: When You Need More Than a Landing Page — when Carrd alone is not enough and why a dedicated waitlist tool fills the gap
- Best Waitlist Tools for Solo Founders in 2026 — seven dedicated waitlist tools compared side by side
- How to Write Waitlist Copy That Converts Visitors into Subscribers — the five elements every waitlist page needs
- The Indie Hacker's Complete Pre-Launch Stack — the tools you actually need before launch
The simple, affordable waitlist for indie hackers. Start free in 5 minutes — no credit card required. Try GetWaitly free →
Suggested articles
Build your waitlist in 5 minutes
GetWaitly handles signups, referrals, broadcast emails, and analytics — free to start.