Getting Started

Embedding

Formulate forms are typically accessed by linking to them, where the form takes up the entire browser window. You can also embed a form within another page, like this one here:

To do this with your own forms, take a form's Share URL and put it in an iframe, like so:

<iframe frameborder="0" 
        marginheight="0" 
        marginwidth="0" 
        title="<FORM_TITLE>" 
        width="100%" 
        height="600" 
        src="https://formulate.dev/f/<FORM_ID>">
</iframe>

Remember to adjust the width and height of the iframe to suit the page you're embedding it in. You can also disable scrolling using the scrolling directive. All possible iframe options are documented here.

Note that when a form is re-published, it can take up to 3 hours for the updates to show up on embedded forms due to CDN caching and CORS.