# Step 2: Configure text and theme

**Summary:** Write 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.

- Space: [Developers](https://www.subrite.no/developers)
- Source: https://www.subrite.no/developers/email-widget-text-and-theme
- Updated: 2026-09-23
- Markdown index: https://www.subrite.no/developers/llms.txt

Customize the appearance and messaging of your email widget to match your brand and engage your audience effectively.

<a id="overview"></a>
## Overview

The Text and Theme tab provides customization options for content and visual appearance, with a live preview panel that updates in real time.

<a id="text-configuration"></a>
## Text configuration

<a id="core-content"></a>
### Core content

![Core content configuration](https://cdn.sanity.io/images/1x2xswq6/production/1d8d79d932db74e8de465a60b924bd550cf8b54c-385x726.png?w=1600&fit=max&auto=format)

- **Widget Title**: Main heading displayed at the top of the popup
- **Main Message**: Descriptive text explaining the value proposition (100 character limit, rich text formatting)
- **Email Input Placeholder**: Text shown in the email input field before the user types
- **Button Text**: Text displayed on the submit button
- **Terms and Conditions**: Legal text or links for compliance (40 character limit, rich text formatting)

<a id="user-feedback-messages"></a>
### User feedback messages

![User feedback configuration](https://cdn.sanity.io/images/1x2xswq6/production/0cad91c59e458bd0e5fd5a40b8c32ee7f5137c0e-375x284.png?w=1600&fit=max&auto=format)

- **Success Messages**:
  - **Success Title**: Heading shown after successful signup
  - **Success Message**: Confirmation message
- **Error Message**: Text shown if signup fails

<a id="theme-configuration"></a>
## Theme configuration

<a id="visual-elements"></a>
### Visual elements

- **Primary Color**: Color of the submit button
- **Text Color**: Color for the text of the submit button
- **Background Color**: Widget background color (default: white, `#ffffff`)
- **Primary Font**: Select from the brand kit (custom font uploads are not available)

<a id="controls-and-options"></a>
### Controls and options

![Visual elements and controls](https://cdn.sanity.io/images/1x2xswq6/production/e4f4460f51c96ee58c4b2aa3014daefb4040c6d0-372x445.png?w=1600&fit=max&auto=format)

- **Show Close Button**: Toggle visibility (default: enabled)
- **Last Saved Theme**: Option to revert to the previously saved configuration
- **Brand Kit Integration**: Apply consistent branding across all widgets

<a id="preview-functionality"></a>
## Preview functionality

<a id="live-preview-panel"></a>
### Live preview panel

- **Purpose**: Shows exactly how your widget will appear to users
- **Features**: Real-time updates, responsive design, form and success view toggles

<a id="preview-modes"></a>
### Preview modes

- **Form View**: Widget appearance before user interaction

![Form view preview](https://cdn.sanity.io/images/1x2xswq6/production/0b545a83004f2615a6b093953badeb5554af3860-510x391.png?w=1600&fit=max&auto=format)

- **Success View**: Widget appearance after successful submission

![Success view preview](https://cdn.sanity.io/images/1x2xswq6/production/fab7a160512b067b89f3c3bfe95c4561c9828df5-510x391.png?w=1600&fit=max&auto=format)

<a id="next-steps"></a>
## Next steps

After configuring text and theme:

1. [**Set display rules**](https://www.subrite.no/developers/email-widget-display-rules?md=true): define when and how the widget appears
2. [**Configure settings**](https://www.subrite.no/developers/email-widget-settings?md=true): activate and manage widget status
3. [**Review general information**](https://www.subrite.no/developers/email-widget-general-information?md=true): check basic details and consent
4. [**Embed on website**](https://www.subrite.no/developers/email-widget-embed?md=true): get integration code for your site