> 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/build-your-form/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.

### 🛠️ How to create a Floating form

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](/display-and-placement/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.

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2F6APGYKBTZd4TKGlPudw0%2F2025-12-12_15-41-04.png?alt=media&amp;token=91c31d31-1755-449e-83b0-a9890558eb0d" alt=""><figcaption></figcaption></figure>

***

#### Need More Help?

If you still need assistance, please contact us at <contact@globo.io>. Our team will be happy to help you resolve any issues or guide you further.