Email signup
Collect an email address and add it to the website’s member list.
Code name: AddMember · Category: Forms
Registered in the live renderer. Website context and the limitations below still apply.
When to use it
Use this form for an email signup or waiting list. Explain what the visitor is signing up for and how you will use the address.
In the editor
- Write a clear signup button label.
- Set the member category and success message.
- Test the form on a suitable preview or published site with real website context.
Example
This example uses illustrative content. Media placeholders must be replaced with your own assets; data-backed blocks need the normal website context.
<AddMember buttonText="Join the list" category="Newsletter" successText="Thanks for signing up." />Behaviour and limitations
- The code name AddMember refers to collecting a member email; it does not display a team profile.
- Submission is disabled in the editor. A rendered form alone does not prove that an email was stored.
- Use ContactForm when you need a message or additional lead fields.
Property reference
Types below describe the editor controls and known choices, not every value accepted by the renderer. A renderer default is extracted from its parameter; an editor-only default does not prove the runtime default. “Not declared here” does not mean required. Preserve omitted values unless the requested edit needs them.
| Property | Editor value type | Default evidence | Guidance |
|---|---|---|---|
buttonText | string | "Subscribe" (renderer) | Button Text. See the usage notes for this block. |
successText | string | "You have been subscribed." (renderer) | Success Text. See the usage notes for this block. |
category | string | "newsletter" (renderer) | Category. See the usage notes for this block. |
colorVariant | "primary", "secondary" | "primary" (renderer) | Color Variant. See the usage notes for this block. |
borderColor | "inherit", "black", "white", "primary", "secondary" | "inherit" (renderer) | Border Color. See the usage notes for this block. |
backgroundColor | string | Not declared here | Background colour. Theme-derived appearance can still depend on the surrounding section. |
containerDirection | See guidance | Not declared here | containerDirection. See the usage notes for this block. |
align | "left", "center", "right" | "center" (renderer) | Align. See the usage notes for this block. |
width | number | 500 (renderer) | Width. See the usage notes for this block. |
spacing | object | Not declared here | An object of spacing settings. Preserve existing responsive values when changing a single setting. |
animationType | "none", "fade-up", "fade-down", "fade-left", "fade-right", "flip-up", "flip-down", "flip-left", "flip-right", "zoom-in", "zoom-left", "zoom-right" | "" (renderer) | Entrance animation setting. Use a supported editor value; preserve it for unrelated edits. |
screenList | string | "" (renderer) | Comma-separated device names to hide on: mobile, tablet, desktop. An empty string hides on none. |
