Email Designer

```mediawiki Navigation: Main_Page > Campaigns > Email Designer

Email Designer: Text or Link Color is Different in the Inbox

The Email Designer is a powerful feature that allows users to create visually appealing email campaigns in ActiveCampaign. However, one common issue that may arise is when the text or link color appears differently once the email is received in the inbox. This can lead to a mismatch between the designed email and what recipients actually see. Understanding how to address this issue is important to ensure brand consistency and foster effective communication with your audience.

This guide will help you troubleshoot discrepancies in text or link color by utilizing the built-in code editor within ActiveCampaign's Email Designer.

How to Access This Feature

To access the Email Designer and begin adjusting your campaign's text or link colors, follow these steps:

1. Click on Campaigns on the left-hand navigation menu.
2. Open the campaign you wish to edit.
3. On the Campaign Summary page, hover over the design on the right and click Edit design to open the campaign designer.

Step-by-Step Instructions

Once you are in the Campaign Designer, follow these detailed instructions to troubleshoot and fix the color discrepancies:

1. In the Campaign Designer tab, click on the text box that displays the color issue.
2. Locate the code editor icon on the top right and click on it.
3. Within the code, find the text or link that is displaying the incorrect color.
4. Check if the text is wrapped within a paragraph

   tag. If it is, you will need to change the

   tag into a tag.

  # For example:

#

Foobar

  # Change it to:
  # Foobar

1. After making the necessary adjustments, test your email to confirm the fix.

This issue generally arises because certain email clients, such as Gmail and Outlook, may strip style attributes applied in paragraph (

) tags when rendering emails in the inbox. Note that this behavior can vary based on the email client used, making the adjustment of the tag crucial for consistent appearance across platforms.

Configuration Options and Settings

In the Email Designer, there are specific settings that can influence how emails are displayed:

• Text Box - The area where your content is displayed, which can sometimes lead to color issues if not correctly configured.
• Code Editor - A tool accessible within the campaign designer that allows for advanced users to edit the HTML directly for a more customized approach.

Best Practices and Tips

When working with the Email Designer and addressing color discrepancies, consider the following best practices:

• Always preview your emails before sending them out. This helps identify any mismatches.
• Test your emails in multiple clients to ensure the desired appearance is achieved across different platforms.
• Use span tags for applying styles to text that require specificity, as opposed to the broader paragraph tags.
• Be cautious while editing HTML code, as improper changes can lead to other formatting issues.

Common Use Cases with Examples

- A company sends out a promotional email with links highlighted in blue but finds that recipients see them as gray. By following the steps outlined, the company correcting the issue allows their call-to-action (CTA) links to stand out. - A designer creates an email featuring white text on a colored background. However, when the email is opened in certain clients, the color appears different. By adjusting the styling using the code editor, the text appears as intended.

Troubleshooting

If you continue to experience issues after following the above steps, consider the following troubleshooting tips:

• Ensure that you have saved any changes made in the code editor before testing the email.
• Check for any conflicting styles in other parts of the email that may override the color settings.
• Review your template for any inherited styles that may be affecting the text color.

Related Features

For more information on related functions and features, consider reviewing the following:

• Campaigns
• Automation
• Contact Management

FAQ

1. Why does the color of my text change in certain email clients?

Many email clients have their own rendering engines that may ignore styles, especially those applied with paragraph tags.

2. What should I do if I’m not comfortable editing HTML?

It is recommended that only advanced users utilize the code editor. If you are not familiar with HTML, consider consulting with someone who is.

3. Can I revert my changes if something goes wrong?

Yes, you can always revert to a previous version of your campaign by accessing your campaign history within ActiveCampaign.

4. Do all email clients behave the same way?

No, different email clients handle styles differently, which can lead to inconsistencies in how emails are displayed.

5. What are the risks of using the code editor?

Improper edits can lead to broken layouts or functionality in your emails, so it is essential to proceed with caution.

6. How can I ensure my emails are tested effectively?

Utilizing email testing tools and sending test emails to various accounts can help verify appearance across platforms.

7. Is there support available for code-related issues?

The ActiveCampaign Customer Experience Team does not provide support for coding issues; it is suggested to seek resources or communities focused on HTML and email design.

By following these guidelines and best practices, you can successfully address and prevent issues related to text and link colors in your emails, ensuring effective communication with your audience. ```