Embedding a form lets you place a Slate form on an external webpage. The form builder supports two embed types: Simple Embed and Dynamic Embed.
Both embed types use script tags to add the form to the host page's document object model (DOM). The embedded form can use CSS from the host page, validate fields and addresses, and submit data back to Slate. Neither embed type uses document.write.
📝 Only one Slate form can be embedded on a single webpage.
Choosing an embed type
Choose the embed type based on whether the embedded form needs to support pre-filling, query string parameters, or dynamic script loading.
Simple Embed
Use Simple Embed only when the form does not need pre-filled values, query string parameters, or dynamic script loading.
Dynamic Embed
Use Dynamic Embed when the form needs to support pre-filled values, query string parameters, or dynamic script loading.
📖 Prepopulating or Prefilling Forms Using Query String Parameters
Embedding a form on a webpage
Go to Forms.
Open the form.
Select Edit Form.
Select Embed Form, and then select Simple Embed or Dynamic Embed.
Paste the copied code into the external webpage where the form should appear.
🎨 Styling issues
Embedded forms and the host webpage can occasionally have conflicting CSS. If the embedded form does not appear as expected, work with whoever maintains the website to adjust the host page's CSS.