# AI Agent: Popups Builder

The **Popups Builder Agent** can help you build a pop-up template by describing the required layout, elements, styles, and animations.

The agent is creating a fully configurable template that you can adjust after that by replacing text, images, and links.

<div data-full-width="true" data-with-frame="true"><figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-c3eac0e053060d1ddceb6aa4e9d34b710fb5b689%2Fscreencast%202026-01-16%2000-26-48.gif?alt=media" alt=""><figcaption></figcaption></figure></div>

**How to use it:**

* Pick one of the existing templates and adjust the prompt for your needs
* Wait for the agent to complete the work, depending on complexcity of the requirements, it can take up to 2-3 minutes
* Check the visual result, explore HTML/CSS/JavaScript code and Configuration tabs, if you do custom changes there, don't forget to "save" them
* Keep in mind that the agent is not creating images; it's keeping placeholders that you can replace later with a real image
* You can also ask the agent to make adjustments if you don't like something in the first version.
* When you are ready, click "Publish." This saves the pop-up template, which you can use to build final pop-ups.

**Countdown pop-up based on the screenshot**

<div data-full-width="true" data-with-frame="true"><figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-98283762cd6133e0d193adeb27eaa0a6e140b461%2Fscreencast%202026-01-16%2001-29-43.gif?alt=media" alt=""><figcaption></figcaption></figure></div>

**Carousel with offers**

<div data-full-width="true" data-with-frame="true"><figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-d7231e6a53ab569c6fbd366eec18e1585c342dda%2Fproducts-offers.gif?alt=media" alt=""><figcaption></figcaption></figure></div>

**Hints and tricks:**

* Structure your request as:
  * Explain layout & elements
  * Give style guideline
  * Explain animations
* You can make a screenshot from your site or from some pop-up that you have seen on another site, and ask the agent to recreate it according to your vision