Skip to main content

How to Add FormMaker to Your Wix Website

This guide will show you how to embed FormMaker into your Wix site using JavaScript and CSS. This setup allows for a smoother, iframe-free integration.

Note: Make sure you have admin access to your Wix account to complete these steps.

1. Log in to Your Wix Account​

  • Go to Wix.com and sign in with your credentials.
  • Access your dashboard to select the site you want to edit.

2. Open Your Website Editor​

  • In your Wix dashboard, find the website you want to edit.
  • Click Select & Edit Site to open the Wix Editor.

3. Choose the Page to Add FormMaker​

  • In the Wix Editor, use the Pages menu at the top to select the page where you want the form to appear.

4. Add an HTML Embed Element to the Page​

  • Click on the Add button (➕) on the left-hand menu.
  • Hover over Embed Code and select Embed HTML.

5. Place the HTML Embed Element on Your Page​

  • Drag the HTML Embed box to the spot on your page where you’d like FormMaker to display.
  • Adjust the box size as needed for a seamless look.

6. Enter the FormMaker JavaScript and CSS​

  • In the Enter Code window inside the HTML Embed box, paste the following code:

    <script type="module" src="https://formmaker.co.in/embed/formaker.js"></script>

    <div
        id="root"
        data-formid="667bdfcff60cbf6af104639a"
    ></div>

    <link rel="stylesheet" href="https://formmaker.co.in/embed/formaker.css">

Important: Replace 667bdfcff60cbf6af104639a with your unique FormMaker data-formid to load your specific form.

  • Click Apply to save your changes.

7. Adjust the HTML Embed Box Size (If Needed)​

  • Make sure the HTML Embed box is sized appropriately to display the FormMaker form without scrollbars.
  • You can resize the box by clicking and dragging its edges in the Wix Editor.

8. Preview and Publish Your Site​

  • Click on Preview at the top right to check how FormMaker looks on your page.
  • If everything looks good, click Publish to make the changes live on your website.

9. Test Your Embedded Form​

  • Visit your live website to ensure the FormMaker form is displayed and working as expected.
  • Interact with the form to confirm it captures data correctly.

Note: If you encounter display issues, double-check your Wix settings to ensure JavaScript is allowed and there are no restrictions blocking external scripts.