> For the complete documentation index, see [llms.txt](https://staylime.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://staylime.com/docs/avante-themes/global-sections/footer-group/popup.md).

# Popup

A promotional overlay that appears on top of the page after a set delay. Use it for newsletter signups, discount codes, announcements, or any message you want to make sure visitors notice. Supports images, countdown timers, promo codes, and newsletter forms.

<figure><img src="/files/aK1856m6OUSyxhNq6MK2" alt=""><figcaption></figcaption></figure>

***

### How to find

**Theme Editor → Footer group → Popup**

<figure><img src="/files/8gHHUwAytz4lONw9rA83" alt=""><figcaption></figcaption></figure>

***

### Display rules

| Setting                      | Options                                                            |
| ---------------------------- | ------------------------------------------------------------------ |
| Show                         | Immediately, 5 / 10 / 30 seconds delay, 1 minute delay             |
| Frequency                    | Once, Every 6 hours, Every day, Every 3 days, Every week, No limit |
| Show on home page only       | Toggle                                                             |
| Disable for registered users | Toggle                                                             |

{% hint style="success" icon="lightbulb" %}
**Tip:** Set a delay of at least 5–10 seconds so visitors have time to see your store before the popup appears. Showing it immediately can increase bounce rate. Use **No limit** frequency while testing in Theme Editor — other settings won't trigger inside the editor.
{% endhint %}

***

### Blocks

Build the popup content by stacking blocks in any order:

**Newsletter form** — email signup with optional consent checkbox (GDPR). Set a custom placeholder, caption, and label.

**Promo code** — display a copyable discount code. Visitors can tap to copy.

**Countdown timer** — live countdown to a deadline. When it expires, choose whether to hide the timer or show a custom message. Supports animation and custom styling.

**Close button** — a styled button that dismisses the popup. Customize its label and style (solid, outlined, or link).

Other blocks include subheading, heading, text, button, image, inline image reveal, context image, social media, contact info, empty space, line, and custom Liquid.

<figure><img src="/files/vyXKmR9V6I9qfaIGGnxP" alt=""><figcaption></figcaption></figure>

***

### Related

* [Flyout](/docs/avante-themes/global-sections/footer-group/flyout.md) — a less intrusive slide-in alternative
* [Announcement Bar](/docs/avante-themes/global-sections/header-and-navigation/announcement-bar.md) — persistent banner for promotions
* [News Drawer](/docs/avante-themes/global-sections/header-and-navigation/news-drawer.md) — slide-out news feed


---

# 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://staylime.com/docs/avante-themes/global-sections/footer-group/popup.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.
