After creating and customizing your form, embedding it on your website is quick and straightforward.
Here’s how:
Step 1: Access the embed options
There are two ways to open the embed options for your form:
Option 1. From the dashboard:
In your Formaloo dashboard, find the form you want to embed.
Click on the Embed button next to that form. This will open the Embed panel, where you can see the form’s public link and various embedding options.
Option 2. From the form editor:
Open your form in the Form Editor.
At the top of the editor, click the Share button, then select the Embed section. This will bring up the same Embed panel with your form’s link and embedding options.
From here, you can choose how you want to embed the form into your site and access the code for the embed method you prefer.
Step 2: Choose your embedding method
In the embed panel, choose the method that fits your website experience best:
1. Embedded link (public URL)
Use this when you want the form to open on its own page (for example, from a “Book a demo” button).
Copy the public link
Paste it as a hyperlink on your website
2. Iframe embed
Use this when you want the form to appear directly inside a specific section of your page.
Set a width and height (a common default is width
100%with a height that fits your form)Click Get code
Copy the iframe snippet and paste it into your website’s HTML/embed block
3. Script embed
Use this when you want a lightweight embed that updates automatically as you edit the form.
Click the Script tab
Adjust size if needed
Click Get code
Paste the script snippet into your website’s HTML/embed block
4. Chatbot embed
Use this when you want a floating, chat-style widget (great for lead capture and quick questions).
Click the Chatbot tab
Click Get code
Paste the snippet into your website (many sites place it in a global footer so it loads across pages)
Step 3: Copy and paste the code into your website
Select your preferred method, copy the code, and paste it into your website’s HTML where you want the form to appear.
💡 Tip: After embedding your form, it’s a good idea to test it on your actual website to make sure it displays correctly and the sizing fits your layout.
Open your page in a web browser (on both desktop and mobile, if applicable) and check that the form is fully visible and looks good. If the form is cut off or has scroll bars, you may need to go back and adjust the width or height values in your embed code for a better fit.