> For the complete documentation index, see [llms.txt](https://docs.documentero.com/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.documentero.com/documentation/forms/shared-forms/embeed-and-customize-shared-form-on-your-website.md).

# Embeed & customize shared form on your website

You can embeed shared form that can generate documents directly on your website.

<figure><img src="/files/6eLKPZhg5dEuA8GUAbfz" alt="" width="275"><figcaption></figcaption></figure>

* Upload document template
* Configure & customize form to your needs
* Share your form (you will get public form url)
* Go to shared form configuration
* Copy HTML snipped (Iframe)
* Paste HTML snippet to your website

<figure><img src="/files/AGEj8kM5AxrRmhn1DQQa" alt="" width="375"><figcaption></figcaption></figure>

**Customization options**

You can customize how embeeded form look like on your website by adding extra parameters to your iframe snippet url.

**Basic snippet URL:**

```
<iframe src="https://app.documentero.com/form/53CW0Hn9mZm8Ufui6fbP" frameborder="0" height="600px" width="100%"></iframe>
```

URL: <https://app.documentero.com/form/53CW0Hn9mZm8Ufui6fbP>

**Snippet URL with all styling properties:**

```
<iframe src="https://app.documentero.com/form/53CW0Hn9mZm8Ufui6fbP#dark=false&wrapper=false&header=false&background=#c7c4bf&corners=10&color=#0000FF" frameborder="0" height="600px" width="100%"></iframe>
```

URL:<https://app.documentero.com/form/53CW0Hn9mZm8Ufui6fbP#dark=false&wrapper=false&header=false&background=#c7c4bf&corners=10&color=#0000FF>

Parameters:

* **dark** \[false | true] - default: false | Dark mode for input fields
* **wrapper** \[false | true] - default: true | Show/Hide wrapper, border and additional padding
* **header** \[false | true] - default: true | Show/Hide header with logo and title of the form
* **background** \[default | transparent | color] - default: default | Changes form background color
* **corners** \[default | transparent | color] - default: default (3px) | Controls rounder corners. 0 disables rounded corners
* **color** \[default | color] - default: default (blue) | Controls primary color for buttons, interface elements and headers