# Umbraco forms

The Umbraco Form widget, gives you the ability to add a custom form to your site. It is important to note that a custom form needs to have been made using Umbraco Forms before this widget can be used.

You can create a form by navigating to the Forms section in the top menu of your backoffice. 

{% hint style="info" %}
For more information on how to work with Umbraco Forms, see [Umbraco Forms documentation ](https://our.umbraco.com/documentation/add-ons/umbracoforms/)
{% endhint %}

Make sure to check the "Disable default stylesheet" in the form settings. 

## Widget

![](https://1747244357-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MN83_a4SxUzhnC6dsXE%2F-MNe7CM9_5WHeUjTDOSg%2F-MNe9AWc4GI4iBvWNkCa%2Fimage.png?alt=media\&token=402352a9-008b-4bf2-84d9-67b0da39af18)

## Content

![](https://1747244357-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MN83_a4SxUzhnC6dsXE%2F-MNe7CM9_5WHeUjTDOSg%2F-MNeABmN6cCQbin1gMvU%2Fimage.png?alt=media\&token=56e6780b-c2a2-4d45-8b71-28c7ebfc441a)

* Pre Heading
* Heading
* Text
* Form

## Settings

![](https://1747244357-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MN83_a4SxUzhnC6dsXE%2F-MNe7CM9_5WHeUjTDOSg%2F-MNeAJFyzhMe0uo0otq7%2Fimage.png?alt=media\&token=e99c7753-5017-41b0-a7fc-95007d1b4367)

* Background Image
* Background Color
* Text Color
* Container Width