Skip to main content

How to Add FormMaker to Your WordPress Website

Follow these steps to embed FormMaker on your WordPress website without using an iframe.

Note: Make sure you have admin access to your WordPress site before beginning.

1. Log in to Your WordPress Dashboard​

Go to your WordPress login page, usually at http://yourwebsite.com/wp-login.php. Enter your username and password to access your dashboard.

2. Create or Edit a Page/Post​

  • In the dashboard, click on Pages or Posts on the left sidebar.
  • To create a new page/post, click Add New.
  • To add FormMaker to an existing page/post, click Edit next to the desired page/post.

3. Switch to the HTML Editor​

  • In the editor, select the Text or HTML tab (instead of Visual) to allow direct code insertion.

4. Add the FormMaker Embed Code​

Paste the following code where you want FormMaker to appear on your page or post:

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

<div
    id="root"
    data-formid="your-form-id"
></div>

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

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

Example:

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

5. Publish Your Page or Post​

  • Click on Preview to see how FormMaker appears on the page.
  • If it displays correctly, click Publish to make it live on your website.

6. Test the Form​

Visit the live version of your site to ensure the FormMaker is displaying and working as expected. Interact with the form to confirm it captures data accurately.

By following these steps, you’ll have FormMaker seamlessly embedded on your WordPress site, ensuring a responsive, iframe-free user experience across devices.