> For the complete documentation index, see [llms.txt](https://docs.sprinthub.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sprinthub.com/en/topics/convert/pop-up.md).

# Pop-up

In SprintHub, you can create your Pop-ups to draw users' attention to important information or specific content on a website or app.

To create your pop-up, click on "**Convert**" and then on "**Pop-ups**";

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FwHJXTRtcpf2Wp7Ypeeqt%2Fimage.png?alt=media&amp;token=5bc20792-71ba-420a-a13e-63a129474636" alt=""><figcaption></figcaption></figure>

Click on "**New**";

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2F8lZM87UvchnEXtsMskRP%2Fimage.png?alt=media&amp;token=0a3c03f6-6861-4c67-aa07-02cb9df2014f" alt=""><figcaption></figcaption></figure>

Define the **settings**;&#x20;

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FfLmbmuaybKGqb2rn5K2y%2Fimage.png?alt=media&amp;token=e2689e25-21f7-4f91-9564-dad55d78442f" alt=""><figcaption></figcaption></figure>

**Title** and **Description**: Set a title and a description for your pop-up.

**Display frequency**: The frequency with which the pop-up will appear.

**Show the pop-up as soon as**: What action will be required for the pop-up to be triggered or displayed.

**Delay the pop-up by X seconds**: Delay the pop-up display by a few seconds.

**Published**: For the pop-up to be **active**, leave the **Yes** option enabled, or if you prefer to disable it, leave the option disabled.

Then click on "**Open builder**".

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FlRtOmGXf5MYskPVGRvZ7%2Fimage.png?alt=media&amp;token=e4ec4762-0350-4a3b-ab4d-840e70329df2" alt=""><figcaption></figcaption></figure>

Right after that, create your pop-up as desired. You can drag the tools into the blank area and see what the result will look like.

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FCyxEjUuoH9XPhIRSzxEE%2Fimage.png?alt=media&amp;token=834fd532-ba96-433e-b377-02bbc174cd1f" alt=""><figcaption></figcaption></figure>

*See the example below:*

With your form already created, click the "Form" option and drag it to the blank area.

Likewise, you can do the same with the other tools and create your pop-up in the way you consider best.

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FbtnVBgQcNL5r2XCttIJu%2Fimage.png?alt=media&amp;token=bfc817e7-e127-4140-b20c-4876e24f15d8" alt=""><figcaption></figcaption></figure>

## To modify your pop-up layout, follow these steps:

* Click on "Edit page settings;
* The Element Editor will appear, where you can modify your pop-up and configure it to the desired standard.&#x20;

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2F3rCarP6RtrZmYE9UXoF1%2Fimage.png?alt=media&amp;token=94aa84f2-b8c6-4113-b0f4-18c56d6f76b6" alt=""><figcaption></figcaption></figure>

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FYUV5PDx8m6nYR0uFlNr1%2Fimage.png?alt=media&amp;token=6741b1c0-792a-462d-9a79-935698572cdc" alt=""><figcaption></figcaption></figure>

{% embed url="<https://youtu.be/vLEH4Mv1rVE>" %}

*And that's it, your pop-up has been created!*&#x20;


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.sprinthub.com/en/topics/convert/pop-up.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
