Skip to main content

Style and customize embedded forms

Match embedded forms and widgets to your brand and page layout so a signup form, preference block, or survey widget feels like a native part of your site rather than a bolted-on iframe.

Before you begin​

  • Access to the account area where the form or widget is created, and permission to edit its embed settings (confirm the exact steps in your account).
  • The embed snippet (usually a small script tag plus a target container element) already placed on your page.
  • A style guide or the CSS values you want to match: font family, brand colors, button styles, spacing, and border radius.
  • If the widget renders inside an iframe, know that page-level CSS will not reach inside it — you will style it through the widget's own theme options instead.

Steps​

  1. Decide your styling approach. Inline (non-iframe) embeds inherit your page CSS and can be targeted with your own selectors; iframe embeds are styled through the built-in theme or appearance settings exposed by the form editor.
  2. For inline embeds, wrap the target container in a class you control and scope your CSS to it (for example a container class plus the field, label, and button elements). Set font, colors, and spacing there so the form matches surrounding content.
  3. For iframe or hosted embeds, open the form's appearance or theme settings and set brand colors, fonts, button text, corner radius, and width (confirm the exact steps in your account).
  4. Make it responsive: use a fluid width (percentage or max-width) rather than a fixed pixel width so the form reflows on mobile.
  5. Keep accessibility intact — preserve visible labels, sufficient color contrast, and focus outlines rather than removing them.
  6. Save, then re-copy the embed snippet if the platform regenerates it after theme changes.

Result​

The embedded form or widget renders with your fonts, colors, and spacing, adapts cleanly across screen sizes, and stays fully functional for subscribers submitting their details.

Canonical terms: Author, Edition, Folder (Project Folder), Broadcast. See the Glossary.