New Enhancements | HTML Window, Multiline, and Font Previews

Introduction

We recently enhanced some features to improve the end user experience. In this article, we'll introduce these new feature enhancements that were designed to address common pain points and pave the way for a more seamless and enjoyable user experience.

New Feature Enhancements

Read about the three new feature enhancements we just released in section.

1. Expanded HTML Input Window

This enhancement enables users to more easily view, edit, and manage the code inside their HTML block, eliminating the need for excessive scrolling and ensuring a more efficient coding experience. Expanding to a larger HTML input window allows end users to work with custom HTML code more efficiently. They can now view and edit their code in its entirety, simplifying the review and troubleshooting process.

The following GIF shows an example of what the screen looks like when you expand the HTML Input Window:

Image 1: GIF Displaying How to Access the Expanded HTML Window

2. Multiline for Message Body Email Type

We've introduced a multiline option for the "Send Email" link type. The multiline option for the "Send Email" link type provides end users with the flexibility to create more detailed and expressive email messages.

The following GIF shows an example of what the screen looks like when you select the “Send email” link type in the sidebar property:

Image 2: GIF Displaying the Image Link Type "Send Email"

The following GIF shows an example of what the screen looks like when you select the link type “E-MAIL” in a text-based content block:

Image 3: GIF Displaying How to Select the Link Type "E-Mail" in a Text-Based Content Block

3. Font Preview

We've enhanced the font selection experience by introducing font previews. Fonts are now displayed alphabetically, and users can preview each font directly within the dropdown menu. Font previews within the font family dropdown menu improve the font selection process. Users can quickly visualize how fonts will appear in their designs.

The following GIF shows an example of accessing the Font Preview through the paragraph content block: 

Image 4: GIF Displaying the Font Preview Drop-Down in a Text-Based Content Block

Before and After Comparison

To better understand the impact of these new feature enhancements, let's compare the user experience before and after their implementation:

Before

• Users struggled with cramped HTML input windows, making coding a cumbersome task.
• Crafting email messages was limited to single-line bodies.
• Font selection lacked previews, requiring users to make font choices without visualizing them first.

After

• Users benefit from a more spacious HTML input window, simplifying HTML code editing.
• Email message composition now supports multiline bodies, enabling more expressive and detailed messages.
• Font previews are available, enabling end users to visualize a font prior to selecting it.

Conclusion

By addressing common pain points through these new feature enhancements, we've taken significant steps to improve the user experience. Regardless of your workflow and what you are trying to achieve within our no-code builders, these enhancements have something to offer everyone.