Embedding Forms

Embedding Forms

Embed your Rowform directly into any website or web application. Choose from three embed styles to match your use case.

Accessing Embed Options

  1. Open your form in the Builder.
  2. Go to the Share tab.
  3. Scroll to the Embed section.

Embed Types

Standard Embed (iframe)

A fixed-height iframe that fits into your page content. Ideal for embedding forms within blog posts, landing pages, or help articles.

<iframe
  src="https://app.rowform.io/form/YOUR_FORM_ID"
  width="100%"
  height="600"
  frameborder="0"
></iframe>
  • Default height: 600px. Adjust as needed for your form length.
  • The form scrolls within the iframe.

Full-Page Embed

An iframe that takes up the entire browser viewport. Use this when the form is the main content of the page.

<iframe
  src="https://app.rowform.io/form/YOUR_FORM_ID"
  style="position:fixed;top:0;left:0;width:100%;height:100%;border:none;"
></iframe>

Modal Popup

A JavaScript-triggered popup that opens the form in an overlay. Great for feedback buttons, exit-intent surveys, or call-to-action triggers.

The Share tab provides a ready-to-copy JavaScript snippet. Add it to your site and trigger the modal with a button click or custom event.

How to Embed

  1. Choose your embed type from the Share tab.
  2. Click Copy Code to copy the embed snippet.
  3. Paste the code into your website's HTML where you want the form to appear.

Platform-Specific Instructions

WordPress

  1. Edit the page or post where you want the form.
  2. Add a Custom HTML block.
  3. Paste the embed code.
  4. Save and preview.

Webflow

  1. Drag an Embed element onto your page.
  2. Paste the embed code into the code editor.
  3. Save and publish.

Squarespace

  1. Add a Code Block to your page.
  2. Paste the embed code.
  3. Save.

HTML Sites

Paste the embed code directly into your HTML file where you want the form to appear.

Tips

  • Use the standard embed for most cases — it integrates naturally with page content.
  • Use the full-page embed for dedicated form pages or landing pages.
  • Use the modal popup for forms that shouldn't interrupt the main page experience.
  • Make sure the iframe height is tall enough for your form to avoid excessive scrolling.
  • Test the embed on mobile — iframe behavior can vary across devices.
Sharing & PublishingGoogle Sheets