# Joomla Integration Guide

Complete guide to integrate MyFormCapture with Joomla

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

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

## ** Prerequisites

- ** A MyFormCapture account - [Sign up here](/users/sign_up)
- ** A form created in your MyFormCapture 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 MyFormCapture form that can be displayed in any module position.

                  1

#### Copy your form UUID

                    Get your form UUID from MyFormCapture dashboard.

1. Log in to your MyFormCapture 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. 'MyFormCapture Contact Form')

                  3

#### Add form code

                    Paste your MyFormCapture 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://myformcapture.com/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://myformcapture.com/loader.js" data-client-id="YOUR_FORM_UUID"></script>
```

                  4

#### Test

                    Verify submissions reach MyFormCapture.

1. Visit a page where the module appears
2. Fill out and submit the form
3. Check MyFormCapture dashboard under **Leads**

## ** Troubleshooting

              Ensure you clicked **Toggle Editor** to paste HTML. If using TinyMCE, it may strip code. Try disabling the editor for this module or use 'No Editor' in your user settings temporarily.

              Check: 1) Module **Status** is Published, 2) **Menu Assignment** includes the pages you're viewing, 3) The selected **Position** exists in your template, 4) Clear Joomla cache.

              Check: 1) Form UUID is correct, 2) Browser console for errors, 3) You're checking the right form in MyFormCapture dashboard.

              Use Toggle Editor mode when pasting. Alternatively, set your Text Editor to 'No Editor' temporarily: User Menu → Edit Account → Basic Settings → Editor.

#### Still having issues?

Can't find the answer you're looking for? Our support team is here to help with your integration.

          [** Contact Support](/support)

## ** Related Integrations

      [WordPress Integration Guide →](/docs/platforms/cms/wordpress)      [Drupal Integration Guide →](/docs/platforms/cms/drupal)      [PHP Sites Integration Guide →](/docs/platforms/cms/php)

## ** References & Official Documentation

- ** [Joomla Developer Documentation](https://docs.joomla.org/Portal:Developers) **
- ** [Joomla Extension Development](https://docs.joomla.org/Extension_Development) **
- ** [Joomla Template Development](https://docs.joomla.org/Portal:Template_Developers) **
- ** [Joomla API Documentation](https://api.joomla.org/) **

## ** 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