# Change form’s layout

### 📝 Steps to change the form layout

1\. Open the app > click **Forms** > open the form you want to edit

2\. Click **Appearance** icon on the left side

3. Select a form layout you want
4. Click **Save**.

<figure><img src="/files/onwHTqZc51TeKJJEMtjW" alt=""><figcaption></figcaption></figure>

***

### 🧩 Layout options

#### Default (Inline)

* The form shows **directly on the page**, like normal content.
* Best for: Contact pages, landing pages, and simple forms.

<figure><img src="/files/IZ7TuALkq0ARTfLBThBM" alt=""><figcaption></figcaption></figure>

#### Boxed

* The form shows inside a **boxed card** (with padding and a clear container).
* Best for: Clean, modern look and better focus on the form.

<figure><img src="/files/VMl0I31iPGcFJn7MC8UN" alt=""><figcaption></figcaption></figure>

#### Float

* A floating button/icon appears on the page.
* When customers click it, the form opens.
* You can choose the button position (bottom right, bottom left, etc.).
* Best for: Always-available contact form without taking page space.

<figure><img src="/files/gPHMDTJW3EeJxguZrt8P" alt=""><figcaption></figcaption></figure>

#### Popup

* The form opens in a popup modal (center of the screen).
* You can set trigger conditions, like:
  * after scrolling
  * after a timer delay
  * exit intent (when visitor attempts to leave)
* Best for: Lead capture, promotions, email signup.

<figure><img src="/files/liCUK54nGEMKca4ocQ1p" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/wPix7mdSjksLQrcgmhvg" alt=""><figcaption></figcaption></figure>

***

#### Need More Help?

If you still need assistance, please contact us at [**support@powerfulform.com**](mailto:support@powerfulform.com). Our team will be happy to help you resolve any issues or guide you further.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.powerfulform.com/form-design/change-forms-layout.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.