---
title: "Add content inside a Pop-up using rich text editor"
slug: "adding-content-inside-a-pop-up-using-rich-text-editor"
updated: 2026-08-06T15:17:49Z
published: 2026-08-06T15:17:49Z
canonical: "support.whatfix.com/adding-content-inside-a-pop-up-using-rich-text-editor"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Add content inside a Pop-up using rich text editor

The Whatfix Rich Text Editor enables you to format content using multiple options. It also enables you to link to and include multimedia content, such as videos, links, survey forms, GIFs, images, and audio in the Pop-up.

The Visual Editor enables you to format content using the various options available in the Rich Text editor.

While [creating a Pop-up](/desktop/docs/pop-up) using the Visual Editor, double-click the text to open the **Rich Text editor**.

 

![RTE)](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RTE%281%29.gif?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A40Z&se=2026-11-12T09%3A43%3A40Z&sr=c&sp=r&sig=M5O92niU5%2BO%2FrbY9JJYqXbotMOUbdGfeymCoe%2B4tNkc%3D)

   

The following table describes the different icons that can be used to format content in your Pop-up:

| Icon | Description |
| --- | --- |
| ![add_component](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/add_component.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A40Z&se=2026-11-12T09%3A43%3A40Z&sr=c&sp=r&sig=M5O92niU5%2BO%2FrbY9JJYqXbotMOUbdGfeymCoe%2B4tNkc%3D) | Add Components like Text, Button, Image, Video, and Audio |
| ![Change_fontsize](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-06-12%20at%2010.51.15%20AM.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A40Z&se=2026-11-12T09%3A43%3A40Z&sr=c&sp=r&sig=M5O92niU5%2BO%2FrbY9JJYqXbotMOUbdGfeymCoe%2B4tNkc%3D) | Changes the font size |
| ![Editor_text_color](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Editor_text_color.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A40Z&se=2026-11-12T09%3A43%3A40Z&sr=c&sp=r&sig=M5O92niU5%2BO%2FrbY9JJYqXbotMOUbdGfeymCoe%2B4tNkc%3D) | Changes the color of the text |
| ![Editor_bold_text](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Editor_bold_text.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A40Z&se=2026-11-12T09%3A43%3A40Z&sr=c&sp=r&sig=M5O92niU5%2BO%2FrbY9JJYqXbotMOUbdGfeymCoe%2B4tNkc%3D) | Bolds the highlighted content |
| ![Editor_italicize_text](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Editor_italicize_text.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A40Z&se=2026-11-12T09%3A43%3A40Z&sr=c&sp=r&sig=M5O92niU5%2BO%2FrbY9JJYqXbotMOUbdGfeymCoe%2B4tNkc%3D) | Italicizes the highlighted content |
| ![underline_text](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/underline_text.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A40Z&se=2026-11-12T09%3A43%3A40Z&sr=c&sp=r&sig=M5O92niU5%2BO%2FrbY9JJYqXbotMOUbdGfeymCoe%2B4tNkc%3D) | Underlines the highlighted content |
| ![center_align_text](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/center_align_text.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A40Z&se=2026-11-12T09%3A43%3A40Z&sr=c&sp=r&sig=M5O92niU5%2BO%2FrbY9JJYqXbotMOUbdGfeymCoe%2B4tNkc%3D) | Aligns or justifies content to the left, right, or center |
| ![Vertical_align](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-05%20at%203.10.58%20PM.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A40Z&se=2026-11-12T09%3A43%3A40Z&sr=c&sp=r&sig=M5O92niU5%2BO%2FrbY9JJYqXbotMOUbdGfeymCoe%2B4tNkc%3D) | Aligns the content vertically |
| ![unordered_list](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-06-12%20at%2010.53.11%20AM%281%29.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A40Z&se=2026-11-12T09%3A43%3A40Z&sr=c&sp=r&sig=M5O92niU5%2BO%2FrbY9JJYqXbotMOUbdGfeymCoe%2B4tNkc%3D) | Inserts an unordered list |
| ![ordered_list](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-06-12%20at%2010.57.59%20AM.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A40Z&se=2026-11-12T09%3A43%3A40Z&sr=c&sp=r&sig=M5O92niU5%2BO%2FrbY9JJYqXbotMOUbdGfeymCoe%2B4tNkc%3D) | Inserts an ordered list |
| ![line_height](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-06-12%20at%2011.03.32%20AM.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A40Z&se=2026-11-12T09%3A43%3A40Z&sr=c&sp=r&sig=M5O92niU5%2BO%2FrbY9JJYqXbotMOUbdGfeymCoe%2B4tNkc%3D) | Set the vertical space between lines of text |
| ![insert_links_editor](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/insert_links_editor.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A40Z&se=2026-11-12T09%3A43%3A40Z&sr=c&sp=r&sig=M5O92niU5%2BO%2FrbY9JJYqXbotMOUbdGfeymCoe%2B4tNkc%3D) | Links content to another page or external content |
| ![remove_component_editor](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/remove_component_editor.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A40Z&se=2026-11-12T09%3A43%3A40Z&sr=c&sp=r&sig=M5O92niU5%2BO%2FrbY9JJYqXbotMOUbdGfeymCoe%2B4tNkc%3D) | Removes a component |