> For the complete documentation index, see [llms.txt](https://docs.trysavvy.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.trysavvy.com/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-add-an-info-box-popup.md).

# Work in Progress: How to Add an Info Box Popup

{% hint style="info" %}
An Info Box Popup is a graphical user interface ( GUI ) display area that slides from the bottom of the flow. In flows, we usually use them to display a message that expands some piece of information.
{% endhint %}

### Step 1: Create the Popup page

* Create a new page
* Name it with a key that shows that the page is a popup "popup\_myname"
* Add content to the page
* Hide the page

### Step 2: Create the trigger for the popup

* Create a new Rich Text component
* Select the link option
* Link it to `open_popup:popup_myname`
* Enjoy!