Tutorial

How to embed a FormKlar form on your website

Embedding keeps visitors on your pages while you still collect structured leads. Here is the practical path from blank form to live embed.

Why embed instead of a bare link?

A raw public link works, but embedding keeps the experience on your domain and next to your offer copy.

What you will use

FormKlar public form URL + iframe/HTML embed + inbox. Optional: email notify, API, Pro webhook.

Sign in to FormKlar with Google and create a form for the job — contact, waitlist, feedback, or demo request. Add only the fields you need so people finish.

Save the form, then open the Embed panel. Copy the iframe snippet (or HTML button/link variants) FormKlar provides for that form’s public URL.

Paste the snippet into your site builder: WordPress Custom HTML, Shopify custom section, Webflow embed, or a static HTML page. Publish the page.

Submit a test entry yourself. Confirm it appears in the form’s inbox and that email notifications fire if you enabled them.

When you outgrow Free’s three-form limit or need webhooks into other systems, upgrade to Pro ($9/mo or $90/yr) for unlimited forms, webhooks, and white-label branding.

Related reading

Embeddable forms overview

Product capability summary for website embeds.

Capture UTM with hidden fields

If campaign links include query params.

Connect a webhook

When another system should receive every submit.

Checklist

1

Create & field the form

Keep it short.

2

Copy embed snippet

From the Embed tab.

3

Paste, publish, test

Verify inbox + email.

FAQ

Does embedding require code skills?

You need a place that accepts HTML/iframe. No custom JavaScript SDK required for the basic path.

Can I style the form?

Themes and (on Pro) logo/cover controls help the form match your brand.

Where next?

See pricing if you need webhooks or more than three forms.

Embed your form free

Google sign-in · live in minutes

Start free