What is Shadow DOM and why does it matter for embed forms?

Shadow DOM is a browser technology that isolates your embedded form from the rest of your page's CSS. This means your website's styles can never accidentally override the form's styling, and the form's styles can never break your site. The result: a form that always looks exactly right, regardless of the website it's embedded on.

What display modes are available for embedded forms?

SayWall forms support three embed display modes: Inline (renders directly in your page layout), Popup (opens as an overlay triggered by a button or delay), and Floating (a corner widget that floats over your page). All three embed modes require a Pro plan. The public form link (a shareable URL) is available on all plans including free.

Do I need Pro to use the embed code?

Yes — inline, popup, and floating embed modes all require a Pro plan. If you are on the free Starter plan, you can still share your form via the public form link (a direct URL you can email, post, or link to). Upgrade to Pro to embed the form directly on your website with two lines of code.

Does the embed code work on WordPress, Shopify, and Webflow?

Yes. The two-line embed snippet works on any platform that allows custom HTML: WordPress (via Elementor, Gutenberg HTML block, or theme editor), Shopify (via theme editor or app), Webflow (via embed component), Squarespace (code block), Wix (HTML widget), Framer (HTML embed), and custom-built sites. No plugins or developer needed.

How do I trigger the form popup from my own button?

Set the trigger type to 'Button' in your form settings and the embed code will include a JavaScript snippet that connects your button to the form. Alternatively, use the JavaScript API trigger to call `window.SayWall.openForm('YOUR_FORM_ID')` from any event handler in your code.

Is the embedded form accessible and mobile-responsive?

Yes. The form is fully responsive and scales gracefully on all screen sizes. It meets WCAG 2.1 AA accessibility guidelines with proper ARIA labels, keyboard navigation, and focus management. The auto-height adjustment in inline mode means no scrollbars or clipped content.

How is spam prevented on embedded forms?

All form submissions use reCAPTCHA v3 (invisible) with automatic fallback to reCAPTCHA v2 for suspicious sessions. We also use honeypot fields. Legitimate users never see a CAPTCHA challenge.

Can I embed multiple different forms on the same website?

Yes. Each collection form has a unique embed snippet. You can embed different forms on different pages — for example, a product-specific form on your product page and a general form on your homepage. Each form can have its own fields, incentives, and NPS settings.

Shadow DOM · Zero Style Conflicts

Embed a Testimonial Form on Any Website

Add a testimonial collection form to any webpage with two lines of code. Shadow DOM isolation means no style conflicts — ever. Works on WordPress, Shopify, Webflow, Squarespace, and custom sites.

✓Two lines of code — works on any website platform
✓Shadow DOM keeps your form visually isolated
✓Inline, popup, and floating embed modes (Pro) · Public link always free

Start Collecting Free See how it works ↓

Public form link free on all plans · Embed modes require Pro

yoursite.com/product

Paste into your HTML

Button Click

Link any element on your page

Time Delay

After N seconds on the page

Exit Intent

When cursor moves to leave

JavaScript API

Programmatic control

yoursite.com/product

Paste into your HTML

Button Click

Link any element on your page

Time Delay

After N seconds on the page

Exit Intent

When cursor moves to leave

JavaScript API

Programmatic control

Embed in 3 Steps

From form creation to live embed in under 2 minutes.

Create & configure your form

Choose inline, popup, or floating display mode. Pick your trigger type — button click, time delay, exit intent, or JavaScript API. Configure fields and branding.

Copy the embed snippet

Two lines: a `<div>` with your form ID and a `<script>` tag. Paste anywhere in your HTML — product page, checkout confirmation, or a dedicated page.

Testimonials appear in your dashboard

Submissions land in SayWall instantly. Display them in your testimonial widgets or share on social media.

Six Capabilities That Make It the Most Reliable Embed

Shadow DOM isolation, 3 display modes, 4 triggers, 6 platform guides — everything that makes the embed form work flawlessly on any website.

Shadow DOM Isolation

Your site's CSS can never break the form. The form's CSS can never break your site. Total visual isolation guaranteed by the browser.

Zero CSS conflicts with any framework
Consistent styling across all sites
No wrapper class hacks needed

3 Display Modes

Choose the right mode for your conversion goal: inline for dedicated pages, popup for timed or exit-triggered offers, floating for unobtrusive prompts.

Inline: embeds directly in page flow
Popup: overlay with configurable trigger
Floating: corner widget that doesn't block content

4 Trigger Types

Control exactly when the popup or floating widget appears: immediate, after a time delay, on exit intent, or via your own JavaScript.

Button click — link any element
Time delay — configurable seconds
Exit intent — captures leaving visitors
JavaScript API — programmatic control

6 Named Platforms

Tested and documented on the most popular website platforms. One-click copy-paste install guides for each.

WordPress (Gutenberg + Elementor)
Shopify (theme editor)
Webflow (embed component)
Squarespace, Wix, Framer

Spam Protection

reCAPTCHA v3 runs invisibly in the background. Honeypot fields catch automated bots. No CAPTCHA challenges for real users.

reCAPTCHA v3 (invisible)
Automatic v2 fallback for suspicious sessions
Honeypot fields for bot detection

Auto-Height Adjustment

In inline mode, the form container resizes automatically as the form grows (multi-step forms, error messages). No fixed heights, no scrollbars.

Smooth height transitions
Works inside CSS Grid and Flexbox
No overflow: hidden hacks needed

Embed Forms Directly on Your Website

A single line of code adds a fully styled testimonial collection form to any page. Shadow DOM keeps it isolated from your site's styles.

yourwebsite.com/testimonials

Your SayWall Collection Form

Share Your Experience

We'd love to hear your feedback

Your Name

Jane Smith

Your Role

Marketing Director

Your Testimonial

This product completely transformed our workflow...

Submit Testimonial

Which Display Mode Is Right for You?

Choose how the form appears on your website based on your use case.

Comparison of inline, popup, and floating form display modes
	Inline	Popup	Floating
Best for	Dedicated feedback pages	Post-purchase moments	Ongoing passive collection
Appears	Always visible	Triggered overlay	Corner widget over page
Disruption level	None	Medium	Low
Trigger options	Auto (embedded)	Button, delay, exit intent, JS API	Button, delay, JS API
Recommended trigger	Embed on a dedicated testimonial page	5-second delay after checkout	Float button (bottom right)

Inline

Best forDedicated feedback pages

AppearsAlways visible

Disruption levelNone

Trigger optionsAuto (embedded)

Recommended triggerEmbed on a dedicated testimonial page

Popup

Best forPost-purchase moments

AppearsTriggered overlay

Disruption levelMedium

Trigger optionsButton, delay, exit intent, JS API

Recommended trigger5-second delay after checkout

Floating

Best forOngoing passive collection

AppearsCorner widget over page

Disruption levelLow

Trigger optionsButton, delay, JS API

Recommended triggerFloat button (bottom right)

Pro Feature

Video Testimonials — Pro Plan

Video collection, teleprompter, Mux HLS streaming, and all other Pro features are included with the Pro plan. Start a 7-day trial — no credit card required.

Start 7-Day Pro Trial See All Pro Features

Public form link free on all plans · Embed modes require Pro

Frequently Asked Questions

Add Your Testimonial Form in 2 Minutes

Two lines of code. Shadow DOM isolation. Works on any platform. Free to start.

Start Collecting Free View Pricing

Public form link free on all plans · Embed modes require Pro

Also in the collection suite:

NPS-First Flow Video Testimonials Incentives