Embedding a form on your site
Embed your SALT Form on your site to capture leads without sending prospects off to a separate URL. The embed is iframe-based; you paste a snippet on the page where you want the Form to appear. Multiple embeds with different Links let you track per-page performance.
In short: Take the embed snippet for your Link, paste it on the page where you want the Form, and the Form renders in an iframe. Use a different Link per page if you want per-page attribution.
Why embed instead of link
Both options work. Pick based on your site goals:
- Embed keeps the prospect on your site. They see your nav, your footer, your other content. Best for primary conversion pages where you want the rest of your site visible.
- External link sends the prospect to the SALT-hosted Link. Cleaner experience for the consumer (no nav distractions), but they leave your site.
You can mix — embed on primary pages, link from email and social.
What the embed looks like
The embed places your Form inside an iframe on your page. The Form renders with its own branding (which you can override per Link if needed). Your page’s surrounding content remains on screen — header, nav, footer, anything else you’ve put around the embed.
The iframe is responsive and will fit the width of its container. Set a sensible minimum height in your CSS so the Form has room to render.
Add the embed to your site
-
1
Open the Link you want to embed.
-
2
Find the embed snippet (usually labeled Embed code or similar on the Link’s detail page).
-
3
Copy the snippet and paste it into the HTML of the page where you want the Form to appear.
-
4
Save and publish your page. Visit it to confirm the Form renders.
Most sites have a content-management system that accepts custom HTML or a “code embed” block — the snippet pastes into either.
Per-page attribution
If you embed the same Form on multiple pages and want to track which page produced which Submissions, use a different Link per page. Each Link captures its own submission count and conversion metrics.
For example, embed:
- “Auto Quote — Homepage” Link on your homepage
- “Auto Quote — Auto Page” Link on your /auto-insurance page
- “Auto Quote — Blog Sidebar” Link on your blog template
Same Form, three Links, three attribution streams. See Tracking referral sources via Links.
Style and behavior considerations
- Width: the embed responds to its container’s width. Constrain or stretch via your page’s CSS.
- Height: the iframe doesn’t auto-resize to its content (cross-origin limitation). Pick a height that fits the longest step of your Form, or set a min-height that allows scrolling within the iframe.
- Mobile: the Form is mobile-responsive on its own. Verify by visiting your page on a phone.
- HTTPS: SALT Links are HTTPS. Your embedding page should also be HTTPS to avoid mixed-content warnings.
- Browser caching: if you change the Form’s structure or branding, the consumer’s next visit picks up the change automatically. There’s no manual cache to flush.
Common questions
Can I make the iframe match my website’s fonts and colors? The Form uses your branding settings (color theme, logo, illustrations). Fonts and exact CSS aren’t per-embed customizable today. For the closest match, configure your agency’s branding to align with your site.
Will Google index the embedded Form? Search engines generally don’t index content inside iframes. Your page’s surrounding content is indexed normally. If you want the SALT Form’s content directly indexable (rare), link to it instead of embedding.
Can I embed the same Link on multiple pages? Yes, but you’ll lose per-page attribution. Use a separate Link per page if attribution matters.
What happens if I archive a Link that’s embedded somewhere? The iframe will display the “form not available” message to anyone visiting that page. Update your site’s embed to point to a different Link, or re-enable the original.