Adding and Configuring Two Column View Field Section for an Email Template
Overview
The Two Column View Field Section in the Email Builder allows users to display structured field-based information in a two-column layout within an email campaign. This component helps organize content efficiently by distributing fields across two columns, improving readability and visual balance.
Users can configure IDs, Titles, Section Version Type, and Dependencies, as well as add multiple field types such as Text, Date, DateTime, URL, Document, and Image in both columns. Participants can validate how the section and its fields appear in the final email content.
Step-by-Step Approach
1. Add the Two Column View Field Section
- On the Event Dashboard, go to the Content module.
- Click on Email Campaigns.
- Select an existing campaign or create a new one.
- Go to the Design tab and click the Edit Template button.
- Locate the Two Column View Field Section component from the available elements. .
- Drag and drop the component into the desired section of the email layout.
2. Configure Section Properties
- Click on the Two Column View Field Section to open its settings panel.
-
Enter or edit the following:
- ID: Assign a unique identifier.
- Title: Provide a meaningful title.
- Section Version Type: Select the appropriate version type from the dropdown.
3. Add Fields to Both Columns
-
Drag and drop required field types into each column, such as:
- Text
- Date
- DateTime
- URL
- Document
- Image
4. Configure Each Field
-
For every field added in either column:
- Enter or edit the ID.
- Enter or edit the Title.
- Select the Dependency from the dropdown field.
5. Reposition the Section
- Click and drag the Two Column View Field Section.
- Move it to the desired location within the email layout.
6. Remove the Section
- Select the Two Column View Field Section.
- Click on Delete/Remove.
- Confirm the action to remove it from the email template.
7. Validate Two Column View Field Section (Participant View)
- Open or preview the email as a participant.
- Verify that the section is visible and properly structured.
-
Ensure:
- Fields are displayed correctly in both columns.
- Field titles and values are accurate.
- Dependencies are applied correctly (if applicable).
- URLs and documents are functional.
- Images are displayed properly.
- The layout is balanced and aligned across both columns.
- Content is responsive and adapts correctly across devices.
Result
You can successfully add, configure, and validate the Two Column View Field Section within an email campaign, ensuring well-structured and visually balanced presentation of field-based data across two columns.