In this article, we will cover all the features available in the Nexl Engage email editor.

The settings tab enables you to establish defaults for your entire design. When dealing with rows and content, these design elements inherit these settings.

Note that you can still override the settings at the row, column, and content block levels when setting properties for those elements.

You can use the settings tab to modify the following options:

Rows are the main structural components in designs created with the builder. You can customize the column layout within each row. By using a multi-column row, you can arrange content side by side in your design. Most importantly, rows serve as containers for all of your content blocks.

Each row has its own set of settings, offering flexibility that was previously only possible with hand-coded emails.

For instance, you can choose a background color for the entire row, just the design area, or even a specific column within the row.

The following options populate in the sidebar when working with rows:

Backgrounds:

Borders:

Layout:

Dynamic Content

Column Structure

This section features a collection of tiles representing various types of content you can use in your design.

To use them, simply drag a tile into a column; it will automatically adjust to fit the column width.

Each content block comes with its own settings, allowing for detailed adjustments like padding. The right-side panel will automatically update to display the properties for the selected content element.

The Title block allows you to define sections of your email, enhancing accessibility. Screen readers and other accessibility tools can recognize the sections using H1, H2, and H3 headings.

The Paragraph block is a basic building block that allows you to add text content to your design.

The paragraph block content properties is similar to the Title Block Properties except for the Header tag option.

The Content List block provides the ability to create custom content lists which can be displayed in ordered or unordered list types..

The options specific to the list content block include:

It allows you to add an image to your design. Just drag and drop the block into the stage and choose an image based on your design.

When you add an image or select an existing image in your design, the Content Properties section of the builder will show customizable settings in the panel on the right side of the screen. You can adjust these image settings according to your design requirements.

Here are the available Content Properties for an Image Content Block:

AI is available to generate alternate text for the following content blocks:

Before generating alternate text for an image using AI, ensure the image meets these requirements:

Note: If the image doesn’t meet these criteria, an error will occur when using AI to generate alternate text.

8. The Action section of Content Properties lets you link the image to a URL, an email, a phone number for calls or texts, or a file uploaded via the builder's file manager.

Image link options include:

9. Block Options: Block Options allow you to adjust the image’s padding (proportionally on all sides or individually.

10. Hide on: Control visibility on Desktop or Mobile.

The Button Content Block is a customizable HTML element that directs users to a specific URL or triggers an action when clicked.

It represents what we refer to as a "CTA" or "call to action," encouraging and guiding your audience to interact with your message or offer or what to do next.

Here are the available Content Properties for a Button Content Block:

This feature allows you to add tables to your design.

Explore the various customizable settings for the Table content block. This includes options like adding headers to the first row, which function as column titles.

Header Section

The Table content block allows you to toggle a header row on or off. If you remove and later add back the header, any previous formatting will be lost and must be recreated.

Structure

Customize your table's structure with the following options:

Striped Rows

Enable alternating row colors using the Striped Rows feature:

Note: The initial background color selected for the table will alternate with the chosen color for striped rows.

Content

You’ll have the following options for customizing the content of your table content block:

Note: These settings are applied to all the content within the table.

Additional Considerations

This is a developing feature, and some settings may produce unexpected table appearances. To ensure the best results, avoid the following:

Other Considerations:

Currently, there are no Mobile Style Properties for tables. If your table doesn't display well on mobile, consider:

The divider and spacer blocks help create natural breaks in your design. While they may appear similar when rendered, each offers different sidebar options. Choose the divider or spacer based on your specific needs.

The divider content block typically includes a line that you can drag into your design.

To remove the physical line, enable the Transparent toggle.

If you want a visible divider, you can customize it using the sidebar's Line settings, which offer options for line style (solid, dotted, dashed), height, and color.

Below is a GIF to show you the Divider content block properties.

The spacer content block functions as a transparent divider, adding blank space to your design. Its only setting in the sidebar is Height, allowing precise control over the space you create.

There is no height limit, making the spacer ideal for adjusting empty space, especially when working with background images or content blocks with differing aspect ratios.

The Social Icons block lets you add icons that link to your social media profiles, boosting their visibility and driving traffic to them.

You can add a custom social media icon when using the "Social" content block.

The Custom HTML content block enables you to seamlessly add your own HTML code to your design.

HTML experts: To ensure your design renders correctly and remains responsive across different screen sizes, use email-compliant and responsive HTML when adding custom code. Please note that custom HTML may fall outside our standard support scope.

The video content block lets you easily share videos in your emails. Simply paste the YouTube or Vimeo URL, and it will automatically fetch the cover image, add a play icon, and link it to your video.

The Content properties section will ask you to provide a video URL from YouTube or Vimeo. These are the popular video hosting services that are currently supported.

Supported privacy settings:

Supported aspect ratios:

If you're using a YouTube video, you can also link the video starting at a specific timestamp.

After inserting a valid URL, the content block will show the cover image with an overlayed play icon, which you can customize by adjusting its type, color, and size.

Please note that the builder cannot retrieve cover images from password-protected videos.

Icons make it simpler than ever to combine images and text in the Nexl Engage template builder. This content block allows you to integrate small images with text within a single block, offering greater design flexibility.

Icons can be used in order to:

This content block functions similarly to social icons; you can use the default icon or replace it by clicking the "Change image" button, which opens the file manager. You can also edit the image using the "Apply effects & more" button.

By toggling "More options," you'll access additional settings specific to icon content blocks.

The text position dropdown lets you choose whether your text appears above, below, or on either side of the icon.

For multiple icons, you can rearrange them by clicking and dragging. Select the icon in the upper left corner of the icon properties box to move it to a new position.

Additional settings are available below, many of which are similar to those in other content blocks.

Icon-specific settings include adjusting icon size, allowing you to make icons larger or smaller, and icon spacing, which controls the distance between individual content blocks. Other properties—such as padding, border, alignment, letter spacing, text formatting options, and hide on mobile/desktop—apply to the entire content block.

Introducing a menu content block that simplifies creating text-based navigation menus for your design.

After adding your menu content block, you'll see various settings in the sidebar. Some options will be familiar, while others are unique to this content type.

Once your menu items are set, use the sidebar settings to customize your menu. You'll find text options and can switch the layout from horizontal to vertical using the dropdown.

For horizontal menus, you can add a separator character between items, which will match the text color you've chosen. Use the item padding option to adjust spacing for individual menu items.

In the block options below, you can apply padding to the entire menu content block.

Mobile menus are not compatible with all email clients.

On mobile devices, the menu content is replaced by an icon that expands and collapses the menu. By default, the mobile menu displays vertically, and any separators in use will be ignored.

Bring some fun to your emails with GIF animations—it's easy and quick!

Simply drag and drop the GIF content block into your design, then click "Browse Gifs."

The editor will open a pop-up window where you can browse and search through a vast collection of GIFs and animated stickers powered by GIPHY.