# 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="/files/wS2RZfyzSMFUtRJMR0cs" 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="/files/WgvJwHX6Zg7JwWXccFOF" alt=""><figcaption></figcaption></figure></div>

**Carousel with offers**

<div data-full-width="true" data-with-frame="true"><figure><img src="/files/EF0KSzLfoxjhoNEZ0eay" 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


---

# Agent Instructions: 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:

```
GET https://help.smartico.ai/welcome/products/ai-agents/ai-agent-popups-builder.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.