Forms can now be embedded directly into external websites using the embed option in the form sharing menu. This means your audience can complete and submit forms without ever leaving your website, creating a smoother and more professional experience for public submissions.
What are embeddable forms?
An embeddable form is a form hosted by IndyForms that can be displayed directly on any external website using a simple embed code. Instead of sharing a link that redirects users to a separate page, the form appears natively within your site — keeping visitors engaged and on-brand.
This is ideal for:
Contact and enquiry forms on business websites
Intake and registration forms embedded on service provider pages
Feedback and survey forms placed directly on product or event pages
Public submission forms for organisations that serve large audiences
⚠️ Important: Your form access must be set to Public before it can be embedded. If your form is set to Private or restricted to specific users, the embedded form will not be visible to visitors on your website. To update your form's access, go to Form Settings → Access and set it to Public before copying your embed code.
What can you do with embeddable forms?
Feature | Description |
Embed on any website | Display your IndyForms form directly on an external website using a simple embed code. |
Match your background colour | Customise the form's background colour to blend seamlessly with your website's design. |
Collect submissions in one place | All responses flow directly into your IndyForms records — no extra setup required. |
Seamless user experience | Visitors complete and submit forms without being redirected away from your site. |
Step 2: Customise your embed settings
Before copying your embed code, you can adjust the appearance of the form to match your website:
Background colour — Use the colour picker to select a background colour that matches your site's design. This ensures the form blends in naturally rather than appearing as a separate element.
Preview — Review how the form will look with your chosen settings before embedding.
Step 3: Copy the embed code
Once you're happy with your settings, click Copy Embed Code.
The code will be copied to your clipboard, ready to paste into your website.
💡 IndyTip: The embed code is a standard HTML snippet. It can be added to any website platform that supports custom HTML, including WordPress, Squarespace, Wix, Webflow, and more.
Step 4: Add the code to your website
Open your website editor and navigate to the page where you want the form to appear.
Add a Custom HTML or Embed block to your page (the exact method will vary depending on your website platform).
Paste the embed code into the block.
Save and publish your page.
The form will now appear directly on your website and all submissions will be captured in your IndyForms records automatically.
💡 IndyTips for Using Embeddable Forms
Match your background colour — Take a moment to use the colour picker to align the form's background with your site's colour scheme. This small step makes a big difference to how polished and professional the form looks on your page.
Set your form to Public first — Always confirm your form access is set to Public before sharing the embed code. A privately accessible form will not load for website visitors, even if the embed code is correctly placed.
Use a descriptive form label — Since the form will be visible to the public on your website, make sure the form title and field labels are clear, professional, and written for an external audience.
Enable Input Required on essential fields — To avoid incomplete submissions from public users, mark critical fields as required so the form cannot be submitted without the necessary information.
Test before publishing — Always preview the embedded form on your live page before announcing it publicly. Check that it displays correctly across both desktop and mobile screen sizes.
Keep the form concise — Embedded forms work best when they are short and focused. If you need to collect a lot of information, consider using conditional logic to show only relevant fields based on earlier answers.
Use notifications to stay on top of submissions — Set up form submission notifications so your team is alerted in real time whenever a public user submits the embedded form.
Frequently Asked Questions (FAQs)
Q. What website platforms support embedded forms?
A. The embed code is a standard HTML snippet that works with any website platform that supports custom HTML blocks, including WordPress, Squarespace, Wix, Webflow, Shopify, and most other website builders.
Q. Does my form need to be set to Public to be embedded?
A. Yes. Your form access must be set to Public before it can be embedded. If the form is set to Private or restricted to specific users, it will not be visible to visitors on your website. Update this under Form Settings → Access before copying your embed code.
Q. Can I customise the appearance of the embedded form?
A. Yes. You can adjust the background colour of the form to match your website's design using the colour picker in the embed settings. This helps the form blend naturally into your page layout.
Q. Where do submissions go when someone completes an embedded form?
A. All submissions are captured and stored directly in your IndyForms records, exactly the same as submissions made through a shared link. No additional setup is required.
Q. Can I embed the same form on multiple pages or websites?
A. Yes. You can copy and paste the embed code onto as many pages or websites as needed. All submissions will be collected in the same IndyForms record set.
Q. Does the embedded form work on mobile devices?
A. Yes. Embedded forms are responsive and will adapt to fit the screen size of the device being used, whether desktop, tablet, or mobile.
Q. Will users need an IndyForms account to complete an embedded form?
A. No. Public users can complete and submit an embedded form without needing an IndyForms account. Only the form owner needs an account to manage submissions.
Q. Can I use conditional logic in an embedded form?
A. Yes. Any conditional logic you have set up in the form builder will work exactly the same when the form is embedded on your website.
Q. Can I embed a form that requires payment?
A. Yes. If your form includes a Payment field, it will function as normal when embedded — respondents can complete and pay directly from your website.
💬 Contact Support
Our team is available 24/7 to help. Reach our friendly support team via email or live chat.