Merge Tags

Smart Merge Tags offer a user-friendly way to add dynamic content to your designs. This feature highlights merge tags with easily recognizable names, making them simple to identify and use without needing to read code.

Basic Use #

You can pass the appearance object during initialization like this:
mailui.init({ mergeTags: { first_name: { label: "First Name", value: "{{first_name}}", }, last_name: { label: "Last Name", value: "{{last_name}}", } } });

Set Programmatically #

You can change appearance after initialization like this:
mailui.setMergeTags({ first_name: { label: "First Name", value: "{{first_name}}", }, last_name: { label: "Last Name", value: "{{last_name}}", } });

Merge Tags Group #

You can group a set of merge tags into a sub-menu by nesting a mergeTags object within another.
mailui.init({ mergeTags: { user: { label: "User Info.", mergeTags: { first_name: { label: "First Name", value: "{{user.first_name}}" }, last_name: { label: "Last Name", value: "{{user.last_name}}" }, } } } });

Explore Our Email Builder