🧩Embed on your website
Put a Dapta Form inside your own website. Copy the snippet from the Embed dialog, paste it into WordPress, Webflow or plain HTML, and let the form resize itself so there is never an inner scrollbar.
Instead of sending people away to a Dapta link, you can run the form inside one of your own pages. The embed shows the same published form, collects the same submissions and triggers the same integrations.
Step 1: Open the form in the editor and click the Embed icon (the angle brackets) in the topbar, between Copy link and Open form.
Step 2: The dialog Embed this form on your site appears with a ready made snippet. Click Copy snippet. The button turns into Copied.
The snippet is two lines: an iframe that loads your form, and a small script that keeps its height correct.
?embed=1
Tells the form it is running inside a page, so it renders at the height of its content instead of filling a whole screen.
data-dapta-forms
The mark the script looks for. Keep it, or the height will not adjust.
title
The form name, read out by screen readers. Change it if you want different wording.
width:100%
The form takes the width of whatever you put it in, so it stays responsive.
min-height:480px
The height it starts at, before the script takes over.
embed.js
Listens for the height the form reports and resizes the frame to match. One copy of the script handles every form on the page.
Step 3: Paste the snippet into your page, wherever the form should appear.
WordPress: edit the page, add a Custom HTML block and paste the snippet inside it. In the classic editor, switch from Visual to Text first.
Webflow: drag an Embed element onto the canvas, paste the snippet into the code editor and publish the site.
Plain HTML, or any other builder: paste it into the body of your page, inside the container that should hold the form.
If your builder splits code into "head" and "body" boxes, both lines can go in the body box, one after the other.
Step 4: Load the page and answer the first question to check it. The form should sit flush inside your layout with no scrollbar of its own.
The height takes care of itself
Questions are not all the same size: a four option question is taller than a single email field. Every time the content changes, the form reports its new height and embed.js resizes the frame, so the page grows and shrinks with it and the visitor never scrolls inside a box.
Only that number crosses between your page and the form. Answers stay inside the form and go straight to Dapta.
The frame is fluid, so a narrow column gets a narrow form:
💡 Tip: You can embed several forms on one page. Add the
iframeline for each of them and keep a singleembed.jsline: each frame is resized on its own.
Good to know
The embed always shows the published version. Edits you have not published yet stay in your draft.
Submissions from an embed are ordinary submissions: same Submissions table, same Analytics, same integrations and emails.
If you turn a cover screen on, it shows inside the embed too. For a form that has to feel like part of the page, leave the cover off and start on the first question.
A redirect set on the ending screen navigates the frame, not the page around it.
What's next
Your public link: the plain link, for emails, chats and buttons.
Cover screen & banner: decide what the first screen shows.
Tracking & pixels: measure the embedded form alongside the rest of your site.
Analytics: views, starts and drop-off, wherever the form is running.
Last updated