> For the complete documentation index, see [llms.txt](https://docs.powerfulform.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.powerfulform.com/~/revisions/KRfi0fHdeAFeAhiPrH7G/form-setup/floating-form.md).

# Floating form

A floating form appears as a small button that stays visible on your page. When clicked, the button opens a popup, allowing users to fill out the form without navigating away from the current page.

### 🛠️ Steps

1\. In the app, click **Forms** > open the form you want to configure or you can create a new form

2\. Click **Appearance** icon on the left side > select **Layout** >  select **Float** 

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FUaxXouwP7W2MyFkNKCDC%2Fimage.png?alt=media&amp;token=b52d14c9-75a7-43dd-97cf-c0e3e47d774f" alt=""><figcaption></figcaption></figure>

3. Scroll down to below and change the settings for the floating form: select Floating Icon, add Floating text, select Position

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2F7YalKsKdMnf6EWNYTVLF%2Fimage.png?alt=media&amp;token=7ee41439-9701-4fcb-89a0-635d9b0369f7" alt=""><figcaption></figcaption></figure>

5\. Click **Save**

#### ✅ How It Works <a href="#how-it-works" id="how-it-works"></a>

After creating the form, you can add it to the online store. [Learn more](/~/revisions/KRfi0fHdeAFeAhiPrH7G/form-setup/display-a-form-on-shopify-front-store.md)

You should see a floating button/icon on the corner or side of the screen.

Click it — the form should open in a popup window, ready to fill out.