HTML

For advanced users who need more control or want to embed specific elements not available through standard content blocks, the "HTML" element allows you to insert custom HTML code directly into your email template.

Adding an HTML Element

  1. Access the Content Tab: Ensure the Content tab is active in the right-hand sidebar.

  2. Drag and Drop:

    • Locate the "HTML" element (often represented by an icon like </>) in the sidebar.

    • Click and drag the "HTML" element onto your email canvas, placing it within a column or content area where you want your custom code to render.

    Upon dropping, a placeholder might appear on the canvas (e.g., "Hello, world!" rendered from default HTML). The properties for this HTML element will load in the right-hand sidebar, primarily featuring a code editor.

Adding and Editing Custom HTML

With the HTML element selected, you can input and modify your code in the sidebar.

  1. Locate the HTML Editor: In the right-hand sidebar, under the "Content" tab for the selected HTML element, you will find an HTML code editor. It might have a line number and some default code (e.g., <strong>Hello, world!</strong>).

  2. Input Your Code:

    • Delete the default code if necessary.

    • Type or paste your custom HTML code directly into the editor.

    • As you type or after you paste and click away, the canvas will attempt to render your HTML code live.

Customising HTML Element Properties

While the main content is your custom HTML, some general container settings are available.

General (Container Padding)

This controls the padding around the entire HTML block element.

  • Container Padding:

    • All Sides: Enter a pixel value (e.g., 10px) for equal padding on all sides of the HTML block.

    • More Options: Toggle on for individual "Top," "Right," "Bottom," "Left" padding controls.

Responsive Design

Manage the visibility of your custom HTML block on different devices.

  • Hide on Desktop: Toggle on to hide the HTML block on desktop views.

Last updated