# Popup

<figure><img src="https://1813371584-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1ayOFZFwSvWJ1vhnp8MG%2Fuploads%2Fw54OZFPEcG50vuk8kSEz%2FPopup%20-%20Block%20-%20Template.png?alt=media&#x26;token=f1f62043-1888-48b8-bd09-9587d9b1c77c" alt=""><figcaption></figcaption></figure>

### Overview

The Popup block displays content in a modal overlay triggered by a user interaction — typically clicking a button, link, or image. It’s perfect for capturing attention, promoting offers, or providing extra information without navigating away from the page.



**Use cases:**

• Announcements or promotions

• Newsletter or discount signups

• Quick views or product previews

• Displaying additional info like size guides or shipping details



**Features:**

• Triggered by button, link, or image click

• Supports rich content: text, images, forms, or embedded media

• Optional close button and overlay background

• Configurable width, padding, and animation style

• Fully responsive and accessible

