FANZ
FANZ

Documentation

Email builder

The email builder is a visual editor for creating custom email designs. Build professional emails using blocks — no coding required.


Opening the builder

When composing an email, click Create Custom Email to open the email builder. You can also choose Use Previous Design to start from a design you've already saved.

The builder preserves any unsaved work — if you close and reopen it during the same session, your changes will still be there.


Interface overview

Top navigation bar

Left side:

  • Email builder title

Right side (left to right):

  • Undo / Redo — Reverse or repeat actions
  • Settings (gear icon) — Open email settings
  • Preview — See how the email looks on desktop and mobile
  • Save — Save your design
  • Close (×) — Exit the builder

Canvas

The main work area where you build your email. Start with a blank canvas and add blocks.


Email settings

Click the Settings gear icon to configure global email settings:

SettingDescriptionDefault
Outer Background ColorBackground behind the email content#f4f4f4
Content Background ColorBackground of the email body#ffffff
Default Text ColorColor for all text#000000
Default Font FamilyFont for all textArial
Content WidthMaximum width of email content600px (max: 1200px)

Available fonts: Arial, Helvetica, Times New Roman, Georgia, Verdana, Courier New, Trebuchet MS, Tahoma


Automation email templates

Automation flow emails (Welcome, Win-Back, Abandoned Cart, and others) use an enhanced visual layout that applies automatically — no configuration needed.

Branded header band

Each automation email opens with a header band that displays your organizer logo alongside a slim top accent in your brand's primary color. This keeps your emails visually consistent with your brand without any extra setup.

Improved typography

The email layout uses an improved typography hierarchy, including a larger lead paragraph for better readability. This applies to all automation flow emails.

Upcoming events showcase

Automation emails can include a section that showcases up to 3 of your upcoming events. Each event card displays:

  • Banner image
  • Event title
  • Venue name
  • Nearest upcoming date, formatted according to the recipient's locale
  • A link to the event page

Events without a banner image are automatically filtered out, so the showcase always looks polished. You don't need to manage this manually — the section populates and filters itself.

Discount block with CTA button

When a discount is included in an automation email, recipients see:

  • The discount code chip
  • A percent badge showing the discount amount
  • A prominent CTA button that links directly to checkout with the code pre-filled

This makes it easier for recipients to redeem their discount in one click.


Block types

Click the Add Your First Block button on a blank canvas to add content. Each block type has specific options.

Text block

Add headings, paragraphs, or any formatted text.

Options:

  • Content — Write or paste your text
  • Insert personalization at cursor — Insert dynamic fields:
    • [Assistant name] — Recipient's first name
    • [Assistant last name] — Recipient's last name
  • Background color — Optional colored background
  • Corner Radius — Rounded corners
  • Block Height — Block height

Image block

Add images (banners, logos, photos) to your email.

Options:

  • Drag and drop an image here or click — Upload an image
  • Alt text (image description) — Description for accessibility
  • Image Dimensions — Set width and height (leave height empty for proportional)
  • Link Settings — Make the image clickable by adding a link
  • Alignment — Left, center, or right (default: center)

Recommended banner dimensions:

Use caseUpload widthDisplay widthSuggested ratio
Full-width hero banner1200 px (retina-ready)600 px2:1 (e.g. 1200×600) or 3:1 (e.g. 1200×400)
Standard banner600 px600 px2:1 (600×300) or 3:1 (600×200)
Logo / smaller image400–600 px200–400 pxAny
  • Recommended max width: 600 px — this is the email's default content width and the industry standard. Uploading at 2× (1200 px) keeps the banner crisp on retina displays.
  • Editor presets: Auto, 200, 300, 400, 500, 600 px (the width slider goes up to 600 px).
  • Height: leave it on Auto to preserve the aspect ratio. Available presets are 100, 150, 200, 300, 400 px.
  • File size: keep under 1 MB for best performance (technical limit: 5 MB).
  • Formats: JPG, PNG, or GIF.
  • Maximum dimensions: 9000×9000 px.

Tip: If you increased the email's Content Width in Settings (up to 1200 px), you can upload a banner up to that width. Always leave the height on Auto so the image scales proportionally on mobile without distortion.

Button block

Add call-to-action buttons.

Options:

  • Button text — What the button says
  • Button Link — Where it links to
  • Button Colors — Background and text color
  • Corner Radius — Rounded corners
  • Button Size — Width and height
  • Alignment — Left, center, or right (default: center)

Spacer block

Add vertical spacing between blocks.

Options:

  • Height (px) — Adjust the spacer height

Divider block

Add horizontal lines to separate content.

Options:

  • Thickness — Line thickness
  • Width — Line width (percentage)
  • Color — Line color
  • Alignment — Left, center, or right

Add social media icons with links.

Options:

  • Add Social Link — Add as many as you need (icons auto-detect from URLs)
  • Icon Size — Size of the icons
  • Spacing — Space between icons
  • Background color — Optional container background
  • Alignment — Left, center, or right

Working with blocks

Adding blocks

  • Click Add Your First Block on a blank canvas
  • Or hover over any existing block to see + buttons at the top and bottom
  • Click + to add a block above or below

Editing blocks

  • Click on any block to open its edit modal
  • Make changes and close the modal

Block controls

When a block is selected, you'll see controls in the top-right corner:

ControlDescription
Move upMove block one position up
Move downMove block one position down
DuplicateCreate a copy of the block
DeleteRemove the block

Preview

Click Preview to open the Email Preview and see exactly how your email will appear:

  • Toggle between desktop and mobile views
  • Check spacing, alignment, and readability
  • Close the preview to continue editing

Sending and scheduling (event email composer)

When composing an email for an event, the recipient and scheduling sections use a card-based UI. Each option appears as a selectable card, making it easy to scan your choices.

Recipients

Select who receives the email:

  • All attendees — Everyone who has a ticket to the event
  • Specific ticket types — Choose one or more ticket types to target

Send options

The send options are presented in this order:

  1. Send Now — Deliver the email immediately
  2. Schedule Later — Choose a future date and time; the date and time controls appear nested beneath this card when it is selected
  3. Save as Draft — Save without sending

Test send

Use the Test Send button to send a preview to yourself before delivering to your audience. The button is available within the email composer form.


Event cards in automation emails

When an automation flow includes an upcoming events newsletter, event cards are rendered inside the email. If a discount is linked to the automation flow, each event card will render with visible discount styling — attendees will see the offer highlighted directly on the card within the email.


AI email generation

Use Generate email with AI to create email copy automatically. The AI uses details from your flow configuration to produce relevant, ready-to-edit content.

How to get the best results:

  • Provide a clear Message to communicate — describe the purpose or topic of the email
  • Use the Custom message or tone (optional) field to guide the writing style (e.g. "Friendly and casual")
  • After generation, review the copy and edit as needed before sending
  • Use Regenerate to produce a new version if the result doesn't fit

AI guardrails — what the AI avoids:

The AI is designed to keep automated copy accurate and evergreen. Generated copy will not mention specific event names. This prevents incorrect or outdated information from appearing in emails that may be sent to many different recipients across different events over time. Focus your prompt on the message, tone, or reason for the email rather than naming a specific event.


Saving and exiting the builder

Save

Click Save to save your current design. You can continue editing after saving.

Exit

Click Close (×) to exit the builder.

If you have unsaved changes:

  • Continue editing — Return to the builder
  • Discard changes — Discard changes
  • Save and leave — Save changes and exit

Yes. When creating a new campaign, click Use Previous Design to select any previously saved email design.

JPG, PNG, and GIF. Keep images under 1MB for best performance. The technical per-file limit is 5MB and the maximum dimensions are 9000×9000 px.

The recommended width is 600 px (the email's default content width). For sharp results on retina displays, upload at 2×: 1200 px wide. The most common aspect ratios are 2:1 (e.g. 1200×600) or 3:1 (e.g. 1200×400). Leave the height on Auto in the editor to preserve the aspect ratio and scale cleanly on mobile. Ideal file size: under 1 MB. Accepted formats: JPG, PNG, or GIF.

Fields like [Assistant name] are placeholders. When the email is sent, they're replaced with each recipient's actual data.

600px is the industry standard. It ensures your email displays correctly across most email clients.

No. The builder uses a block-based system for consistency and deliverability. Use the available blocks to create your design.

If you close the builder and reopen it in the same session, your unsaved changes are preserved. If you choose to leave the composer entirely, you'll be prompted to save, discard, or continue editing.

In the send options, select the Schedule Later card. Date and time controls will appear beneath it — set your desired send time, then confirm.

No. Both features apply automatically to automation flow emails. The branded header uses your existing logo and primary brand color. The upcoming events showcase populates from your active events and automatically excludes any events that don't have a banner image.

Only events with a banner image are included. Events without a banner are automatically filtered out to keep the showcase looking polished. Add a banner to an event to include it.

The AI is designed to keep automated copy accurate and evergreen. Because automation flows can send emails across many different events over time, mentioning a specific event name risks including incorrect or outdated information. Focus your prompt on the message or tone, and the AI will produce copy that stays relevant regardless of which event it applies to.


  1. Email campaigns — Create and send campaigns
  2. Marketing overview — Full marketing features