Publishing & Embedding Forms
Once your form is perfectly designed and ready to collect data, you need to get it in front of your audience. Mimo Forms offers several flexible ways to publish your forms, from direct sharing URLs to seamless website embeds.
Step 1: Get the Direct Sharing Link
The simplest way to share a form is by sending users a direct link to a standalone page hosted by Mimo Forms.
- Open your form in the Form Builder.
- Click the Publish button in the top right corner.
- In the modal that appears, look for the Direct Link section.
- Click the Copy button to copy the URL to your clipboard.
- You can now paste this link into emails, text messages, or social media posts!
[!TIP]
To make your links look more professional, you can customize the URL slug (e.g.,mimoforms.com/f/contact-us) via the Form Settings menu!
Step 2: Standard HTML iFrame Embed
If you want the form to appear directly on your own website, you can use our standard iframe snippet.
- After clicking Publish, navigate to the Embed tab in the modal.
- Under Standard HTML, click Copy Code.
- Open your website builder (like WordPress, Webflow, or Squarespace).
- Paste the HTML snippet into an "Embed", "HTML", or "Code" block on your page.
- The form will automatically adjust its height to fit the content!
Step 3: React / Next.js Component Embed
For modern web applications, we provide a clean, native-feeling React component implementation.
- In the Publish modal, switch to the React / Next.js tab.
- First, install our tiny wrapper package via npm:
npm install @mimoforms/react - Copy the provided JSX snippet.
- Import and render the component in your React application:
import { MimoForm } from '@mimoforms/react'; export default function ContactPage() { return ( <div className="container"> <h1>Contact Us</h1> <MimoForm formId="YOUR_FORM_ID" height="600px" /> </div> ); }
[!NOTE]
The React component ensures optimal loading speeds and handles resizing dynamic heights perfectly on mobile devices!
Can't find what you're looking for?
Our support team is always here to help you get the most out of Mimo Forms. Reach out to us anytime!
Contact Support