📖 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) |
