Using the Visual Studio Designer
To open the visual email editor, navigate to MailFuz → Emails (or tab=templates) and click Edit on any template row.
Editor Layout
Section titled “Editor Layout”The Studio interface is organized into three areas:
- Left Widget Settings Panel: Configure typography, brand colors, preheader, greeting text, CTA button links, and company footer disclaimers.
- Center Canvas Preview: Live rendered responsive HTML email showing your real-time adjustments.
- Top Action Toolbar: Switch between Desktop (600px max-width) and Mobile (380px) viewports, send an instant test preview to your email, or save changes.
Available Widgets
Section titled “Available Widgets”- Header Widget: Company logo, brand text, and preheader preview snippet.
- Hero Banner: Bold headline, subtext, and gradient or solid background accent.
- Feature Grid: 2-column or 3-column metric cards with icon and description.
- Button Call-to-Action: Primary centered action button with custom URL and hover color.
- Transactional Summary: Clean responsive itemized table for order numbers, dates, and amounts.
- Company Footer: Copyright notice, physical address (CAN-SPAM required), and unsubscribe link.
Merge Tag Cheatsheet
Section titled “Merge Tag Cheatsheet”| Merge Tag | Description | Output Example |
|---|---|---|
{site_title} |
WordPress site title | Acme Corp |
{site_url} |
Home URL of your site | https://acme.com |
{year} |
Current 4-digit year | 2026 |
{recipient_email} |
Recipient’s email address | [email protected] |
{unsubscribe_url} |
Signed RFC 8058 unsubscribe link | https://… |