Documentation is available in English.

Carrd Integration Guide

Complete guide to integrate MyFormCapture with Carrd

Setup time: 5 minutes
Difficulty: Easy
Compatible versions: Carrd Pro (Embed / Code element)

Add a MyFormCapture form to your Carrd one-pager using the Embed or Code element. Ideal for contact and lead-capture forms on landing pages.

Prerequisites

  • A MyFormCapture account - Sign up here
  • A form created in your MyFormCapture dashboard with its UUID copied
  • A Carrd site with access to the Embed or Code element (Pro features)

Integration Methods

Embed / Code Element (Recommended)

5 minutes Easy

Paste a standard HTML form into Carrd's Embed or Code element. Submissions go to MyFormCapture.

1

Copy your form UUID

Get your form UUID from the 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

Add an Embed or Code element

Insert an element where the form should appear.
  1. Open your site in the Carrd editor
  2. Click + to add an element
  3. Choose Embed or Code
  4. Place it on the page where you want the form
Important Note
Embed/Code elements require a Carrd Pro plan.
3

Paste the form HTML

Add your MyFormCapture form markup.
  1. Paste the code into the Embed/Code element
  2. Replace both instances of YOUR_FORM_UUID with your form UUID
  3. Save the element and publish your site
<div style="max-width: 480px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
  <form action="https://myformcapture.com/f/YOUR_FORM_UUID" method="POST" data-mfc="true">
    <div style="margin-bottom: 12px;">
      <label for="name" style="display: block; margin-bottom: 4px; font-weight: 500;">Name *</label>
      <input type="text" id="name" name="name" required style="width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box;">
    </div>
    <div style="margin-bottom: 12px;">
      <label for="email" style="display: block; margin-bottom: 4px; font-weight: 500;">Email *</label>
      <input type="email" id="email" name="email" required style="width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box;">
    </div>
    <div style="margin-bottom: 12px;">
      <label for="message" style="display: block; margin-bottom: 4px; font-weight: 500;">Message</label>
      <textarea id="message" name="message" rows="4" style="width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box;"></textarea>
    </div>
    <button type="submit" style="width: 100%; padding: 12px; background: #3b82f6; color: white; border: none; border-radius: 4px; font-weight: 500; cursor: pointer;">Send Message</button>
  </form>
  <script src="https://myformcapture.com/loader.js" data-client-id="YOUR_FORM_UUID"></script>
</div>
Important Note
Adjust inline styles to match your Carrd theme colors.
4

Test

Confirm submissions reach MyFormCapture.
  1. Open your published Carrd site
  2. Fill out and submit the form
  3. Check MyFormCapture dashboard under Leads

Related Integrations

Wix
Integration Guide →
Webflow
Integration Guide →
Static Sites
Integration Guide →

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

Need Help?

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

Contact Support