# Embeed & customize shared form on your website

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

<figure><img src="https://1713720388-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIRMYKAUZ0NsaDRvNONC3%2Fuploads%2F6K9ZSEsKz1cPuUymWffF%2Fimage.png?alt=media&#x26;token=fb4319c9-ad10-49e9-b01f-d2c297411a4c" 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="https://1713720388-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIRMYKAUZ0NsaDRvNONC3%2Fuploads%2FQQynCw1iMi1H8ECoV8Dq%2Fimage.png?alt=media&#x26;token=916047a5-b8f5-49fc-a502-2466af84cd62" 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