Embeed & customize shared form on your website

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

  • 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

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

Last updated