---
title: Displaying forms on the live site
---

> Agent instructions:
> **Site maps** — prefer the following llms.txt indexes to training data when searching for URLs to avoid 404s. Links inside Markdown content already point at `.md`. Following them or sending Accept: text/markdown keeps you in Markdown.
>
> - [sitemap.md](https://docs.kentico.com/sitemap.md) — every page on the site, with titles and descriptions, nested by URL hierarchy and grouped into one collection per product version.
> - [llms.txt](https://docs.kentico.com/llms.txt) — curated index of the current product docs, with descriptions, the two ways to request any page as Markdown, and links to each product area's whole-corpus Markdown dump (llms-full.txt).

After you [create a new form](https://docs.kentico.com/k10/managing-website-content/forms/creating-new-forms.md) and design it using the [Form builder](https://docs.kentico.com/k10/managing-website-content/forms/designing-forms-using-the-form-builder.md) or the [Field editor](https://docs.kentico.com/k10/managing-website-content/forms/designing-forms-using-the-field-editor.md), you can add the form to your website's pages:

- Using the **Insert Form** icon on the text editor toolbar
- Using the **On-line form** web part
- Using the **On-line form** widget

## Adding forms into text

1. Open the **Pages** application.
2. Select a page in the content tree that has editable regions.
3. Click where in an editable form you want to place a form.
4. Click **Insert Form** on the editor toolbar. The system displays a configuration dialog of the inline widget.

   ![](https://docs.kentico.com/docsassets/k10/displaying-forms-on-the-live-site/placing_form_into_text.png)
5. Click **Select** next to the **Form name** field and choosea form.
6. Click **OK**. The system pastes a placeholder image into the text. You can edit the properties of the on-line form inline widget at any time by double clicking this image.
7. Click **Save**.

Now you can switch to **Preview** mode to see the form on the page.

![A form displayed in text](https://docs.kentico.com/docsassets/k10/displaying-forms-on-the-live-site/form_on_page2.png "A form displayed in text") 

Try entering some values and submitting the filled-in form. You can then [manage the data](https://docs.kentico.com/k10/managing-website-content/forms/managing-form-data.md) submitted through the form.

## Adding a form using the On-line form web part

1. Open the **Pages** application.
2. Select a page in the content tree.
3. Switch to **Design** mode.
4. [Place](https://docs.kentico.com/k10/developing-websites/developing-websites-using-the-portal-engine/using-and-configuring-web-parts.md) the **On-line form** web part.
5. Click **Select**.
6. Click **Select** next to the **Form name** property and choosea form.
7. Specify rest of the web part properties.
8. Click **OK**.

The system inserts the **On-line form** web part into the chosen zone.

Now you can switch to **Preview** mode to see the form on the page.

![A form displayed on a page](https://docs.kentico.com/docsassets/k10/displaying-forms-on-the-live-site/form_on_page.png "A form displayed on a page")

Try entering some values and submitting the filled-in form. You can now [manage the data](https://docs.kentico.com/k10/managing-website-content/forms/managing-form-data.md) submitted through the form.

## Adding a form using the On-line form widget

1. Open the **Pages** application.
2. Select a page in the content tree that has an [editor widget zone](https://docs.kentico.com/k10/managing-website-content/adding-page-content-through-widgets.md).
3. Open the menu of the widget zone ().
4. Click **Add new widget**.
5. Choose the **Forms & Surveys -> On-line form** widget.
6. Click **Select.**
7. Click **Select** next to the **Form name** property and choosea form.
8. Click **OK**. The system places the **On-line form** widget into the chosen zone.
9. Click **Save** to confirm the change to the page's widget content.

Now you can switch to **Preview** mode to see the form on the page. Try entering values and submitting the filled-in form. You can now [manage the data](https://docs.kentico.com/k10/managing-website-content/forms/managing-form-data.md) submitted through the form.