Skip to main content
All CollectionsWebForm Builder
How to Embed Your Form in an Existing Webpage
How to Embed Your Form in an Existing Webpage

This article walks through how to embed a form in a web page

Andrew Liebelt avatar
Written by Andrew Liebelt
Updated over a week ago

Now that you've created your form, you can embed the form directly onto any website. Doing this will still allow you to receive submissions in your GovOS Studio account. 

To Embed Your Form in an Existing Page 

Open your form in the editor and then click on Settings --> Embed Options.

From there you will see a place where you can "Click to See' the embed code and then you can copy and paste directly from there.

Additionally, we have a generic code that you can use and you just need to substitute the data here with your own.

  1. Use this code: 

<script>window.seamlessVariables = {url:"https://subdomain.seamlessdocs.com"};</script> <script type="text/javascript" src="https://subdomain.seamlessdocs.com/components/odoForms/js/embed-iframe/head.js"></script> <iframe class='seamlessdocsEmbededIframe' src="https://subdomain.seamlessdocs.com/f/formaliasembedded=true" width="100%" height="700px" frameborder="0" allowtransparency="true" sandbox="allow-modals allow-forms allow-scripts allow-same-origin allow-popups allow-top-navigation-by-user-activation"></iframe> <script type="text/javascript" src="https://subdomain.seamlessdocs.com/components/odoForms/js/embed-iframe/body.js"></script>

Please be sure to insert your Subdomain and your Form Alias. You can obtain your Form Alias, by:

  1. Select Settings and then choose Embed Options from the drop-down menu. 

  2. Once in the Embed Options modal, click and copy your Form Alias

Additionally in that same page you can copy and paste the code directly.

Place this code where ever you would like to display your embedded form and this will automatically generate an iFrame containing your form.

Did this answer your question?