---
title: Popup forms
description: Open your form in a popup or a floating widget, on click, on page load, after a delay, on scroll or on exit intent.
icon: message-square
search:
  keywords:
    [popup, modal, widget, feedback button, exit intent, slide in, launcher]
---

Popups keep your page uncluttered. The form appears only when it's needed.

Go to the form's **Share** page and choose **Embed** → **Popup**.

## When the popup opens

| Trigger | Use it for |
| --- | --- |
| **On button click** | A "Contact us" or "Give feedback" button on your page. |
| **Widget** | A launcher button pinned to a corner of every page. |
| **On page load** | Announcements and urgent surveys. |
| **After a delay** | Opens after a number of **Seconds**. |
| **After scrolling** | Opens when visitors have **Scrolled %** of the page. |
| **On exit intent** | Opens when the mouse leaves the page, as if to close the tab. |

## Position and behavior

| Option | What it does |
| --- | --- |
| **Popup position** | **Bottom right**, **Bottom left**, **Bottom center** or **Center (modal)**. |
| **Widget corner** | **Bottom right**, **Bottom left**, **Top right** or **Top left**. |
| **Show only once** | Doesn't open again for the same visitor and browser. |
| **Hide after submit** | Doesn't open again for people who responded. For widgets, removes the widget. |
| **Close after submit** | Closes the popup automatically once the form is submitted. |

On desktop the popup slides up from the bottom. On phones it opens as a bottom sheet. Respondents can close it with <kbd>Esc</kbd> or the close button.

Copy the **Popup embed code** and paste it into your site.

## Examples

A button that opens the form:

```html
<button data-finerlise-open="your-form" data-finerlise-position="bottom-right">
  Feedback
</button>
<script async src="https://finerlise.com/embed/v1.js"></script>
```

A popup that opens after 5 seconds:

```html
<script
  async
  src="https://finerlise.com/embed/v1.js"
  data-finerlise-popup="your-form"
  data-finerlise-trigger="delay"
  data-finerlise-trigger-value="5"
></script>
```

A floating feedback widget:

```html
<script
  async
  src="https://finerlise.com/embed/v1.js"
  data-finerlise-widget="your-form"
  data-finerlise-widget-position="bottom-right"
  data-finerlise-label="Feedback"
></script>
```

See the [embed script reference](/developers/embed-script-reference) for every attribute and the JavaScript API.