The Email Designer in Zoho Backstage lets you effortlessly create visually stunning, brand-aligned emails. With its intuitive drag-and-drop interface, you can customize pre-designed templates by adding text, images, buttons, and dividers. Dynamic placeholders allow for personalized content, while responsive designs ensure your emails look flawless on any device. Preview and refine your emails to perfectly match your event's branding. Whether you're promoting your event, highlighting speakers, or featuring sponsors, the Email Designer equips you with the tools to craft professional, engaging designs. 

The Email Designer features a user-friendly interface with:

Left Panel: Contains elements for adding to your email template (e.g., text blocks, images, buttons).

Example Shown : Content tab of Send Registration Details email. 

Email Design Area / Center Panel: Displays a live preview of your email template, allowing for real-time modifications.

Example Shown: Customized Send Registration Details automated email. 

Right Panel: Provides options and settings for customizing the selected element.

Example Shown : Column Properties of Send Registration Details email. 

Email Designer

Accessing the Email Designer 

1. Automated Emails: Navigate to Communicate > Emails > Automated Emails.
   
2. Scheduled Emails: Navigate to Communicate > Emails > Scheduled Emails.
   
3. Master Template: Navigate to Communicate > Emails > Email Preferences > Master Template tab. 

For automated emails ensure you're editing the right email. For example: Send Registration Details is sent immediately after an attendee registers for your event. 

Adding Elements and Content Blocks

1. Click the Content tab and drag a content block from the left pane to the Email Design area.
   
   
   
   
   Use the move  icon to drag around and reposition it.
1. Use the copy  icon to replicate it.
   
2. Use the trash  icon to remove it. Confirm in the dialog box. 
   
2. Access and modify each item's display properties by clicking it. A new pane with options to change properties of the selected item will display in the right.
   

Changes are auto-saved within the elements of the Email Designer. However, you must manually save your changes before exiting. Click here to learn how to save your work.

Text

1. Click and drag the Text option to the Email Design area.
   
2. Enter the required text.
   
3. Customize Text Properties:
   
   
   
   
   The following options in the right panel allow you to modify the Text Block (the container of the text):
   
1. Alignment: Adjust the position of the text block (e.g., left, center, right, or justified).
   
2. Background Color: Set a background color for the text block (e.g., #ffffff for white).
   
3. Width (%): Specify the percentage of the container width the text block should occupy.
   
4. Padding (px): Add space around the text within its container (Top, Bottom, Left, and Right).
   
5. Border Size (px): Set the thickness of the border surrounding the text block.
   
6. Border Color: Select a color for the border to enhance the block’s appearance.
   
4. Click Done to confirm edits to Text Properties.
5. Edit the Text:
   Select the text you want to edit and use the following formatting options):
   
   
   
1. Size: Adjust the font size.
   
2. Bold: Make the text bold.
   
3. Italic: Apply slanted styling to the text.
   
4. Underline: Underline the text.
   
5. Strikethrough: Add a line through the text.
   
6. Alignment: Align the selected text (e.g., left, center, or right).
   
7. Ordered List: Create a numbered list.
   
8. Bullet List: Create a bulleted list.
   
9. Text Color: Change the color and transparency of the text.
   
10. Text Background: Add a background color to the text itself (not the block).
    
11. Line Height: Adjust the spacing between lines of text.
    
12. Letter Spacing: Modify the spacing between characters.
    
13. Text Transform: Change text capitalization (e.g., uppercase, lowercase).
    
14. Link: Add a hyperlink to the text.
    
15. Horizontal Ruler: Insert a horizontal line between text sections.
    
16. Clean: Clear all text formatting without affecting text block properties.
    
6. Save Changes.

1. Note: Placeholders dynamically insert information into your emails.
   
2. To add a placeholder, type {{ in any text area to open a dropdown menu of available options.
   
3. For example, selecting {{eventName}} will automatically display the event name in the email when sent.

---

Image

In the Email Designer:

1. Click and drag the Image option to the Email Design area. An image placeholder will appear.
   
2. Click the Upload Image link in the placeholder or in the Image Properties panel to add an image. 
   
1. Choose an image from your local drive and click upload.
   
2. Or pick an image from the Image Library or Space Library and click Select.
   
3. In the Image Properties panel, click Edit to modify the image or Change to replace it.
4. Customize Image Properties:
   
   
   
   
   
1. Image Size: Choose between "Fit Width" or "Custom." For custom width, a field will appear to enter the width (in pixels).
   
2. Alignment: Align the image to the left, center, or right.
   
3. Link: Add a hyperlink to the image.
   
4. Alternate Text: Provide descriptive text for the image.
   
5. Background Color: Set a background color (e.g., #ffffff for white).
   
6. Padding (px): Add spacing around the image for Top, Bottom, Left, and Right.
   
5. Click Done.

File size: Up to 5MB.

Supported file types: JPG, JPEG, PNG, GIF, WEBP

Title with Image  

1. Click and drag the Title with Image option to the Email Design area. An image placeholder with a text space will appear.
   
   
   

Adding an Image

1. Click the Upload Image link in the placeholder or the Image Properties panel.
   
2. Choose an image from:
   
1. Your local drive (click Upload).
   
2. The Image Library or Space Library (click Select).

Editing the Image

In the Image Properties panel:

1. Click Edit to modify the image or Change to replace it.
   
2. Customizing Image Properties:
   
   
   
   
   
1. Image Size: Choose between:
   
1. Fit Width: Automatically fits the image to the block width.
   
2. Custom: Enter a specific width in pixels.
   
2. Alignment: Align the image to the left, center, or right.
   
3. Link: Add a hyperlink to the image.
   
4. Alternate Text: Provide descriptive text for accessibility.
   
5. Background Color: Set a background color for the image block (e.g., #ffffff for white).
   
6. Padding (px): Add spacing around the image (Top, Bottom, Left, Right).
   
3. Click Done.

Editing Text in the Title with Image Block

1. Select the text field in the Email Design Area and enter your content.
   
2. Customizing Text Block Properties - In the Text Properties panel, you can adjust the text block (container) using the following options:
   
   
   
   
   
1. Alignment: Align the text block (e.g., left, center, right, justified).
   
2. Background Color: Set a background color for the block (e.g., #ffffff for white).
   
3. Width (%): Specify the percentage of the container width for the block.
   
4. Padding (px): Adjust spacing around the text (Top, Bottom, Left, Right).
   
5. Border Size (px): Set the border thickness around the text block.
   
6. Border Color: Choose a color for the border.
   
3. Click Done to save changes to the text block.

Additional Notes:

1. Dynamic Placeholders: Placeholders can dynamically insert information into your emails.
   
2. To add a placeholder, type {{ in any text area to open a dropdown menu of options.
   
3. For example, selecting {{eventName}} will automatically display the event name in the email when sent.
   

Editing Text Content

1. Select the text and format it using the following options:
   
   
   
   
1. Size: Adjust the font size.
   
2. Bold: Make the text bold.
   
3. Italic: Apply slanted styling to the text.
   
4. Underline: Underline the text.
   
5. Strikethrough: Add a line through the text.
   
6. Alignment: Align the selected text (e.g., left, center, or right).
   
7. Ordered List: Create a numbered list.
   
8. Bullet List: Create a bulleted list.
   
9. Text Color: Change the color and transparency of the text.
   
10. Text Background: Add a background color to the text itself (not the block).
    
11. Line Height: Adjust the spacing between lines of text.
    
12. Letter Spacing: Modify the spacing between characters.
    
13. Text Transform: Change text capitalization (e.g., uppercase, lowercase).
    
14. Link: Add a hyperlink to the text.
    
15. Horizontal Ruler: Insert a horizontal line between text sections.
    
16. Clean: Clear all text formatting without affecting text block properties.
2. Save Changes.

Customizing the Title with Image Block Properties

1. Click the area around the text to open the Title with Image Properties panel.
   
2. Customize Title with Image Properties:
   
   
   
   
   
1. Alignment: Align the title and image block (left, center, right, justified).
   
2. Vertical Alignment: Align content vertically (top, middle, or bottom).
   
3. Background Color: Set a background color for the block (e.g., #ffffff for white).
   
4. Gap (px): Define the spacing between the image and the text block.
   
5. Border Size (px): Set border thickness around the block.
   
6. Border Color: Choose a border color.
   
7. Padding (px): Add spacing around the content (Top, Bottom, Left, Right).
   
3. Click Done.
   
4. Save Changes.

Button

1. Click and drag the Button option to the Email Design area.
2. Modify Button Properties - Use the Button Properties panel to customize the button:
   
   
   
   
   
1. Alignment: Align the button within the field (Left, Center, Right).
2. Background Color: Set the background color of the button field.
3. Label: Enter the text to display on the button.
4. Link: Link the button to one of the following actions:
1. Sign in to Event
2. Pay Us a Visit
3. Download Badge
4. Custom URL: If selected, a field will appear to enter the URL.
5. Layout Type: Choose the button style:
1. Filled: A solid-colored button.
2. Ghost: A border-only button.
3. Hyperlink: Displays the button as a text link.
6. Button Shape: Select the button shape:
1. Normal: Standard rectangle.
2. Curve: Rounded corners.
3. Ellipse: Fully rounded.
7. Text Style: Customize the text with the following options:
1. Size: Adjust text size.
2. Bold: Make text bold.
3. Italic: Apply italic styling.
8. Text Color: Set the color of the button text.
9. Button Color: Set the background color of the button.
10. Button Padding (px): Add space within the button field (Top, Bottom, Left, Right).
11. Border Size (px): Define the border thickness of the button.
12. Border Color: Choose the border color.
    
13. Padding (px): Add space around the button within its container (Top, Bottom, Left, and Right).
3. Click Done to apply your modifications.
   
4. Save Changes.

Note: If you select the Hyperlink layout type, only Text Style and Padding options will be available.

Image with CTA

In the Email Designer:

1. Click and drag the Image with CTA option to the Email Design area. An image placeholder with a text space will appear.
   
   
   

Adding an Image

1. Click the Upload Image link in the placeholder or the Image Properties panel.
   
2. Choose an image from:
   
1. Your local drive (click Upload).
   
2. The Image Library or Space Library (click Select).

Editing the Image

In the Image Properties panel:

1. Click Edit to modify the image or Change to replace it.
   
2. Customizing Image Properties:
   
   
   
   
   
1. Image Size: Choose between:
   
1. Fit Width: Automatically fits the image to the block width.
   
2. Custom: Enter a specific width in pixels.
   
2. Alignment: Align the image to the left, center, or right.
   
3. Link: Add a hyperlink to the image.
   
4. Alternate Text: Provide descriptive text for accessibility.
   
5. Background Color: Set a background color for the image block (e.g., #ffffff for white).
   
6. Padding (px): Add spacing around the image (Top, Bottom, Left, Right).
   
3. Click Done.

Editing Text in Text Block

1. Select the text field in the Email Design Area and enter your content.
   
2. Customizing Text Block Properties - In the Text Properties panel, you can adjust the text block (container) using the following options:
   
   
   
   
   
1. Alignment: Align the text block (e.g., left, center, right, justified).
   
2. Background Color: Set a background color for the block (e.g., #ffffff for white).
   
3. Width (%): Specify the percentage of the container width for the block.
   
4. Padding (px): Adjust spacing around the text (Top, Bottom, Left, Right).
   
5. Border Size (px): Set the border thickness around the text block.
   
6. Border Color: Choose a color for the border.
   
3. Click Done to save changes to the text block.
   

Editing Text Content

1. Select the text and format it using the following options:
   
   
   
   
1. Size: Adjust the font size.
   
2. Bold: Make the text bold.
   
3. Italic: Apply slanted styling to the text.
   
4. Underline: Underline the text.
   
5. Strikethrough: Add a line through the text.
   
6. Alignment: Align the selected text (e.g., left, center, or right).
   
7. Ordered List: Create a numbered list.
   
8. Bullet List: Create a bulleted list.
   
9. Text Color: Change the color and transparency of the text.
   
10. Text Background: Add a background color to the text itself (not the block).
    
11. Line Height: Adjust the spacing between lines of text.
    
12. Letter Spacing: Modify the spacing between characters.
    
13. Text Transform: Change text capitalization (e.g., uppercase, lowercase).
    
14. Link: Add a hyperlink to the text.
    
15. Horizontal Ruler: Insert a horizontal line between text sections.
    
16. Clean: Clear all text formatting without affecting text block properties.
2. Save Changes.
   

Customizing the Button

1. Click on the button you want to edit in the Email Design area. 
2. Modify Button Properties - Use the Button Properties panel to customize the button:
   
   
   
   
   Alignment: Align the button within the field (Left, Center, Right).
1. Background Color: Set the background color of the button field.
2. Label: Enter the text to display on the button.
3. Link: Link the button to one of the following actions:
1. Pay Us a Visit
2. Custom URL: If selected, a field will appear to enter the URL.
4. Layout Type: Choose the button style:
1. Filled: A solid-colored button.
2. Ghost: A border-only button.
3. Hyperlink: Displays the button as a text link.
5. Button Shape: Select the button shape:
1. Normal: Standard rectangle.
2. Curve: Rounded corners.
3. Ellipse: Fully rounded.
6. Text Style: Customize the text with the following options:
1. Size: Adjust text size.
2. Bold: Make text bold.
3. Italic: Apply italic styling.
7. Text Color: Set the color of the button text.
8. Button Color: Set the background color of the button.
9. Padding (px): Add space within the button field (Top, Bottom, Left, Right).
10. Border Size (px): Define the border thickness of the button.
11. Border Color: Choose the border color.
    
12. Padding (px): Add space around the button within its container (Top, Bottom, Left, and Right).
3. Click Done to apply your modifications.
   
4. Save Changes.
   

Customizing Segment Properties

1. Click the Settings icon associated with the Image with CTA & Image with CTA option. 
1. Available Toggles: Heading, Subheading, Description, and Button.
2. Alignment: Align the content (Left, Center, Right, Justified).
3. Background Color: Set a background color for the block.
2. Click Done.
   
3. Save changes.
   

Column

Available Layouts:

1. Two-column options:
   
1. Text & Text
   
2. Image & Image
   
3. Image & Text
   
4. Image with CTA & Image with CTA
   
2. Three-column options:
   
1. Image-Text-Image
   
2. Text-Image-Text

Customizing Column Properties

Column Settings:

In the Column Properties panel,

1. Make the necessary modifications:
   
1. Vertical Alignment: Top, Middle, Bottom
   
2. Number of Columns: 2 or 3
3. Layout: Configure each column with options like Text, Button, or CTA.
4. Column Ratios:
1. Three-column layouts:
1. 33:34:33
2. 20:20:60
3. 60:20:20
4. 20:60:20
2. Two-column layouts:
1. 50:50
2. 70:30 or 30:70
3. 60:40 or 40:60
4. 20:80 or 80:20
5. Gap (px): Adjust the spacing between columns.
6. Background Color: Set a background color for the column block.
7. Padding (px): Add spacing around the block (Top, Bottom, Left, Right).
2. Click Done. 
   
3. Save changes.

A). ModifyingText Properties:

1. Make the necessary modifications: 
1. Alignment: Align the text block (e.g., left, center, right, justified).
   
2. Background Color: Set a background color for the block (e.g., #ffffff for white).
   
3. Width (%): Specify the percentage of the container width for the block.
   
4. Padding (px): Adjust spacing around the text (Top, Bottom, Left, Right).
   
5. Border Size (px): Set the border thickness around the text block.
   
6. Border Color: Choose a color for the border.
   
2. Click Done.
   
3. Save Changes

B). Editing Text Content:

1. Select the text and format it using the following options:
   
   
   
   

1. Size: Adjust the font size.
   
2. Bold: Make the text bold.
   
3. Italic: Apply slanted styling to the text.
   
4. Underline: Underline the text.
   
5. Strikethrough: Add a line through the text.
   
6. Alignment: Align the selected text (e.g., left, center, or right).
   
7. Ordered List: Create a numbered list.
   
8. Bullet List: Create a bulleted list.
   
9. Text Color: Change the color and transparency of the text.
   
10. Text Background: Add a background color to the text itself (not the block).
    
11. Line Height: Adjust the spacing between lines of text.
    
12. Letter Spacing: Modify the spacing between characters.
    
13. Text Transform: Change text capitalization (e.g., uppercase, lowercase).
    
14. Link: Add a hyperlink to the text.
    
15. Horizontal Ruler: Insert a horizontal line between text sections.
    
16. Clean: Clear all text formatting without affecting text block properties.
    
2. Save Changes.

A). Adding an Image

1. Click and drag the Title with Image option to the Email Design area. An image placeholder with a text space will appear.
   
2. Click the Upload Image link in the placeholder or the Image Properties panel.
   
3. Choose an image from:
   
1. Your local drive (click Upload).
   
2. The Image Library or Space Library (click Select).

B). Editing the Image

In the Image Properties panel:

1. Click Edit to modify the image or Change to replace it.
   
2. Customizing Image Properties
   
1. Image Size: Choose between:
   
1. Fit Width: Automatically fits the image to the block width.
   
2. Custom: Enter a specific width in pixels.
   
2. Alignment: Align the image to the left, center, or right.
   
3. Link: Add a hyperlink to the image.
   
4. Alternate Text: Provide descriptive text for accessibility.
   
5. Background Color: Set a background color for the image block (e.g., #ffffff for white).
   
6. Padding (px): Add spacing around the image (Top, Bottom, Left, Right).
   
3. Click Done.

A) Adding a Button:

1. Click and drag a column option to the Email Design area. The Column Properties panel will appear. 
   
2. Under Layout choose CTA from the dropdown adjacent to the column. 
   

B) Changing Button Properties

1. Click on the button you want to edit in the Email Design area. 
2. Modify Button Properties - Use the Button Properties panel to customize the button:
   
   
   
   
   
1. Alignment: Align the button within the field (Left, Center, Right).
2. Background Color: Set the background color of the button field.
3. Label: Enter the text to display on the button.
4. Link: Link the button to one of the following actions:
1. Pay Us a Visit
2. Custom URL: If selected, a field will appear to enter the URL.
5. Layout Type: Choose the button style:
1. Filled: A solid-colored button.
2. Ghost: A border-only button.
3. Hyperlink: Displays the button as a text link.
6. Button Shape: Select the button shape:
1. Normal: Standard rectangle.
2. Curve: Rounded corners.
3. Ellipse: Fully rounded.
7. Text Style: Customize the text with the following options:
1. Size: Adjust text size.
2. Bold: Make text bold.
3. Italic: Apply italic styling.
8. Text Color: Set the color of the button text.
9. Button Color: Set the background color of the button.
10. Padding (px): Add space within the button field (Top, Bottom, Left, Right).
11. Border Size (px): Define the border thickness of the button.
12. Border Color: Choose the border color.
    
13. Padding (px): Add space around the button within its container (Top, Bottom, Left, and Right).
3. Click Done to apply your modifications.
   
4. Save Changes.

1. Click the Settings icon associated with the Image with CTA & Image with CTA option. 
1. Available Toggles: Heading, Subheading, Description, Button.
2. Alignment: Align the content (Left, Center, Right, Justified).
3. Background Color: Set a background color for the block.
2. Click Done.
   
3. Save changes.

Divider

1. Click and drag the Divider option to the Email Design area. The Divider Properties panel will appear. 
   
2. Modify Divider Properties: 
   
   
   
   
1. Style: Choose from Solid, Dotted, Dashed, or Double.
2. Size (px): Set the divider's thickness.
3. Color: Choose a color for the divider.
4. Width (%): Adjust the horizontal width of the divider.
5. Background Color: Set a background color for the block (e.g., #ffffff for white).
6. Padding (px): Add spacing around the block (Top, Bottom, Left, Right).
   
3. Click Done.
   
4. Save changes.
   

Spacer

1. Click and drag the Spacer option to the Email Design area. The Spacer Properties panel will appear. 
   
2. Modify Apps Widget Properties:
   
   
   
   
1. Size (px): Adjust the size of the space block. 
   
2. Background Color: Set a background color for the block (e.g., #ffffff for white).

Apps Widget

1. Click and drag the Apps Widget option to the Email Design area. The Apps Widgets Properties panel will appear. 
   
   
   
   
   
2. The widget displays links to download the Android and iOS apps for your event.
3. Modify Apps Widget Properties - Use the Design tab in the right pane to make changes:
   
   
   
   
   
1. Alignment: Align the title and image block (left, center, right, justified).
2. Background Color: Set a background color for the block (e.g., #ffffff for white).
   
3. Size (px): Set the size of the widget.
4. Gap (px): Define the spacing between the widgets.
   
5. Border Size (px): Set border thickness around the block.
   
6. Border Color: Choose a border color.
   
7. Padding (px): Add spacing around the block (Top, Bottom, Left, Right).
   
4. Click Done.
   
5. Save Changes.

Social Widget

1. Click and drag the Social Widget option to the Email Design area. The Social Widgets Properties panel will appear. 
   
   
   
   
   
2. To rearrange Social Widgets:
   
   
   
   
   
1. Navigate to the Links tab.
   
2. Click the Reorder icon for any widget and drag it to adjust its position.
   
3. To delete a Social Widget:
   
1. Click the Delete icon next to the widget.
4. To add more widgets:
   
1. Click Add More.
   
2. Enter the URL and click Add.
5. Modify Social Widget Properties - Use the Design tab in the right pane to make changes:
   
   
   
   
   
1. Alignment: Align the title and image block (left, center, right, justified).
2. Background Color: Set a background color for the block (e.g., #ffffff for white).
   
3. Size (px): Set the size of the widget.
4. Gap (px): Define the spacing between the widgets.
   
5. Border Size (px): Set border thickness around the block.
   
6. Border Color: Choose a border color.
   
7. Padding (px): Add spacing around the block (Top, Bottom, Left, Right).
   
6. Click Done.
   
7. Save Changes.

Note: Each social widget can contain only one link.

People Widget - Speakers

1. Click the People Widget option.
   
2. Click and drag the Speakers option to the Email Design area. The People Widget Properties panel will appear. 
   
3. To rearrange speakers:
   
1. Navigate to the Manage Speakers tab.
   
2. Click the Reorder icon for any speaker and drag it to adjust its position.
   
4. To delete a speaker:
   
1. Click the Delete icon next to the speaker.
   
5. Modify People Widget Properties - Use the Customize tab in the right pane to make changes:
   
   
   
   
   
1. Card Design: Choose between Polaroid and Frieze card designs. 
   
2. Card Texts: Toggle visibility for Name, Designation, and Organization.
   
3. Background: Choose between a solid background (Fill) or no background (Empty).
   
4. Image Style: Choose Circle or Square for image edges.
   
5. Alignment: Align the exhibitors within the field (Left, Center, Right).
   
6. Background Color: Set a background color for the block (e.g., #ffffff for white).
   
7. Title Text Color: Set the text color for the speaker's Name.
   
8. Sub Text Color: Set the text color for the speaker's Designation and Company Name.
   
9. Card Border Color: Define the color of the card's border when the Fill option is selected.
   
10. Card Background Color: Set the color for the card's interior background when the Fill option is selected.
    
11. Border Size (px): Define the border thickness.
    
12. Border Color: Choose the border color.
    
13. Padding (px): Add space around the card (Top, Bottom, Left, Right).
    
6. Click Done.
   
7. Save changes.

People Widget - Event Organizer

In the Email Designer:

1. Click the People Widget option.
   
2. Click and drag the Event Organizer option to the Email Design area. The People Widget Properties panel will appear. 
3. To rearrange event organizers:
   
1. Navigate to the Manage Organizers tab.
   
2. Click the Reorder icon for any event organizer and drag it to adjust its position.
   
4. To delete a speaker:
   
1. Click the Delete icon next to the event organizer.
   
5. Modify People Widget Properties - Use the Customize tab in the right pane to make changes:
   
   
   
   
   
1. Card Design: Choose between Polaroid and Frieze card designs. 
2. Card Texts: Toggle visibility for Name, Designation, and Organization.
   
3. Background: Choose between a solid background (Fill) or no background (Empty).
   
4. Image Style: Choose Circle or Square for image edges.
5. Alignment: Align the exhibitors within the field (Left, Center, Right).
6. Background Color: Set a background color for the block (e.g., #ffffff for white).
7. Title Text Color: Set the text color for the event organizer's Name.
8. Sub Text Color: Set the text color for the event organizer's Designation and Company Name.
9. Card Border Color: Define the color of the card's border when the Fill option is selected.
10. Card Background Color: Set the color for the card's interior background when the Fill option is selected.
11. Border Size (px): Define the border thickness.
    
12. Border Color: Choose the border color.
    
13. Padding (px): Add space around the block (Top, Bottom, Left, Right).
    
6. Click Done.
   
7. Save changes.

Exhibitors

1. Click and drag the Exhibitors option to the Email Design area. The Exhibitor Properties panel will appear. 
2. To rearrange exhibitors:
   
1. Navigate to the Manage Exhibitors tab.
   
2. Click the Reorder icon for any item and drag it to adjust its position.
   
3. To delete an exhibitor:
   
1. Click the Delete icon next to the item.
   
4. Modify Exhibitor Properties - Use the Customize tab in the right pane to make changes:
   
   
   
   
1. Card Texts: Toggle visibility for Name and Category.
2. Background: Choose between a solid background (Fill) or no background (Empty) for the exhibitor card.
   
3. Alignment: Align the exhibitors within the field (Left, Center, Right).
4. Background Color: Set a background color for the block (e.g., #ffffff for white).
5. Category Text Color: Set the text color for the category label on the exhibitor card.
6. Company Text Color: Set the text color for the company name on the exhibitor card.
7. Card Border Color: Define the color of the card's border when the Fill option is selected.
8. Card Background Color: Set the color for the card's interior background when the Fill option is selected.
9. Border Size (px): Define the border thickness.
   
10. Border Color: Choose the border color.
    
11. Padding (px): Add space around the block (Top, Bottom, Left, Right).
    
5. Click Done.
   
6. Save changes.

Note: This block can only be used if you have exhibitors in your event.

Sponsors

1. Click and drag the Sponsors option to the Email Design area. The Sponsor Properties panel will appear.
   
2. To rearrange sponsors:
   
1. Navigate to the Manage Sponsors tab.
   
2. Click the Reorder icon for any item and drag it to adjust its position.
   
3. To delete a sponsor:
   
1. Click the Delete icon next to the item.
   
4. Modify Sponsor Properties - Use the Customize tab in the right pane to make changes:
   
   
   
   
   
1. Card Texts: Toggle visibility for Name and Category.
2. Background: Choose between a solid background (Fill) or no background (Empty) for the sponsor card.
   
3. Alignment: Align the sponsors within the field (Left, Center, Right).
4. Background Color: Set a background color for the block (e.g., #ffffff for white).
5. Category Text Color: Set the text color for the category label on the sponsor card.
6. Company Text Color: Set the text color for the company name on the sponsor card.
7. Card Border Color: Define the color of the card's border when the Fill option is selected.
8. Card Background Color: Set the color for the card's interior background when the Fill option is selected.
9. Border Size (px): Define the border thickness.
   
10. Border Color: Choose the border color.
    
11. Padding (px): Add space around the card (Top, Bottom, Left, Right).
5. Click Done.
   
6. Save changes.

Note: This block can only be added if you have sponsors in your event.

QR Code

This QR code includes the ticket ID. 

A) QR Code

1. Click and drag the QR Code option to the Email Design area. The QR Code Properties side panel will appear.
   
2. Modify the QR Code Properties:
   
   
   
   
1. Text: Toggle the Text option to include a caption or description with the QR code.
2. Image Size (px): Specify the size of the QR code.
3. Alternate Text: Add descriptive text for the QR code.
4. Background Color: Set a background color for the QR code (e.g., #ffffff for white).
5. Alignment: Align the QR code (left, center, or right).
6. Padding (px): Adjust spacing around the QR code (Top, Bottom, Left, Right). 
3. Once customized, click Done to save changes. The QR code will now be scannable from attendee emails to fetch the associated ticket details.
   
4. Save Changes.

Note: The QR Code toggle is enabled by default and cannot be deselected.

B) Editing Text in the Email Design area.

1. Text Block Properties
2. Select the text block in the Email Design Area. The Text Properties panel will appear on the right.
3. Customize the text block:
   
   
   
   
1. Background Color: Set a background color for the text block (e.g., #ffffff for white).
2. Width (%): Define the percentage of the container width the text block should occupy.
3. Padding (px): Add space within the text block (Top, Bottom, Left, and Right).
4. Border Size (px): Specify the border thickness around the text block.
5. Border Color: Choose a color for the border to enhance the block’s appearance.
   
4. Click Done.
   
5. Save Changes. 

C) Editing Text Content

1. Select the specific text you want to format and use the available tools:
   
   
   
   
1. Size: Adjust the font size.
   
2. Bold: Apply bold styling to the text.
   
3. Italic: Slant the text.
   
4. Underline: Add an underline.
   
5. Strikethrough: Draw a line through the text.
   
6. Alignment: Align the text (e.g., left, center, or right).
   
7. Ordered List: Create a numbered list.
   
8. Bullet List: Create a bulleted list.
   
9. Text Color: Change the text color and adjust its transparency.
   
10. Text Background: Add a background color to the text itself (not the entire block).
    
11. Line Height: Adjust spacing between lines.
    
12. Letter Spacing: Modify spacing between characters.
    
13. Text Transform: Change capitalization (e.g., uppercase, lowercase).
    
14. Link: Add a hyperlink to the text.
    
15. Horizontal Ruler: Insert a horizontal line to separate sections.
    
16. Clean: Clear all text formatting without affecting block properties.
    
2. Save Changes. 

Other Widgets

1. Click the Other widgets option. Widgets that provide more information to the email recipients will be displayed. Possible widgets based on module are:
   
1. Ticket Details 
   
2. Ticket Assignee Details 
   
3. Order Details 
   
4. Payment Details 
   
5. Cancellation Details 
   
6. Promotional Details 
7. Exhibitor Details
   
8. Sponsor Details 
2. Click and drag an option in the resulting panel to the Email Design area. 
   
3. Modify the field names if required.
4. Change Email Widget Properties in the right panel if required. Available Email Widget Properties are: 
1. Background Color
   
2. Width
   
3. Padding (Top, Bottom, Left, Right)
   
4. Border Size
   
5. Border Color
   
5. Click Done in the Email Widget Properties panel after making the necessary changes. 
   
6. Save Changes.

Depending on the email recipient, the following additional widgets are available under the Other Widgets option:

---

Ticket Details

1. Includes:
1. Order ID
2. Ticket Class
   
3. Ticket ID
   
4. Attendee Name
   
2. Availability: Included in select registration emails.
   
3. Editable Fields: Only field names. Placeholders cannot be edited.
   

Ticket Assignee Details

1. Includes:
1. Attendee Name
   
2. Attendee Email Address
   
3. Order ID
   
4. Ticket Class
   
5. Ticket ID
   
6. Assigner’s Name
   
7. Assigner’s Email Address
   
2. Availability: Included in the Welcome Assignee email.
3. Editable Fields: Only field names. Placeholders cannot be edited.

Order Details

1. Includes:
1. Order ID (removable)
   
2. Ticket Details
   
3. Actual Amount
   
4. Tax Percentage
   
5. Tax Amount
   
6. Grand Total
   
2. Availability: Included in Send Registration Confirmation email.
3. Editable Fields: Only field names (except for tax-related fields). Placeholders cannot be edited.

Payment Details

1. Includes:
1. Purchaser Name
   
2. Purchaser Email Address
   
3. Payment Method
   
4. Payment Status
   
5. Purchase Date
2. Availability: Included in Send Registration Confirmation emails.
3. Editable Fields: Only field names. Placeholders cannot be edited.

Cancellation Details

1. Includes:
1. Order ID (removable)
   
2. Ticket Details
   
3. Refunded Amount
   
4. Refund Method
   
2. Availability: Included in registration and order cancellation emails.
3. Editable Fields: Only field names. Placeholders cannot be edited.

Promotional Code Details

1. Includes:
1. Promo Code
2. Maximum Reduction
   
3. Discount
   
2. Availability: Included in Invite guest using promo code emails.
   
3. Editable Fields: Only field names. Placeholders cannot be edited.

Sponsor Details

1. Includes:
1. Company Name
   
2. Sponsor Type
   
3. Sponsor Amount
   
4. Sponsor Name
   
5. Sponsor Email Address
   
2. Availability: Included in Thank a sponsor who contributes before the website is live and Acknowledge sponsor proposal emails.
   
3. Editable Fields: Only field names. Placeholders cannot be edited.

Exhibitor Details

1. Includes:
1. Company Name
2. Exhibitor Type
   
3. Requester Name
   
4. Requester Email Address
   
2. Availability: Included in the Acknowledge exhibitor request email.
3. Editable Fields: Only field names. Placeholders cannot be edited.
   

Changing Page Styles

Top Bar

The top bar appears at the top of your email and sets the tone for your branding.

Editing the Top Bar here will disconnect it from the master template. Any future changes made in the master template will not be synced to this email.

1. Navigate to the Page Style tab of the Event Designer. 
   
2. Open the Top Bar dropdown, then enable the Top Bar toggle.
3. Make the necessary changes:
   
   
   
   
1. Event Logo: Upload an event logo in the Settings tab to include it in your emails.
2. Event Name: Automatically displayed based on your event settings.
3. Top Bar Color: Default: This sets the background color of the top bar (#72799A).
4. Text Color: This sets the color of the text on the top bar. (Default: #FFFFFF)
5. Alignment: Align content within the top bar (e.g., left, center, or right).

Header and Footer

Editing the Header and Footer here will disconnect it from the master template. Any future changes made in the master template will not be synced to this email.

Outer Theme

Editing the Outer Theme while editing the design of an automated email or scheduled email will disconnect it from the master template. Any future changes made in the master template will not be synced to this email.

1. Navigate to the Page Style tab of the Event Designer. 
   
2. Open the Outer Theme dropdown.
   
3. Make the necessary changes:
   
   
   
   
1. Background: Sets the background style (color or image) of the outer theme (Default: none). 
2. Border Size (px): Sets the thickness of the border around the email content (Default: 1).
3. Border Color: Sets the color of the border (Default: #DEDEDE). 

Body Content Style

Email Designer Options

Attach Agenda as an ICS File 

1. Navigate to the Options tab of the Email Designer.
   
2. Enable the Attach Agenda as an ICS File toggle button. 
3. Save changes.

Attach Ticket PDF and Attach Badge PDF options are available in the Send Registration Details Automated Email. 

Saving Your Changes

1. To set up an automated email, refer to this guide.
   
2. To set up a scheduled email, refer to this guide.
   
3. To make changes to the master template, refer to this guide.