Newsletter Signup
📖 Overview
The Newsletter Signup block displays a simple email subscription form with an optional title and description. It supports two form types: a redirect form that sends users to an external signup URL, or an embedded Gravity Form for direct submissions.
✏️ Content Options
| Field | Type | Required | Description |
|---|---|---|---|
| Form Title | Text | No | Heading displayed above the form |
| Form Title Type | Select | No | HTML element for the title (default: h2) |
| Form Title Size | Select | No | Visual size of the title (default: H3) |
| Form Type | Select | No | Choose between Redirect Form or Gravity Forms (if plugin is active) |
| Form Description | WYSIWYG Editor | No | Supporting text displayed below the form (e.g., privacy notice) |
Redirect Form Options
| Field | Type | Required | Description |
|---|---|---|---|
| Redirect URL | URL | No | URL to redirect to after form submission (e.g., Mailchimp signup page) |
| Form Input Placeholder | Text | No | Placeholder text for the email input (default: “Enter your email”) |
| Button Text | Text | No | Text for the submit button (default: “Subscribe”) |
Gravity Forms Options
| Field | Type | Required | Description |
|---|---|---|---|
| Select Gravity Form | Select | No | Choose a Gravity Form to embed (only available if Gravity Forms is active) |
⚙️ Settings Options
| Setting | Type | Default | Description |
|---|---|---|---|
| Stacked Layout on Desktop? | Toggle | Off | Stack the form fields vertically on desktop screens instead of inline |
🎨 CSS Variables
The following CSS variables can be configured to customise the block’s appearance:
| Variable | Default Value |
|---|---|
--block-newsletter-elm-gap |
var(--spacing-xs) |
--block-newsletter-form-gap |
var(--spacing-xxs) |
Subscribe to newsletter
By subscribing you agree to with our Privacy Policy.
Subscribe to newsletter
By subscribing you agree to with our Privacy Policy.