Documentation is available in English.

Joomla Integration Guide

Complete guide to integrate MyFormConnect with Joomla

Setup time: 5-10 minutes
Difficulty: Easy
Compatible versions: Joomla 4.x, 5.x

Add MyFormConnect forms to your Joomla website using Custom HTML modules or article content. Perfect for contact forms, lead capture, and user submissions.

Prerequisites

  • A MyFormConnect account - Sign up here
  • A form created in your MyFormConnect dashboard with its UUID copied
  • Joomla admin access
  • Permission to create modules

Integration Methods

Custom HTML Module (Recommended)

5 minutes Easy

Create a Custom HTML module with your MyFormConnect form that can be displayed in any module position.

1

Copy your form UUID

Get your form UUID from MyFormConnect dashboard.
  1. Log in to your MyFormConnect dashboard
  2. Open the form you want to use
  3. Copy the form UUID (e.g. 550e8400-e29b-41d4-a716-446655440000)
2

Create a new module

Add a Custom HTML module in Joomla.
  1. Go to Content → Site Modules
  2. Click New
  3. Select Custom HTML
  4. Enter a title (e.g. 'MyFormConnect Contact Form')
3

Add form code

Paste your MyFormConnect form HTML in the editor.
  1. Click the Toggle Editor button to view HTML
  2. Replace YOUR_FORM_UUID with your actual UUID
  3. Select a Position (e.g. sidebar-right, footer)
  4. Set Status to Published
  5. Configure Menu Assignment (which pages to show on)
  6. Click Save & Close
<form action="https://myformconnect.io/f/YOUR_FORM_UUID" method="POST" data-mfc="true">
  <div style="margin-bottom: 15px;">
    <label for="name">Name *</label><br>
    <input type="text" id="name" name="name" required style="width: 100%; padding: 8px; border: 1px solid #ccc;">
  </div>
  <div style="margin-bottom: 15px;">
    <label for="email">Email *</label><br>
    <input type="email" id="email" name="email" required style="width: 100%; padding: 8px; border: 1px solid #ccc;">
  </div>
  <div style="margin-bottom: 15px;">
    <label for="message">Message</label><br>
    <textarea id="message" name="message" rows="4" style="width: 100%; padding: 8px; border: 1px solid #ccc;"></textarea>
  </div>
  <button type="submit" style="padding: 10px 20px; background: #1c3d5a; color: white; border: none; cursor: pointer;">Send</button>
</form>
<script src="https://myformconnect.io/loader.js" data-client-id="YOUR_FORM_UUID"></script>
4

Test

Verify submissions reach MyFormConnect.
  1. Visit a page where the module appears
  2. Fill out and submit the form
  3. Check MyFormConnect dashboard under Leads

Related Integrations

WordPress
Integration Guide →
Drupal
Integration Guide →
PHP Sites
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