With Chameleon, you can always deliver engaging and easy-to-digest messages. In any Experience you create, you can use our Rich Text Editor (or markdown) to format your copy in the Builder.

👉 Find Copilot directly in the Builder or the Rich Text Editor to ensure your copy respects your tone of voice and guidelines.

Availability & Usage

🔐 Available for Startup, Growth, Enterprise

📍 For engaging Tours, Tooltips, Embeddables, Microsurveys, Launchers

⚙️ Use from the Builder

Formatting your copy

📍 The Rich Text Editor is available for all components in the Builder, where you can edit copy (e.g., body, title, CTA, Dismiss, Dropdown, Launcher States, etc.). Steps created before the Rich Text Editor launched keep the original Markdown field, and so does any copy you make of one. If you open an older Step and don't see the editor toolbar, create a new Step, and it will have the Rich Text Editor.

You can use the Rich Text Editor in the Builder to format your copy faster and more precisely, or refine with AI. Highlight your copy to access the Rich Text Editor in your body, titles, or CTA buttons.

You can use the Rich Text Editor to:

improve with AI (simplify, fix spelling, shorten, or add emojis)
add headings (H1,H2, H3)
apply bold, italic, underline, strikethrough, or code styles
add a hyperlink
create a bulleted or numbered list

In the Builder panel, you can find other useful options, such as:

changing the text alignment
adjusting the color, font size, and line height
adding Personalization

👉 Learn more about customizing Titles in Launchers, which have similar options.

ℹ When updating values in PX or % from the Builder, you can hold down Shift on your keyboard to increase/decrease the values by tens.

Using Emojis

You can use emojis in your content to add more personality and make information easier to take in. In the Builder, you can add them to your Step and Launcher text (titles, body text, and buttons) in two ways:

As you type: type a colon followed by a few letters of the emoji's name, for example :smil. Matching emojis drop down. Press Enter or Tab to add the highlighted one, use the arrow keys to pick another, or press Escape to close the list. Typing the full name with a closing colon, like :smile:, adds the emoji straight away
From the Rich Text Editor: highlight your copy and click the emoji button. Search by name, or browse the categories (Smileys & Emotion, People & Body, Animals & Nature, Food & Drink, Travel & Places, Activities, Objects, Symbols and Flags). Your last few picks are kept under Recently used

You can also use your computer's own emoji selector: on Mac, press CTRL + CMD + Space. On Windows, press Win + . or Win + ;. In Chrome, you can also right-click the page and select Emoji & Symbols.

Markdown options

You can format the text within your Experiences using Markdown as well. Here are the different formatting options you can apply in the Builder.

Text effects

Bold: **text**
Italic: *text* or _text_
Strikethrough: ~~text~~
Code word: `text`

Paragraph formatting

Horizontal rule (line): *** (three asterisks) or ___ (three underscores) on its own line.

This generates a <hr> tag and remember you can use line breaks above and below for better spacing.

Headers

Header 1 (largest font size): # text
Header 2 (second largest font size): ## text
...
Header 6 (smallest font size): ###### text

Lists

Bulleted list: - text
Numbered list: 1. text
Second indent: leave a space before the dash or number

Ensure there is a return (line break) above the list start, and that there is space between the dash or number and text.

Alignment

Left aligned: nothing -- this is the default
Right aligned: => text
Center aligned: =| text

👉 Explore how to use Copilot to improve the content in your Experiences.

How Copilot helps with content

Formatting and styling text