GroupPost

Previewing Your Message

The Preview panel lets you see exactly how your message will look before sending — across desktop and mobile, in both light and dark mode. It helps you catch layout issues, readability problems, and dark-mode surprises before your audience does.

Opening the preview

Click Continue on the compose page to open the preview panel. It slides in from the right and shows your message as recipients will see it.

The preview updates automatically based on your latest draft — no need to refresh.

Desktop and mobile views

Use the device toggle at the top to switch between:

  • Desktop — A full-width email layout, similar to what users see in webmail or desktop apps
  • Mobile — A phone-sized preview that shows how your message adapts to smaller screens

This helps you confirm that text wraps correctly, images scale properly, and buttons remain easy to tap on mobile devices.

Light and dark mode

Use the theme toggle to switch between light and dark mode. This simulates how email clients like Gmail and Apple Mail may adjust your message:

  • Light backgrounds may invert to dark
  • Text colors may shift for contrast
  • Images remain unchanged
Dark mode is handled differently by each email client. Use this preview as a guide, but test important messages across real inboxes when possible.

Dark mode warnings

When dark mode is enabled, Formtabulous checks your message for common issues and shows notes below the preview. These may include:

  • Hard-coded text colors that may invert poorly
  • Images placed on white backgrounds that may look awkward in dark mode
  • Light-colored text that could become hard to read
  • Heavy use of background colors that may render inconsistently

These are suggestions, not errors — they help you spot potential problems before sending.

Subject and sender preview

At the top of the panel, you'll see your subject line and sender name as they appear in an inbox. This helps you quickly verify:

  • Your subject isn't too long
  • Your sender name looks correct
  • Your message feels clear and recognizable

Footer options (⋮ menu)

The vertical ellipsis button () in the bottom-right corner of the preview panel gives you:

  • Show header & footer — Toggle your organization's email branding on and off, to preview the message with and without your header and footer.
  • Send Test — Send a copy to yourself or anyone, to check how it looks in a real inbox.
  • Send for review — Send it to a collaborator, who can say it looks good, edit it themselves, or leave a comment.

Both open the Before you send step on that choice. They are always available here, even if you turned off the step that appears when you click Continue.

Review status

If the message was reviewed, a line under the buttons shows it: Reviewed by … looks good, or Last reviewed by … before your latest changes if you edited it since.

Edit button

The pencil icon () in the bottom-left corner takes you back to the compose page to make changes.

Continue

Once everything looks right, click Continue. An optional Before you send step slides in, where you can send a test or send the message for review, or skip straight to choosing recipients and scheduling.

Always check both mobile and dark mode before sending — most recipients will see your message in one of those environments.
Last updated: October 20, 2026