Skip to main content
Act-On Software

Adding Custom Content to Emails


A Custom Content block is a unique tool within the Act-On editor for email messages or landing pages. A Custom Content block allows you to paste in your existing HTML, CSS, and JavaScript (in landing pages and forms).

Custom content allows you to import content you created previously (often in a different system). 

 Act-On will not remove your custom CSS, whether it is inline, internal, or external. Alternatively you can upload valid HTML with images. If you choose to upload content rather than pasting in your code, ensure your HTML is a valid HTML file. If uploading a zip file, only one HTML file will be read, and your file or images may not be in a subfolder within the zipped-up file structure.

Things to consider:

  • Any block in the editor/composer adds content to the document body section of the document you are creating (between the <body> and </body> tags). For instance, if you paste an entire web page document (with the doctype, HTML, head, and body tags) into a Custom Content block, you will be duplicating these tags. Usually this is harmless, but it can cause rare issues and adds clutter to the overall document code.
  • Use custom stationery if you need something to be in the document header. In almost all cases, script, style sheets, and other elements normally reserved for the document will work if placed at the top of the.
  • Custom Content blocks allow you to upload an external HTML file with images. This is useful if you have a message designed outside of Act-On that you would like to import.
  • Custom content is best suited for designs which are created externally and will not be modified within Act-On
    • The rich text editor is not designed to modify designs that heavily utilize custom fonts (from a file), or layouts heavily reliant on CSS positioning. For designs containing these elements which you may be importing, you would want to use a custom content block.
  • Open the editor for a new or existing email message or landing page.
    • Email Messages: Navigate to Outbound > New Message or Draft
    • Email Templates: Navigate to Content > Email Templates
    • Landing Pages: Navigate to Content > Landing Pages
  • From the Design tab, hover over the Custom Uploaded Content Block.
  • Click and Hold the block using your mouse cursor and drag the block into your message, a new container will appear. Release your mouse to drop the block when it is in the appropriate place in your message.
  • The Custom Uploaded Content window will appear, you can either choose Upload File to upload either an external HTML file or a zip file with HTML and images or paste your code in the area provided.
  • When you are finished, click Close.

An absolute URL is a URL represented by the complete path of where your content is being hosted.

<img src="" />

A relative URL is a URL represented by only the subdirectories of where your content is being hosted.

<img src="images/aotest.png" />

It is recommended to use absolute URLs, since relative URLs can have multiple interpretations.

Often times when custom content is compiled and uploaded, relative image references are used in the HTML & CSS code. If this causes issues, updating these to absolute URLs can help. See above for more information.

Font Styles Are Different from the Preview

If you have utilized a custom font other than the fonts that are currently listed in Act-On it is likely that your mail client does not support the specific font you are utilizing. If a specific email client does not support that font, you will see a fallback or default style.

  1. Open the Design tab in the Act-On Email Editor.
  2. Expand the Stationary section on the right hand side of the editor.
  3. Click the Align Logo drop-down.
  4. Select Suppress.

To access the source code of your message, edit the specific Rich Text Block and select the HTML icon in the toolbar. You can also export the Creative of your Act-On message by selecting Download Creatives within the Design section.

You can import messages created in other email services into Act-On. However, every email service displays emails differently, so you may need to update your content for it to display optimally, especially on a variety of devices.

Here are few tips for importing content:

  • Under the Stationery Settings with the email composer, uncheck Responsive Design. This can prevent some styling issues for imported messages.
  • Ensure that Table Widths with your custom content do not exceed the set message width within the Stationery Settings of the message composer.
  • Was this article helpful?

Have a question about this topic?

Ask the community!