Groovio includes a built-in drag-and-drop email editor that lets you design professional, branded emails without any coding knowledge. The editor is used in two main areas of the platform, and emails you create can be saved as reusable templates.
Where the Email Editor Is Used
Automated Messages Marketing > Automated Messages
The email editor is used when setting up or customizing the email version of any automated message trigger — welcome emails, birthday messages, membership reminders, re-engagement campaigns, and more. See the Automated Messages article for a full list of triggers.
Campaigns & Notifications Marketing > Campaigns & Notifications
The email editor is used when creating a one-off campaign to send to a specific group of your students. Campaigns can be saved as drafts and edited before sending.
The Editor
The editor is a visual drag-and-drop builder. You build your email by adding content blocks to a canvas, arranging them in any order, and styling each one individually. No HTML knowledge is required, though an HTML block is available for those who want to insert custom code.
Content Blocks
Drag any of the following blocks from the sidebar onto your email canvas:
Text A rich text block for body copy, headings, or any written content. Supports full text formatting — font family, size, weight, color, alignment, line height, and letter spacing.
Image Insert an image from your device or choose from the built-in free stock image library. Images can be resized, aligned, and given a border radius. A built-in image editor lets you crop, rotate, and adjust images after upload.
Button A clickable call-to-action button. Set the button text, link URL, and link target (same tab or new tab). Fully styleable — background color, text color, padding, and border radius.
Divider A horizontal line used to separate sections. Customizable color, width, and thickness.
Spacer A blank vertical gap for adding breathing room between blocks.
Social Links A pre-built row of social media icons. Add links to your studio's Facebook, Instagram, and other profiles.
Columns / Rows Multi-column layout containers. Use these to place content side by side — for example, an image on the left and text on the right.
HTML Insert raw HTML code for any custom content the standard blocks don't cover.
Styling Options
Every block has its own style panel that appears when selected. Options vary by block type but include background color, padding, margins, borders, alignment, and font settings. The email container itself also has background color and padding settings that apply to the whole email.
Personalization — Merge Fields
You can personalize emails with student-specific information using merge fields. Type them directly into any text block, button label, or the subject line using square bracket syntax:
Merge Field | What It Inserts |
| Student's first name |
| Student's last name |
| Student's full name |
| Student's email address |
| Student's phone number |
| Your studio's name |
| Your studio's email address |
| Your studio's phone number |
For milestone-based automated messages (such as a classes milestone), the [X] placeholder is replaced with the actual milestone number — for example, "Congratulations on attending your [X]th class!"
Merge fields are replaced with real data at the time the email is sent. There is no visual picker — type the field name directly into your content.
Email Subject Line
The subject line is a separate field above the editor. It supports merge fields using the same syntax as the email body.
Preview
Click the Preview button in the editor toolbar to see how your email will look when received. The preview shows both desktop and mobile views, so you can check that your design looks good on any device. Emails built in the editor are automatically responsive — no manual adjustments needed.
Sending a Test Email
Before saving or scheduling a message, click Send Test Email to send a copy to your studio's account email address. This lets you see exactly how the email will appear in a real inbox, including how merge fields, images, and styling render.
Saving & Templates
Saving as a Template
Any email you design can be saved as a reusable template. Click Save Template in the editor toolbar to open the save dialog. Enter a name (required, up to 150 characters) and an optional description (up to 1,000 characters), then save.
If you're editing an existing template, you can choose to update it or save a copy as a new template.
Template management requires the Email Template Management permission, which is plan-dependent.
Loading a Template
Click Load Template to open the template browser. You can search by name, see when each template was last modified, and see how many times it's been used. Select any template to load it into the editor as a starting point.
Templates save both the design data and the rendered HTML, so they load quickly and render consistently every time.
Auto-Save
When editing a campaign, the editor auto-saves your work every few seconds as you make changes. For automated messages, changes are saved manually when you save the trigger. Either way, the editor stores both the visual design and the final HTML output together.
Undo & Redo
Standard undo and redo keyboard shortcuts work within the editor:
Undo: Ctrl+Z (Windows) / Cmd+Z (Mac)
Redo: Ctrl+Shift+Z (Windows) / Cmd+Shift+Z (Mac)
Undo history is session-based and cleared when the editor is closed.
SMS & Push Notifications
The drag-and-drop editor is for email only. SMS and push notification messages use plain text fields within the same message configuration panel:
SMS — A plain text field with a live character and credit counter. An unsubscribe footer is automatically appended to every SMS: "Sent by [studio name] via Groovio, reply with STOP to unsubscribe." SMS messages support the same merge fields as email.
Push Notifications — A title field (up to 255 characters) and a message field (up to 200 characters). Supports the same merge fields.