The Sections element is designed to help you divide your campaign into logical parts, making it easier to design and present content in an organized manner. Each section can be styled and customized independently.
Key Features
Independent Styling: Customize each section with unique backgrounds, colors, and layouts.
Flexible Organization: Rearrange sections easily using the drag-and-drop builder.
Responsive Design: Ensure each section displays optimally across devices.
How to Use the Sections Element
1. Add a Section
Open your campaign in the editor and select the "Sections" element. Drag it into your layout to start creating a new section.
2. Customize Section Appearance
Click on the section to open the settings panel and configure the following:
Background: Add solid colors, gradients, or images.
Padding and Margins: Adjust spacing to create a balanced layout.
Alignment: Position content within the section for a cohesive look.
3. Add Content to the Section
Within each section, you can insert other elements such as text, images, videos, or forms. Use the drag-and-drop builder to arrange content as desired.
4. Reorganize Sections
Easily move sections within your campaign layout by dragging them to a new position. This allows you to experiment with different designs and content flows.
Best Practices
Keep It Simple: Avoid overcrowding sections with too many elements. Focus on clarity and readability.
Use Contrasting Styles: Differentiate sections with contrasting colors or designs to guide users through your campaign.
Test Responsiveness: Preview your campaign on various devices to ensure all sections display correctly.