How to add a popup to Carrd
Carrd is built for one-page sites, and its own forms are enough for a basic email box. A timed or exit-intent popup with a multi-step form is outside what Carrd offers, and the way to add one is the Embed element with custom code, which is a Pro feature.
The trick is the Embed element's placement setting. Set it to Hidden and Body End so the script loads like a normal footer tag and the element takes no space in your layout. This guide walks through that, plus how URL targeting behaves on a site that is mostly one URL.
The script tag
<script src="https://getpopupforge.com/lead-modal.js?appId=YOUR_APP_ID&configId=YOUR_CONFIG_ID" async defer></script>Replace YOUR_APP_ID and YOUR_CONFIG_ID with the values from the install panel of your published popup. The tag is the same on every platform; only where you paste it changes.
Step by step
- 01
Build and publish the popup in PopupForge
Create a free account, generate or design the popup in the visual editor, set the trigger and frequency, then publish it. The install panel shows your script tag with the appId and configId already filled in. Copy that exact tag; the placeholder version on this page will not load a popup.
- 02
Confirm you are on Pro Standard or higher
Carrd's documentation states that embedding your own code, including script tags, requires Pro Standard or higher. Free and Pro Lite sites cannot use the Embed element for code. Check Carrd's plan page if you are unsure.
- 03
Add an Embed element
Open the site in the Carrd editor, click the + button, and choose Embed. In the element's settings set Type to Code.
- 04
Set Style to Hidden and placement to Body End
Under Style choose Hidden, then pick Body End as the location. This tells Carrd to insert the code just before the closing body tag instead of rendering it inline, and the element will not occupy space on the page.
- 05
Paste the tag and close the element
Paste the PopupForge script tag into the Code field and click Done. The editor shows a placeholder for hidden embeds; that is normal.
- 06
Save and publish the site
Click the Save (or Publish) button in the top right. Carrd only runs embedded code on the published site, not inside the editor.
- 07
Test the popup and check the lead arrives
Open the live site in a private browsing window so a previous session does not suppress the popup, trigger it the way you configured (wait for the delay, scroll, or move the pointer out through the top of the window), submit a test lead, then confirm it shows in the PopupForge lead list.
Carrd notes and gotchas
- Carrd sites are one page, so URL targeting mostly comes down to include or exclude the whole site. Section links use hashes, which are not separate paths.
- Carrd sites are a single document, so a Hidden Body End embed covers every section (Carrd calls them pages); you only need one.
- The editor preview does not run custom code. Test only on the published URL.
- Carrd's own form element still works alongside the popup; keep the two from asking for the same thing at the same time.
Verify the install
Confirm the popup shows and the lead arrives
- 1.Open the published site in a private window and search the page source for lead-modal.js.
- 2.Trigger the popup, submit a test lead.
- 3.Confirm the lead in PopupForge and the analytics counts.
Official Carrd documentation
Platform menus and plan rules change. If a step here no longer matches what you see, the official page above is the source of truth.
FAQ
Frequently asked questions
Can I add PopupForge to a free Carrd site?
No. Carrd documents that embedding your own code requires Pro Standard or higher. Check the linked Carrd page for the current plan tiers.
Why do I see a placeholder box in the editor?
That is how Carrd represents a hidden Embed element. On the published site it renders nothing visible; the popup itself comes from the PopupForge script.
Inline or Hidden?
Hidden, with Body End placement. Inline would insert the tag inside a section of the page layout. It would still work, but Hidden at Body End matches a normal footer install and keeps the layout clean.
Does the popup work on Carrd multi-page sites?
Yes. Carrd's pages are sections of one document, so a single Hidden Body End embed covers all of them.
Get your script tag
Generate a popup for your site, then paste one tag into Carrd.
The free generator shows three brand-matched directions from your URL, no account needed. Creating an account gives you the visual editor, triggers, URL targeting and the install panel with your real appId and configId.