WordPress Integration Guide

Complete guide to integrate MyFormConnect with WordPress

Setup time: 5-10 minutes
Difficulty: Easy
Compatible versions: WordPress 5.0+

Add a MyFormConnect contact form to any WordPress page in minutes. Paste a small HTML snippet into a Custom HTML block — no plugin required. You can optionally include the MyFormConnect loader script for AJAX submission and validation, or keep it simple with a standard form POST.

Prerequisites

  • A MyFormConnect account — sign up here
  • A form created in your MyFormConnect dashboard with its UUID copied
  • Your site URL added to the allowed domains list in MyFormConnect
  • WordPress admin access (Editor role or higher)

Integration Methods

HTML + loader.js

5 minutes Easy

Paste a Custom HTML block directly into a WordPress page or post. Works in the Block Editor (Gutenberg) and Classic Editor. The loader.js script is optional — add it for AJAX submission and real-time validation; omit it for a plain HTML POST.

1

Copy your form UUID from MyFormConnect

You will need the unique UUID that MyFormConnect assigned to your form.
  1. Log in to your MyFormConnect dashboard
  2. Open the form you want to embed
  3. Copy the form UUID from the form URL or the form settings page (e.g. 550e8400-e29b-41d4-a716-446655440000)
Important Note
Each form has a unique UUID. Make sure you are using the correct one — using the wrong UUID will send submissions to the wrong form.
2

Add a Custom HTML block to your page

In the WordPress Block Editor, open the page where you want the form and add a Custom HTML block.
  1. Go to Pages → Add New or open an existing page
  2. Click the + block inserter and search for Custom HTML
  3. Select the Custom HTML block
  4. Paste the form code below, replacing YOUR_FORM_UUID with your actual UUID
<form action="https://myformconnect.io/f/YOUR_FORM_UUID" method="POST" data-mfc="true">
  <p>
    <label for="name">Name *</label><br>
    <input type="text" id="name" name="name" required>
  </p>
  <p>
    <label for="email">Email *</label><br>
    <input type="email" id="email" name="email" required>
  </p>
  <p>
    <label for="message">Message</label><br>
    <textarea id="message" name="message" rows="4"></textarea>
  </p>
  <button type="submit">Send Message</button>
</form>

<!-- Optional: add loader.js for AJAX submission and real-time validation -->
<!-- Remove the script tag below for a plain HTML form POST -->
<script src="https://myformconnect.io/loader.js" data-client-id="YOUR_FORM_UUID"></script>
Important Note
Replace both instances of YOUR_FORM_UUID with your actual form UUID. The data-mfc="true" attribute on the form tells the loader script which form to enhance.
3

Publish and test

Save the page and verify submissions are reaching your MyFormConnect dashboard.
  1. Click Publish (or Update if editing an existing page)
  2. Open the page in a new browser tab
  3. Fill in the form and click Submit
  4. Check your MyFormConnect dashboard under Leads or Form Responses to confirm the submission arrived
Important Note
If the form submits but nothing appears in MyFormConnect, confirm the site URL is added to your allowed domains list in the MyFormConnect dashboard.

Related Integrations

WooCommerce
Integration Guide →
PHP Sites
Integration Guide →
Drupal
Integration Guide →

References & Official Documentation

Next Steps

Configure MyFormConnect

  • Set up your timezone
  • Configure lead notifications
  • Set up advanced spam detection
  • Add team members to your account

Advanced Features

  • Use our custom form templates
  • Try AI Insights for Leads
  • Integrate with your CRM
  • Set up automated workflows

Need Help?

Our support team is here to help you with your integration.

Contact Support