Inline embed

Place a form directly on your website page

Use an inline embed when the form should sit naturally inside the page. It is a clear choice for contact pages, quote requests, bookings, event signups, and service enquiries.

Copy setup code Compare embed types

Inline

Installation

Add the inline embed to your website

Select your website type. The code and instructions update together.

HTML

HTML code

<div id="sfy-inline-YOUR_FORM_ID" data-sfy-inline-wrap="1" style="position:relative;width:800px;max-width:100%;min-width:0;height:600px;overflow:hidden;border:none;box-sizing:border-box;display:block;"></div>
<script
  src="https://api.smartformify.com/embed/inline.js?sig=YOUR_SIGNATURE"
  data-form-id="YOUR_FORM_ID"
  data-mode="inline"
  data-container-id="sfy-inline-YOUR_FORM_ID"
  data-width="800px"
  data-height="600px"
  data-scroll="inside"
  data-zoom-size="100"
  async
></script>

Paste the snippet where the form should appear or where its launcher should load. Replace YOUR_SIGNATURE and YOUR_FORM_ID with the values from SmartFormify.

Before you publish

Copy the code

Choose the website type above and copy the prepared snippet.

Replace the placeholders

Add the signature and form ID from the form's share settings.

Publish and test

Open the live page on desktop and mobile, then send one test response.

Practical guidance

Plan the embed before publishing

Choose a page position that supports the visitor’s task, then test the complete form on desktop and mobile.

What is an inline form embed?

An inline form embed places the form inside the page layout, usually between sections of content or beside supporting text. Visitors do not need to click a launcher, so this format works well when the form is a natural next step.

Where inline embed works best

Use inline forms on contact pages, quote request pages, event registration pages, booking pages, and landing pages where the visitor already understands why they should respond.

Inline embed setup tips

Place the form near the related offer or explanation. Keep the surrounding section uncluttered, choose a width that matches your page, and test the height on mobile so visitors can complete the form comfortably.