---
title: Create a popup
description: "Open a size guide, a form, or any content in a popover from a button."
url: "https://flatsome.com/docs/popup"
lastUpdated: 2026-09-30
---

The **Popover** block is a trigger and a floating panel in one. The panel can hold any blocks: a size guide table, a contact form, a video, a promo with a button. It opens on click, on a timer, or when the visitor scrolls far enough.

## Add a popup with a button

1. Insert the **Popover** block. Variations give you a head start: **Popover**, **Menu**, **Info**, and **Timed Popup**.
2. Under **Toggle**, set **Type** to **Button** or **Text**, enter the **Text** such as *Size guide*, and pick a style. Add an icon under **Elements → Icon**.
3. Add the content blocks inside the popover panel in the editor.
4. Under **Elements**, open **Popover content** and choose **Card** or **Blank** style, a width, padding, and color scheme. **Popover backdrop** sets the dimmed background and blur.

A close button is always included and can be styled under **Elements → Popover close button**. Clicking the backdrop or pressing Escape closes the panel too.

## Open it automatically

Set **Type** to **None** to hide the trigger, then open the **Triggers** panel and add a **Timer** or **Scroll** trigger with the **+** button. **Timer** shows the popover after a **Delay (ms)**; **Scroll** shows it once the visitor has scrolled past an **Offset (%)** of the page. Once dismissed, it stays hidden for that visitor. Raise the **Version** number to show it again to everyone, for example for a new campaign. Only one automatic popover shows at a time.

## Size guide on product pages

Put the Popover block in the Single Product template near the add-to-cart area, with a table or an image inside. Every product then gets the same size guide. For guides that differ per category, use a template per category with its own popover.