HTML content block

From Activepedia
Jump to navigation Jump to search

```mediawiki Navigation: Main_Page > Classic Designer > Campaigns > HTML content block

Classic Designer: Use the HTML content block with campaigns[edit | edit source]

The HTML content block available in the Classic Designer of ActiveCampaign allows users to add custom HTML directly into their email campaigns. This feature provides greater control over the design of the content block, enabling marketing professionals to create unique and personalized email experiences. As email marketing becomes increasingly competitive, having the ability to customize and craft visually appealing emails can significantly affect engagement and conversion rates.

How to Access the HTML Content Block[edit | edit source]

To use the HTML content block in your campaigns, you first need to open or create a new campaign within ActiveCampaign's Classic Designer interface.

Step-by-Step Instructions[edit | edit source]

Follow these steps to successfully add and configure your HTML content block:

  1. Open or create a new campaign by navigating to the campaigns section of your ActiveCampaign account.
  2. In the campaign layout interface, drag the HTML content block from the right pane into your campaign layout.
  3. Click inside the content block you've just added. A modal window will appear.
  4. Type or paste your desired HTML code into the modal window, ensuring you do not include any unsupported tags, and then click Save.

Configuration Options and Settings[edit | edit source]

When working with the HTML content block, there are several important settings and options to be aware of. Keep the following guidelines in mind:

  • Avoid using the following tags in your HTML code: <!doctype>, <html>, <head>, and <body>. The email designer will automatically generate these tags when the email is sent, so including them can cause rendering issues.
  • Media queries are not supported in the HTML content block. If you wish to use responsive design techniques, consider using the modern email designer introduced in 2022.
  • Javascript is not supported. Code that requires Javascript to function will not work in your emails, so avoid using it.
  • Custom fonts cannot be utilized in this feature. For custom typography, you will need to switch to the 2022 email designer.
  • Avoid using video autoplay in video embed scripts, as many email clients silence such functionalities, which can lead to a poorer user experience. Instead, use a screenshot of the video linked to your video source.
  • Iframe tags are unsupported. Email clients often do not render iframe contents properly, so refrain from using them within your HTML code.
  • Social media widgets and embed scripts are not permitted. For social media content, consider leveraging an RSS feed instead.

Best Practices and Tips[edit | edit source]

To fully leverage the capabilities of the HTML content block while avoiding common pitfalls, consider the following best practices:

  • Always test your emails before sending to ensure that all HTML renders correctly across various email clients.
  • Familiarize yourself with email client limitations and common HTML/CSS best practices specific to email design.
  • Consider using inline CSS for styles within your HTML to maximize compatibility across different email platforms.
  • Due to potential spam filters, avoid using overly complex or extensive HTML/CSS; simplicity is often key to better deliverability.
  • If you plan to use more intricate designs or ensure responsiveness, evaluate if transitioning to the newer email builder might be a better path.

Troubleshooting[edit | edit source]

While using the HTML content block, you may encounter certain challenges:

  • If your HTML content appears broken or not as intended in the email preview, make sure to check that you are not including any unsupported tags or attributes.
  • Should the email fail to render correctly in some email clients, simplify your HTML code and reduce complexity.
  • If you experience consistent rendering issues, testing on different devices or email platforms can help identify specific compatibility problems.

FAQ[edit | edit source]

1. Can I use custom fonts in the HTML content block?[edit | edit source]

No, custom fonts are not supported in the HTML content block. It is recommended to use default email-safe fonts.

2. Are Iframes allowed in emails?[edit | edit source]

No, Iframe tags are not supported in email campaigns and may cause content to be hidden in some email clients.

3. Is there any support available for HTML coding issues?[edit | edit source]

ActiveCampaign's Customer Experience Team cannot assist with custom code. For help, consider hiring a developer or an ActiveCampaign Certified Consultant.

4. What should I do if my HTML is not rendering correctly?[edit | edit source]

Make sure your code does not include unsupported tags. Testing across different email clients can also help identify issues.

5. Can I use media queries with the HTML content block?[edit | edit source]

No, media queries are not supported. Use the new email designer launched in 2022 for responsive designs.

6. What types of media embedding are supported?[edit | edit source]

While direct embedding of social media or videos is not allowed, you can direct users to video content through clickable images or links.

7. How can I enhance my email design beyond the HTML content block?[edit | edit source]

Consider using additional features in the ActiveCampaign email design tools, or transition to the newer email designer for more advanced design capabilities.

For in-depth assistance or information on related topics, be sure to explore other articles under Classic Designer and Campaigns within the ActiveCampaign knowledge base. ```