Skip to main content

How to Embed a Form in Storydoc

You can embed any external form directly into your Storydoc. The Form option in the embedded tools menu is simply the easiest way to do it.

Jack avatar
Written by Jack
Updated over a week ago

1. Open the Embedded Tools Menu

  1. In your Storydoc editor, click the Embed icon (</>) from the right-hand toolbar.

  2. Select Form from the pop-up menu.

2. Get Your Embed Code

  • In your form platform (e.g., Typeform, Google Forms, HubSpot), locate the Embed or HTML option.

  • Copy the complete HTML code snippet provided.

3. Paste the Embed Code in Storydoc

  1. In the Form embed window, switch to the Code tab.

  2. Paste your HTML snippet.

  3. Example (Google Forms):

    <div data-tf-widget="EoejTiod" data-tf-opacity="100" data-tf-iframe-props="title=My typeform" data-tf-transitive-search-params data-tf-medium="snippet" style="width:100%;height:500px;"></div><script src="//embed.typeform.com/next/embed.js"></script>

4. Adjust and Preview

  • Keep width at 100% for best fit.

  • Change the height value if the form is cut off or has extra space.

  • Click Preview to test how the form looks and functions.

Notes:

  • Some providers block embeds on external sites. If the form doesn’t load, check their embed permissions.

Did this answer your question?