Search help articles, tutorials, features, and guides...

Embed basics in Kiwiform

Learn how embedding works in Kiwiform and how to add your form to any website using Universal Embed. Kiwiform, a free Typeform alternative, makes it simple to display responsive forms directly inside your pages for better engagement and higher conversions.

What Is Embedding?

Embedding means adding your form inside your website using a small piece of code.

Instead of sending visitors to a separate share link, the form loads directly within your page layout.

This helps you:

  • Keep visitors on your site

  • Maintain brand consistency

  • Increase completion rates

  • Reduce drop-offs


How Kiwiform Embedding Works

Kiwiform uses Universal Embed (custom embed script).

When you copy the embed code, it loads your form dynamically using a secure script.
You simply paste this code into your website’s HTML section.

Once embedded:

  • Any changes made in Kiwiform automatically update

  • No need to replace the code again

  • Your form stays synced


Where to Find Embed Options

To access embed settings:

  1. Open your form

  2. Click Share

  3. Select Embed Form in Web page

From there, you can:

  • Create a new embed

  • Customize layout

  • Adjust display settings

  • Choose platform-specific instructions


Embed Modes Explained

Kiwiform provides different display styles depending on how you want your form to appear.

1. Inline Embed

Displays your form directly inside the content area of your website.

Best for:

  • Contact pages

  • Landing pages

  • Product pages


2. Popup / Modal Embed

Opens the form in a popup overlay.

Best for:

  • Newsletter signups

  • Exit intent offers

  • Lead capture campaigns


3. Full Width Section

Loads your form inside a dedicated section of your page.

Best for:

  • Long surveys

  • Application forms

  • Campaign pages


Customization Options

Inside the Embed Design panel, you can adjust:

Width

  • Set to 100% for responsive layouts (recommended)

  • Or define fixed width in pixels

Height

  • Auto (recommended for most cases)

  • Fixed height if needed

Full Screen on Mobile
Optimizes the experience for smaller screens.

Hide Headers
Removes extra spacing if you want tighter integration.

Background Transparency
Blend your form with your website background.

These options help your form match your site design perfectly.


Creating Multiple Embeds

You can create multiple embed versions of the same form.

This is useful if:

  • You want different layouts for different pages

  • You need separate styling for mobile and desktop

  • You’re testing different placements

Each embed can have its own configuration without affecting the main form.


Why Embedding Matters

When users stay on your website:

  • Trust increases

  • Friction decreases

  • Completion rates improve

As a free Typeform alternative, Kiwiform combines beautiful form design with flexible embedding options, without plugins or complicated setup.


Best Practices for Better Conversions

To get the best results:

  • Use 100% width for responsiveness

  • Place forms above the fold when possible

  • Add a clear headline above your form

  • Avoid embedding inside hidden tabs or accordions

  • Test on both desktop and mobile

Embedding improves performance when the form is clearly visible and easy to complete.


Summary

Embedding allows you to display your Kiwiform directly inside your website using Universal Embed. It’s responsive, customizable, and updates automatically. For platform-specific instructions, visit the relevant embed guide in the Sharing & Embeds section.