Email widget
Collect email addresses and consent from website visitors with a customizable popup widget. Six steps take you from creating the widget to embedding it on your site.
OverviewView as Markdown
The Subrite Email Widget is a tool that lets you collect email addresses and consent from your website visitors through customizable popup forms. You can embed it on any website and configure it to appear based on various visitor interactions.
Overview
The Email Widget is a React-based component that can be embedded on any website to collect email addresses and manage user consent. It provides a seamless way to add email collection to your existing web presence.
Quick start
- : learn how to set up your first email widget
- : customize appearance and messaging
- : configure when and how the widget appears
- : manage widget activation and configuration
- : widget details and consent management
- : get the code to integrate the widget on your website
Key features
- Multiple Trigger Types: Time-based, scroll-based, and exit-intent triggers
- Customizable Design: Full control over colors, fonts, and layout
- Easy Integration: Simple JavaScript snippet for website integration
Technical details
- Framework: React with TypeScript
- Styling: Shadow DOM for CSS isolation
In this section
- Create a widgetCreate an email widget in the Subrite admin panel: give it an internal name, choose the consent integration it applies to and set it to Published when it is ready.
- Text and themeWrite the widget title, message, button text and success and error messages, set colors, font and close button, and check the result in the live preview.
- Display rulesChoose what makes the widget appear (time on page, scroll depth or exit intent), where it is placed, how often it can show again and which pages of your website show it.
- SettingsActivate or deactivate the email widget in the Settings tab, or delete it with all its data. The widget only appears when it is both active and published.
- General informationSee the widget ID and change the widget name and consent integration you chose when you created the email widget.
- Embed the widgetAdd the email widget to your website with the script from the Embed Widget tab, as plain HTML or as a Next.js client component, and check common setup problems.
