Skip to main content

Form Widget

Learn how to add a Form Widget overlay to your homepage to collect contact information directly into a Contact List.

The Form Widget is a homepage overlay that displays a small contact-collection form (e.g. "Join our newsletter") on top of your homepage content. It's one of two homepage widgets — the other is the Button Widget.

Form Widget vs. Forms: The Form Widget is a homepage-only overlay tied to a Contact List. It is different from full-page forms built in Forms, and different from the page-body Content Block. If you need a full registration form, permission slip, or RSVP, use the Forms feature — not the Form Widget. You can even easily collect payment using Forms w/ Pay!

Drag and place the widget

You can place the widget wherever you want on your homepage.

The placement of the widget on the public website will depend on viewers' screen size. Please avoid placing widgets over each other or in places where they might hide important information on the public website.

⚠️ Accessibility & WCAG 2.2 Guidelines Notice: Homepage widgets can present accessibility issues in line with WCAG 2.2 guidelines. Because widgets float as an overlay on top of existing homepage content, they may obscure underlying text, disrupt logical reading orders for screen readers, and cause focus or keyboard navigation hurdles. Use homepage widgets sparingly and accordingly — strictly for temporary, high-priority campaigns where an overlay is justified. For standard contact and sign-up needs, consider using dedicated Forms or Pages instead — they are more accessible by default and maintain standard semantic page flow.

Work on details

  • Specify the title of your form.

  • Choose the fields to display.

  • Select an existing Contact List where you want your responses to get collected.

widget contact list

  • Or create a new list by typing the title in the search field.

select contact list

  • Choose the widget positioning. Hover your mouse on the options to see how they'll move on your homepage.

  • Select the color style of the button. The widget colors are set to the theme of your website.

widgets style menu

  • Save changes.

Related articles

Did this answer your question?