Wavecast
  • Start here
  • Events
    • Getting started
    • Setup your first event
    • Copy an existing event
    • Publish an event
      • Speakers
      • Sponsors
      • Resources
      • Testimonials
      • Copy
  • Publishing
    • Agendas
    • Create content
    • Control access
      • Adding Tickets, Passes & Guest Passes
        • Coupons: Schedule, manage and promote
        • Adding and Updating ad-hoc Coupons
        • Approval/Declining Process of Registration Requests
        • Guest list to invite contacts and track responses
        • Approval/Declining Process of Guest Passes
      • Hard and Soft Limits
      • Managing opt-ins
      • Metering
      • Extra Fields for Content
      • Import users
      • Email Lists
    • Classify & personalise
      • Create & configure taxonomies
    • Custom Headers
      • Headers
      • Templating Language
    • Shortcodes
      • Access Settings
      • Content
      • Content with Search Bar
      • Event Manager
      • Events with Search Bar
      • Full Width Carousel Slider
      • Countdown
      • Buttons
      • Popular Now
      • Engagement Tools
      • Events
      • RSS Feeds
    • Images
    • Widgets
    • Ad Banners
  • Emails
    • Create a campaign
      • Customise Email CTAs
      • Building Complex Emails
      • Email Segmentation
      • Email Templates
    • Organise contacts
      • Add email addresses to Lists
      • Send a campaign to a list
    • Advanced Emails
      • Send an event campaign to hub audience
      • Adjust user email preferences
      • Change reply-to email address
    • Campaign Reports
      • Link Clicks
      • Suppressed
      • Recipients
      • Inflated Clicks & Opens
  • Live
    • Engage audiences
      • Audience Q&A
      • In-Feed Graphics
      • Polls
      • Quotes
      • Related Content
      • Networking
      • Meeting Rooms
    • Deliver live content
      • Slides
    • Troubleshooting for audiences
    • Remote Production
      • Live Broadcast
        • Book a live broadcast
        • Prepare for a live broadcast
      • Enterprise Streaming Support
        • Conduct a stream test
      • Video & Audio Production
        • Book remote video production
        • Prepare for remote video recording
    • On-Site Production
    • Check-in App
  • Analytics
    • Dashboard
    • Engagement Report
      • 2024 (BETA)
    • Google Analytics
    • Cookie Management
    • Page Views
    • User Data
    • Guest Passes
  • Settings
    • Configuration
    • Fonts, Colours & Logos
    • Hub Header & Footer
    • Custom Domain
      • Update GoDaddy DNS
    • Search & Metadata
    • System Messages
    • Access Control
      • Admin Accounts
      • Progressive Profiling
    • Global Event Settings
    • Default Templates
  • Integrations
    • Marketing Automation
      • Marketo
      • Eloqua
      • Pardot
      • Mailchimp
    • Events Management
      • Cvent
      • Eventbrite
      • Eventsforce
      • Sync by Email
    • Unified Communications
      • Zoom
      • ON24
    • Video
    • Payments
    • Single Sign-On (SSO)
    • LinkedIn Sign Up Setup
    • API Keys
Powered by GitBook
On this page
  1. Emails
  2. Create a campaign

Building Complex Emails

Creating complex and visually appealing emails often requires a structured approach.

PreviousCustomise Email CTAsNextEmail Segmentation

Last updated 5 months ago

Since most email clients rely on HTML tables for layout (due to email client compatibility), you'll need to use nested tables to build the background and structure your content. Below is a step-by-step guide:


Step 1: Build the Background of Your Email

The first step is creating the foundational structure for your email’s background. If your email has distinct color sections, for example:

  • Grey at the top

  • Red in the middle

  • Black at the bottom

You’ll need to create a single-column, three-row table to represent these sections.

How to Insert the Background Table:

  1. Click on "More Rich"

  2. Insert a single-column table with three rows.

  3. Adjust the background color of each row using the background color button in the editor. To do this, hover over each cell and click "Cell Background"


Step 2: Add Nested Tables for Content Structure

Once the background is in place, add tables inside each row to define the content layout. This is especially important for structuring text, images, and other content. Always insert spacer columns (empty cells) for consistent spacing between elements.

  • Example: If a section requires an image with some text to appear side by side, you’ll need to:

    1. Insert a three-column row within the corresponding background row.

    2. Use the middle column as a spacer between the left and right columns.

Adding Nested Tables:

  • Select the desired background row.

  • Insert another table (e.g., a three-column table) within the row.

  • Adjust column widths for spacing by click on the column outline.


Step 3: Add Content to Each Section

Now that your structure is ready, you can populate the tables with content:

  1. Text: Use the text editor to format your copy (e.g., bold headers, aligned paragraphs).

  2. Images: Use the Insert Image button to add images to specific table cells. Make sure to define image sizes for better rendering in various email clients.


Step 4: Preview and Test Your Email

Once your email is built:

  1. Preview it within the editor to ensure all elements are aligned correctly.


Tips for Building Emails

  • Use Spacer Columns: Always insert spacer columns (empty cells) for consistent spacing between elements.

  • Avoid Absolute Positioning: Email clients don’t handle CSS positioning well. Stick to table-based layouts.

  • Inline Styling: Use inline styles for maximum compatibility, especially for fonts, padding, and colors.

  • Clean Imported HTML: If you insert HTML from other sources, be sure to thoroughly clean the code. Many email builders inject their own classes and styles, which can conflict with your design and cause rendering issues across email clients.

By following these steps, you’ll be able to create professional and visually appealing emails that render correctly across all email clients.

Buttons: Create clickable call-to-action buttons by using our .

Test your email across multiple email clients (e.g., Outlook, Gmail, Apple Mail) to ensure compatibility. We would reccomend using .

Save as a Template: Once you're happy with your email, for future use! This will save time and ensure consistency in your email campaigns.

Insert Email CTA function
Litmus
save it as a template