Documentation is available in English.

Drupal Integration Guide

Complete guide to integrate MyFormConnect with Drupal

Setup time: 5-10 minutes
Difficulty: Easy
Compatible versions: Drupal 9, 10, 11

Add MyFormConnect forms to your Drupal website using Custom Blocks or the Full HTML text format. Perfect for contact forms, lead capture, and content submissions.

Prerequisites

  • A MyFormConnect account - Sign up here
  • A form created in your MyFormConnect dashboard with its UUID copied
  • Drupal admin access with content editing permissions
  • Permission to use Full HTML text format

Integration Methods

Custom Block (Recommended)

5 minutes Easy

Create a Custom Block with your MyFormConnect form that can be placed anywhere on your Drupal site.

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 Custom Block

Add a new Custom Block in Drupal.
  1. Go to Structure → Block layout → Custom block library
  2. Click Add custom block
  3. Select Basic block
  4. Enter a description (e.g. 'MyFormConnect Contact Form')
  5. In the Body field, switch text format to Full HTML
3

Add form code

Paste your MyFormConnect form HTML into the block body.
  1. Replace YOUR_FORM_UUID with your actual UUID
  2. Click Save
<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: #0074bd; color: white; border: none; cursor: pointer;">Send</button>
</form>
<script src="https://myformconnect.io/loader.js" data-client-id="YOUR_FORM_UUID"></script>
4

Place the block

Add the block to a region on your site.
  1. Go to Structure → Block layout
  2. Find the region where you want the form
  3. Click Place block
  4. Search for your block and click Place block
  5. Configure visibility settings if needed
  6. Click Save block
5

Test

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

Related Integrations

WordPress
Integration Guide →
Joomla
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