> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

<AgentInstructions>

## Submitting Feedback

If you encounter incorrect, outdated, or confusing documentation on this page, submit feedback:

POST https://help.kajabi.com/feedback

```json
{
  "path": "/articles/website/pages/how-to-add-a-form-to-your-page",
  "feedback": "Description of the issue"
}
```

Only submit feedback when you have something specific and actionable to report.

</AgentInstructions>

# Add a form to a page

> Learn to add a Form to your pages built with Kajabi to grow your list.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/nijlzet77b" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

<Note>
  **Note:** This guide refers to the latest page editor available with the Website Builder and Kajabi Pages. If you are using the Premier Legacy Templates, please refer to the guide [here](/articles/website/pages/how-to-add-a-form-to-your-page-with-premier).
</Note>

***

## What is a form?

On Kajabi, Forms can be used to perform various actions, including:

* Subscribing someone to an [email sequence](../../marketing/email-campaigns/create-an-email-sequence)
* [Granting an offer](../../sales/offers/how-to-grant-an-offer)
* Registering a person to an [event](../../marketing/events/event-overview)
* [Segmenting](../../contacts/manage-your-contacts/segment-your-contacts) subscribers based on which forms they have filled out

Adding a Form Block to your page will display your selected Form on your page. Try adding a Form to your page that fits your business vision.

[Learn to create and customize Forms with Kajabi](../../marketing/forms/create-and-build-your-form)

***

## Adding a form block

* Open the **Website** tab from the Dashboard
* Select either **Website Pages** or **Landing Pages**
* Open the page editor for your Page. [Learn more](/articles/website/pages/how-to-get-to-the-page-editor)
* Click the Section you want to edit or [create a new Section](/articles/website/pages/add-sections-to-your-pages)
* In the sidebar, click **Add Content**
* From the list, select **Form**
* Your newly created Form Block will generate at the bottom of the Section
* Select your Form from the dropdown to populate in the Block. Don't have a Form? [Learn to build a Form](../../marketing/forms/create-and-build-your-form)
* Click **Save** to keep your changes:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/aupkixt0gs" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## Customizing your form block

In a Form Block, configure the [Block Width](/articles/website/pages/how-to-customize-the-block-width), select the Form used, configure the Thank You Page, edit the Text, add a Disclaimer to your Form, and customize the Form Block Settings.

### Select the form

To select a Form from the dropdown, you must first [create a Form](../../marketing/forms/create-and-build-your-form) in your Marketing tab.

Click **Edit Forms** to edit and create a Form:

<img src="https://mintcdn.com/kajabi-support/VkTxgCuL_efk5MYH/articles/images/030601c2_upload_3823941710273194206.png?fit=max&auto=format&n=VkTxgCuL_efk5MYH&q=85&s=8734edf1ea79f505234f90818589e826" alt="FEC54D65-E238-495E-8F05-DD0918B49289_4_5005_c.jpeg" width="964" height="278" data-path="articles/images/030601c2_upload_3823941710273194206.png" />

### Thank you page

Set up the the action triggered after the Form is submitted from the page:

* Go to a Landing Page
* Go to a Checkout Page
* Download a File
* Go to a URL (be sure to use the full URL - for example, [https://kajabi.com/](https://kajabi.com/))

<Note>
  **Note:** Leave this blank to send your Form Submitters to the [standard website Thank You Page](/articles/website/pages/how-to-build-your-thank-you-page) or to the specified Thank You Page set up in the [After Submissions settings](../../marketing/forms/how-to-use-the-after-submission-settings-in-forms) of the Form Editor. Selecting the Thank You Page from this dropdown will override the standard website Thank You Page and the After Submission Form settings Thank You Page.
</Note>

### Text

Customize your message above the Form fields by editing the Text in the Block. Here, you can enter your custom Text and replace "Join the Newsletter" on your Form when adding your Form to a Block on your page:

<img src="https://mintcdn.com/kajabi-support/PSl7XzyvfgSe-sdv/articles/images/3a82fb4b_17043877714587.png?fit=max&auto=format&n=PSl7XzyvfgSe-sdv&q=85&s=8a7629090b86785f1ade6dd1c0212378" alt="7E614945-4A1E-4995-8478-D6D7C965073B.png" width="1920" height="1080" data-path="articles/images/3a82fb4b_17043877714587.png" />

<Tip>
  **Tip:** [Utilize the Text Editor](../../marketing/email-campaigns/can-i-make-the-text-box-larger-when-editing) to easily add your text content to your Form Block.
</Tip>

### Disclaimer text

Under GDPR, a contact must be informed that their data will be stored and used by a company when they're submitting it.

The Disclaimer Text feature helps you add clear and plain language to inform your visitors that submitting the Form will subscribe them to your Marketing Emails. This feature ultimately helps you on your path to GDPR compliance. Learn more about [GDPR and data collection](../../marketing/email-campaigns/how-kajabi-helps-you-with-privacy-regulations).

<img src="https://mintcdn.com/kajabi-support/lKMXoaEC38-vIpmO/articles/images/05d86d52_17043908693787.png?fit=max&auto=format&n=lKMXoaEC38-vIpmO&q=85&s=76c10717ddf9337009ef0c6abcf76256" alt="2D8BF1D2-5DD1-47CD-AC38-43D167DC7C75.png" width="1920" height="1080" data-path="articles/images/05d86d52_17043908693787.png" />

*Disclaimer: Kajabi and any of its employees, contractors, or attorneys participating in providing the information contained in this Article or elsewhere on our website expressly disclaim any warranty.*

***

## Input label

Choose to display **Placeholder** text inside your Form fields:

<img src="https://mintcdn.com/kajabi-support/ozJszuNKO84dmc_i/articles/images/4441c7fa_17043933981083.png?fit=max&auto=format&n=ozJszuNKO84dmc_i&q=85&s=2f34f6c3bccf73b7563857a7ad26030b" alt="4623706E-1B73-47BC-BE1F-AB6DA15B66F0.png" width="1920" height="1080" data-path="articles/images/4441c7fa_17043933981083.png" />

Choose to display **Labels** above each Form field:

<img src="https://mintcdn.com/kajabi-support/Y1eeDSTkyoCb85Eu/articles/images/a1ec2c27_17043917181595.png?fit=max&auto=format&n=Y1eeDSTkyoCb85Eu&q=85&s=c01e7d4018b95635b30021e01be86bbe" alt="2D839FB5-387F-4A25-8D88-9822597C8B0F.png" width="1920" height="1080" data-path="articles/images/a1ec2c27_17043917181595.png" />

### Make form inline

Check **Make Form Inline** to give the form a horizontal layout on larger devices:

<img src="https://mintcdn.com/kajabi-support/bZNMdsaL_lttmKcY/articles/images/7ca405ff_upload_2924814415756488958.png?fit=max&auto=format&n=bZNMdsaL_lttmKcY&q=85&s=ab04df31bc5df332bd9a4ce1140a90e6" alt="E65E54CF-01DD-4445-B679-04FD7C67A957_4_5005_c.jpeg" width="1294" height="928" data-path="articles/images/7ca405ff_upload_2924814415756488958.png" />

***

## Block settings

To adjust the look and feel of the Block, configure your Block Settings by customizing the:

* Button
* [Background](/articles/website/pages/customizing-block-background-settings)
* [Desktop and Mobile Layout](/articles/website/pages/customizing-block-layout-settings)
* [Animations](/articles/website/pages/customizing-block-animations)
* [Time Reveal](/articles/website/pages/customizing-time-reveal-settings)

### Button

Similar to the [Call to Action Block Settings](/articles/website/pages/how-to-add-a-call-to-action-block-to-your-website-page-and-landing-page#customizing-your-call-to-action-block), customize the appearance of your Form Submission Button by editing the text, background color, text color, width, style, size, and radius.

Form button:

<img src="https://mintcdn.com/kajabi-support/ozJszuNKO84dmc_i/articles/images/42cb6325_17044043611547.png?fit=max&auto=format&n=ozJszuNKO84dmc_i&q=85&s=6099b06a3215d8e2f99140e175317bea" alt="8DED9A3D-6E5F-4E50-A714-3AE72DF6BC2B.png" width="1920" height="1080" data-path="articles/images/42cb6325_17044043611547.png" />

#### Button background color

Click the **Button background color** to select a color from your site color palette.

If you prefer to use a custom color, click the color wheel and then either enter your RGB color code or use the sliders to choose your color.

* The **square box** allows you to adjust the brightness and saturation of your color
* The **horizontal rainbow bar** allows you to select the hue
* The **horizontal gradient bar** allows you to select the opacity of your color

#### Button text color

Complement your Button Background Color with a different Button Text Color.

<Note>
  **Note:** The Button Text Color is for [solid buttons](/articles/website/pages/how-to-add-a-call-to-action-block-to-your-website-page-and-landing-page) only.
</Note>

Click the **Button Text Color** to select a color from your site color palette.

If you prefer to use a custom color, click the color wheel and then either enter your RGB color code or use the sliders to choose your color.

* The **vertical bar** allows you to select the hue
* The **square box** allows you to adjust the brightness
* The **horizontal bar** allows you to select the opacity of your color

#### Button width

Adjust the width of your Button:

* Full: fill the width of the button area
* Auto: automatically adjust the width to fit the text

#### Button style

Change the style of the Button to display:

* Solid colored button
* Outline of your Button Background Color

#### Button size

Adjust the size of your Call to Action Button:

* Small
* Medium
* Large

Changing the size of your Call to Action will change both the button background and text size.

#### Border radius

Customize your Call to Action Border to appear more rounded or squared.
