← Help Center

Embed Your Deformity

Embedding lets visitors fill out your form without leaving your site. No coding knowledge is required. You can simply copy the snippet from the Share menu and paste it into your page.


How to Embed

  1. Open your form and click the Share button.
  2. Select the Embed tab.
  3. Pick one of the four styles: Inline, Full page, Popover, or Banner.
  4. Embed options
  5. Copy the automatically generated code snippet.
  6. Paste the snippet into your website’s HTML within the body tag.

Inline

The Inline option is to be embedded anywhere within any site. It can take on any size that best fits your website.

You can adjust width and height values to control the frame size.

Inline embed options

Full Page

This generates a complete full page, and can be used as an entire website, if wanted.

Remember to edit the <title> and other meta tags to match your site as needed.

Full page embed options

Popover

The Popover resembles a modern website chatbot. It is a small, round widget that goes in the bottom-right corner of your site. You can customize its appearance, including the button color, icon color, and icon style, to match your brand.

Popover embed options

Hidden Values  &  Prefilled Answers

You can customize any embed by adding query parameters for Hidden Values and hash parameters for Prefilled Answers.

  • Inline or Full Page:
    <iframe src="https://deformity.ai/d/deformityId?campaign=Q1#email=jane@example.com" class="deformity-embed" style="width:100%;border:0;height:600px;" loading="lazy" allow="microphone"></iframe>
  • Popover:
    <script defer src="https://deformity.ai/api/widget?variant=popoverid=deformityId&campaign=Q1#email=jane@example.com"></script>
  • Banner:
    <script defer src="https://deformity.ai/api/widget?variant=bannerid=deformityId&campaign=Q1#email=jane@example.com"></script>