WordPress Integration Guide
Complete guide to integrate MyFormCapture with WordPress
Setup time: 5-10 minutes
Difficulty: Easy
Compatible versions: WordPress 5.0+
Add a MyFormCapture 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 MyFormCapture loader script for AJAX submission and validation, or keep it simple with a standard form POST.
Prerequisites
- A MyFormCapture account — sign up here
- A form created in your MyFormCapture dashboard with its UUID copied
- Your site URL added to the allowed domains list in MyFormCapture
- 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 MyFormCapture
You will need the unique UUID that MyFormCapture assigned to your form.
- Log in to your MyFormCapture dashboard
- Open the form you want to embed
- 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.
- Go to Pages → Add New or open an existing page
- Click the + block inserter and search for Custom HTML
- Select the Custom HTML block
- Paste the form code below, replacing
YOUR_FORM_UUIDwith 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 MyFormCapture dashboard.
- Click Publish (or Update if editing an existing page)
- Open the page in a new browser tab
- Fill in the form and click Submit
- Check your MyFormCapture dashboard under Leads or Form Responses to confirm the submission arrived
Important Note
If the form submits but nothing appears in MyFormCapture, confirm the site URL is added to your allowed domains list in the MyFormCapture dashboard.
Related Integrations
References & Official Documentation
Next Steps
Configure MyFormCapture
- 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