Email Designer: Difference between revisions

From Activepedia
Jump to navigation Jump to search
(SEO-optimized content from ActiveCampaign documentation)
 
(SEO-optimized content from ActiveCampaign documentation)
Line 1: Line 1:
```mediawiki
```mediawiki
'''Navigation:''' [[Main_Page]] > [[Campaigns]] > [[Email Designer]] > Email Designer: Global Settings tab overview
'''Navigation:''' [[Main_Page]] > [[Campaigns]] > [[Email Designer]] > Email Designer: How to use Sections


= Email Designer: Global Settings Tab Overview =
== Email Designer: How to use Sections ==


The '''Email Designer''' is an intuitive feature in ActiveCampaign designed to make the creation of beautiful and effective email campaigns seamless. Launched in 2022, the Email Designer streamlines the campaign creation process, enabling users to focus on crafting visually appealing content. A key component of this tool is the '''Global Settings''' tab, which plays an essential role in formatting the overall appearance of your campaigns. Understanding how to configure these global settings is crucial for setting a consistent aesthetic across your email marketing efforts.
ActiveCampaign’s new and improved '''Email Designer''' (launched in 2022) makes it easier than ever to create branded, high-performing emails within the platform. With an emphasis on reliability and an easy-to-navigate UI, this email designer will give you the best possible experience to create optimal campaigns and engage your customers.


== What is the Global Settings Tab? ==
In the new ActiveCampaign Email Designer, there is a hierarchy of elements that work together to build high-quality email campaigns. This article will review the top of that hierarchy – '''Sections'''.


The '''Global Settings''' tab provides options to define the overall design and layout of your email campaigns before delving into individual content customization. This helps ensure uniformity in style and appearance throughout your emails.
=== What are Sections in the Email Designer? ===


The Global Settings tab comprises five sub-categories of design functions:
'''Sections''' are the scaffolding that holds a campaign together. The '''Section''' builds the basic frame of a campaign. Within that frame, you can add '''Structures''' to your campaign, which hold '''Containers'''. '''Containers''' are what you use to add multiple campaign functions to one content block, like images and text boxes.


* '''General Settings'''
For more information about '''Structures''', '''Containers''', and different content blocks, please visit the [https://help.activecampaign.com/hc/en-us/articles/4404950771612-Email-Designer-Overview Email Designer overview] and [https://help.activecampaign.com/hc/en-us/articles/4404950913308-Email-Designer-Blocks-Explained Email Designer Blocks Explained].
* '''Sections'''
* '''Headings'''
* '''Button'''
* '''Mobile Formatting'''


Each of these sub-categories allows for specific customizations that affect the final look and feel of your emails.
=== How to Access this Feature ===


== How to Access the Global Settings Tab ==
To access the Email Designer and its features, navigate to the campaign you are working on within ActiveCampaign. The Email Designer will be part of the campaign creation process, where you can visually design your emails using various elements, including '''Sections'''.


To access the Global Settings tab:
=== Step-by-Step Instructions ===


1. Log in to your ActiveCampaign account.
Here’s a step-by-step guide on how to add '''Sections''' to a campaign:
2. Navigate to the '''Campaigns''' section.
3. Select the '''Email Designer''' tool.
4. Click on the '''Global Settings''' tab located within the Email Designer interface.


Once you are in the Global Settings tab, you will see the various sub-categories available for configuration.
# Start by navigating to your campaign in the ActiveCampaign platform.
# Hover your mouse over an existing section within your campaign. You will notice a green '''Plus (+) sign''' appear.
# Click on the green '''Plus (+) sign''' to add a new '''Section'''.
# After adding the '''Section''', configure it by selecting various settings to match your desired design.


== Step-by-Step Instructions for Configuring the Global Settings ==
Once you have added '''Sections''' to your campaign, you can configure them with your personal settings, such as '''background color''', '''font''', '''header size''', and more.


Once you access the '''Global Settings''' tab, follow these instructions to customize your email's design:
=== Configuration Options and Settings ===


=== 1. General Settings ===
Sections settings are available in two tabs:
Under the '''General Settings''', you can adjust several aspects of your email's appearance:
* '''Global Settings'''
* '''Content'''


* **Message Width**: Set your desired width between 320 and 900 pixels.
While configuring the settings, you can designate certain '''Sections''' into different categories such as headers, footers, content, and info areas based on how you wish to style your campaign.  
* **Default Padding**: Adjust the default padding which determines the whitespace surrounding your email content, applied to all new structures added from the '''Content''' tab.
* **Background Color**: Choose a color for the entire campaign background.
* **Font**: Select a global font style for your email text.
* **Line Spacing**: Set the amount of space between lines of text.
* **Paragraph Bottom Space**: Define extra spacing to be found beneath paragraphs.
* **Underline Links**: Decide if all links within the campaign should be underlined.
* **Responsive Design**: Enable this option to enhance mobile display. If disabled, the mobile view will mirror the desktop layout.
* **RTL Text Direction**: Activating this setting will allow text to display from right to left.
* **Background Image**: Opt to use an image for your background instead of a solid color.


=== 2. Sections ===
To change what functions each of your '''Sections''' represent in your campaign, click on the dropdown menu next to '''Message Area''' under the '''Content''' tab and within '''Structures'''. You will see this dropdown when you click to grab a specific '''Section''' in your campaign.
The '''Sections''' sub-tab allows for the customization of default styles across different sections of your campaign, including:


* Font style
=== Best Practices and Tips ===
* Font size
* Font color
* Link color


This consistency aids in maintaining a recognizable branding element throughout your campaigns.
* When designing your email, ensure that your '''Sections''' maintain a cohesive style throughout the campaign. This will help with branding and the overall look of your emails.
* Categorize your '''Sections''' effectively. Use headers for introductory content, footers for closing content, and content areas for the body of the email.
* Regularly preview your email campaign to see how the '''Sections''' work together and to ensure everything appears as intended.


=== 3. Headings ===
=== Common Use Cases with Examples ===
To effectively organize your content using headings, go to the '''Headings''' section. Here, you can set styles for:


* H1, H2, and H3 headings, including font style, size, color, and the option for bold or italic formatting.
1. **Product Launch**: Use one '''Section''' for the header that includes your logo and overarching message. Use additional '''Sections''' to feature different products with images and descriptions.
2. **Newsletter**: Organize your newsletter with a '''Section''' for the introduction, a '''Section''' for articles, and a '''Section''' for the conclusion or call-to-action.
3. **Event Promotion**: Create distinct '''Sections''' for event details, RSVP buttons, and social sharing options to effectively drive engagement.


=== 4. Button ===
=== Troubleshooting ===
Under the '''Button''' sub-tab, you can format buttons in your campaign. Customizable options include:


* Button color
If you encounter any issues while adding or configuring '''Sections''', consider the following:
* Button hover effect color
* Font style and size
* Border radius (default is set to 30px)
* Button border specifications (including color and type)


Additionally, you have two global options:
* Ensure you are using the latest version of ActiveCampaign, as the email designer is regularly updated for improvements.
* If the '''Plus (+) sign''' does not appear, double-check to ensure you are hovering over the correct area between existing '''Sections'''.
* If your changes are not saving, try refreshing the page or clearing your browser cache.


1. **Highlight Hovered Buttons**: Turn this on to enable color changes for button hover states.
=== Related Features ===
2. **Support of Outlook**: This option, when enabled, adds special code to enhance button display for Outlook email clients.


=== 5. Mobile Formatting ===
For more related functionalities, you can explore the following help articles:
The '''Mobile Formatting''' settings adjust how your campaign displays on mobile devices. You can configure:
* [[Campaigns]] overview
* [[Email Designer]] overview for a broader understanding of the Email Designer capabilities.


* Font sizes for headers, content, and footers
=== FAQ ===
* Text size for buttons
* Enable full-width display for buttons
* Set margins for mobile content


Keep in mind that improper configurations may result in a horizontal scroll on mobile devices due to oversized images or text.
'''Q1: Can I customize the background color of a Section?''' 
A1: Yes, you can configure the '''background color''' of each '''Section''' in the settings.


== Configuration Options and Settings ==
'''Q2: What is the difference between Sections and Containers?''' 
A2: '''Sections''' act as the overall frame for your campaign, while '''Containers''' are used within '''Sections''' to add specific content elements.


The Global Settings tab offers several critical configuration options to ensure your emails maintain a coherent and appealing design. These include:
'''Q3: How many Sections can I add to one campaign?''' 
A3: You can add multiple '''Sections''' as needed, depending on your campaign structure.


* **Background Color**: Choose a visually appealing color for the overall campaign.
'''Q4: Are there pre-defined templates for Sections?''' 
* **Default Padding**: Control spacing around elements for better structure and presentation.
A4: The Email Designer offers a variety of formatting options, but you will need to define the content and layout of each '''Section'''.
* **Responsive Design Options**: Enhance viewing experiences across devices.
* **Button Customizations**: Tailor buttons to match your brand and improve user engagement.


Understanding these configurations aids in creating visually compelling campaigns effectively.
'''Q5: Is the Email Designer available for all ActiveCampaign plans?''' 
A5: Yes, the Email Designer is available for the Starter, Plus, Pro, and Enterprise plans.


== Best Practices and Tips ==
'''Q6: How can I preview my email design?''' 
A6: Utilize the preview feature within the Email Designer to see how your '''Sections''' and overall email appearance before sending.


To maximize the effectiveness of your campaign design, consider the following best practices:
'''Q7: Can I copy Sections from one campaign to another?''' 
A7: Currently, there isn’t a direct function to copy '''Sections''' between campaigns, so you'll need to recreate them as required.


1. **Be Consistent**: Maintain similar styles, fonts, and colors throughout all emails to create a strong brand presence.
For additional assistance with the Email Designer or any feature of ActiveCampaign, please refer to the [[Email Designer]] documentation.]]
2. **Utilize Responsive Design**: Always enable responsive design to ensure your emails look good on all device types.
3. **Test Before Sending**: Preview your emails to see how they render in different formats, particularly on mobile.
4. **Use High-Quality Images**: Ensure background images are optimized for quick loading without compromising quality.
 
By adhering to these best practices, you can enhance engagement and increase the effectiveness of your email campaigns.
 
== Troubleshooting ==
 
If you encounter issues while configuring the Global Settings or if your emails do not display as intended, consider these steps:
 
* Double-check your padding and margin settings: Incorrect configurations may result in unintended layout issues.
* Ensure responsive design is enabled: If mobile display issues persist, verify that this option is active.
* Review image sizes: Oversized images can cause formatting problems, particularly on mobile devices.
 
For persistent issues, consult the ActiveCampaign support channels or community forums.
 
== Related Features ==
 
To enhance your knowledge and capabilities within the ActiveCampaign platform, explore these related features:
 
* [[Campaigns]]: Learn about managing and optimizing campaigns.
* [[Email Designer]]: Understand the comprehensive capabilities of the Email Designer tool.
 
== Frequently Asked Questions (FAQ) ==
 
1. **What is the purpose of the Global Settings tab?**
  The Global Settings tab is used to configure the overall appearance of your email campaigns, ensuring a cohesive design.
 
2. **Can I change the font for individual sections after setting it globally?**
  Yes, while you can set a default font in the Global Settings, individual sections can have their settings adjusted as needed.
 
3. **What happens if I disable Responsive Design?**
  If you disable this feature, the mobile version of your emails will replicate the desktop version, which may not be optimized for mobile viewing.
 
4. **How do I ensure my buttons look good in Outlook?**
  Enable the **Support of Outlook** option to improve the rendering of buttons for Outlook clients.
 
5. **Can I preview my changes in real-time?**
  Yes, the Email Designer interface allows you to preview your email design changes as you apply them.
 
6. **Is there a limit to the message width?**
  Yes, you can set the message width between 320 to 900 pixels, depending on your design requirements.
 
7. **Will changes in the Global Settings affect emails already sent?**
  No, changes made in the Global Settings tab will not retroactively affect previously sent emails; they only apply to future campaigns.
 
By understanding and utilizing the '''Global Settings''' tab in the Email Designer, you enhance your ability to craft stunning and engaging email campaigns that capture your audience's attention.
```
```

Revision as of 15:24, 3 November 2025

```mediawiki Navigation: Main_Page > Campaigns > Email Designer > Email Designer: How to use Sections

Email Designer: How to use Sections

ActiveCampaign’s new and improved Email Designer (launched in 2022) makes it easier than ever to create branded, high-performing emails within the platform. With an emphasis on reliability and an easy-to-navigate UI, this email designer will give you the best possible experience to create optimal campaigns and engage your customers.

In the new ActiveCampaign Email Designer, there is a hierarchy of elements that work together to build high-quality email campaigns. This article will review the top of that hierarchy – Sections.

What are Sections in the Email Designer?

Sections are the scaffolding that holds a campaign together. The Section builds the basic frame of a campaign. Within that frame, you can add Structures to your campaign, which hold Containers. Containers are what you use to add multiple campaign functions to one content block, like images and text boxes.

For more information about Structures, Containers, and different content blocks, please visit the Email Designer overview and Email Designer Blocks Explained.

How to Access this Feature

To access the Email Designer and its features, navigate to the campaign you are working on within ActiveCampaign. The Email Designer will be part of the campaign creation process, where you can visually design your emails using various elements, including Sections.

Step-by-Step Instructions

Here’s a step-by-step guide on how to add Sections to a campaign:

  1. Start by navigating to your campaign in the ActiveCampaign platform.
  2. Hover your mouse over an existing section within your campaign. You will notice a green Plus (+) sign appear.
  3. Click on the green Plus (+) sign to add a new Section.
  4. After adding the Section, configure it by selecting various settings to match your desired design.

Once you have added Sections to your campaign, you can configure them with your personal settings, such as background color, font, header size, and more.

Configuration Options and Settings

Sections settings are available in two tabs:

  • Global Settings
  • Content

While configuring the settings, you can designate certain Sections into different categories such as headers, footers, content, and info areas based on how you wish to style your campaign.

To change what functions each of your Sections represent in your campaign, click on the dropdown menu next to Message Area under the Content tab and within Structures. You will see this dropdown when you click to grab a specific Section in your campaign.

Best Practices and Tips

  • When designing your email, ensure that your Sections maintain a cohesive style throughout the campaign. This will help with branding and the overall look of your emails.
  • Categorize your Sections effectively. Use headers for introductory content, footers for closing content, and content areas for the body of the email.
  • Regularly preview your email campaign to see how the Sections work together and to ensure everything appears as intended.

Common Use Cases with Examples

1. **Product Launch**: Use one Section for the header that includes your logo and overarching message. Use additional Sections to feature different products with images and descriptions. 2. **Newsletter**: Organize your newsletter with a Section for the introduction, a Section for articles, and a Section for the conclusion or call-to-action. 3. **Event Promotion**: Create distinct Sections for event details, RSVP buttons, and social sharing options to effectively drive engagement.

Troubleshooting

If you encounter any issues while adding or configuring Sections, consider the following:

  • Ensure you are using the latest version of ActiveCampaign, as the email designer is regularly updated for improvements.
  • If the Plus (+) sign does not appear, double-check to ensure you are hovering over the correct area between existing Sections.
  • If your changes are not saving, try refreshing the page or clearing your browser cache.

Related Features

For more related functionalities, you can explore the following help articles:

FAQ

Q1: Can I customize the background color of a Section? A1: Yes, you can configure the background color of each Section in the settings.

Q2: What is the difference between Sections and Containers? A2: Sections act as the overall frame for your campaign, while Containers are used within Sections to add specific content elements.

Q3: How many Sections can I add to one campaign? A3: You can add multiple Sections as needed, depending on your campaign structure.

Q4: Are there pre-defined templates for Sections? A4: The Email Designer offers a variety of formatting options, but you will need to define the content and layout of each Section.

Q5: Is the Email Designer available for all ActiveCampaign plans? A5: Yes, the Email Designer is available for the Starter, Plus, Pro, and Enterprise plans.

Q6: How can I preview my email design? A6: Utilize the preview feature within the Email Designer to see how your Sections and overall email appearance before sending.

Q7: Can I copy Sections from one campaign to another? A7: Currently, there isn’t a direct function to copy Sections between campaigns, so you'll need to recreate them as required.

For additional assistance with the Email Designer or any feature of ActiveCampaign, please refer to the Email Designer documentation.]] ```