Embedding a form lets you display a Slate form directly on an external webpage. The form builder supports two embed types — simple and dynamic — which differ in their support for pre-filling and dynamic script loading.

Both methods use script tags to inject the form into the hosting page's document object model (DOM), enabling the form to receive all of the CSS styles from the hosting page. Both methods insert the form through AJAX-friendly methods (that is, no "document.write" is used), and both methods provide field validation, address validation, and submit the data back into Slate.

The difference between the embed types has to do with the capabilities of pre-filling the form and passing query string parameters into it, as well as with adding the form through dynamic script. If you're absolutely sure you won't need these capabilities, select Simple Embed. Otherwise, select Dynamic Embed.

⚠️ Critical Note:

Only one Slate form can be embedded on a single webpage.

How to embed a form on a webpage

1. Select Forms in the top navigation bar.

2. Select Edit Form

3. Select Embed Form, and then choose the embed type

   

4. Paste the copied code to the desired webpage(s)

🎨 Encountering styling issues?

While rare, sometimes embedded forms and your host web page may have conflicting CSS that causes unusual or undesirable styling to your form or webpage. If you believe that something is preventing your embedded form from displaying accurately, you should reach out to whoever maintains your website to modify your web page's CSS.