# Carrd Integration Guide

Complete guide to integrate MyFormConnect with Carrd

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

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

## ** Prerequisites

- ** A MyFormConnect account - [Sign up here](/users/sign_up)
- ** A form created in your MyFormConnect 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 MyFormConnect.

                  1

#### Copy your form UUID

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

#### 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 MyFormConnect 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://myformconnect.io/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://myformconnect.io/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 MyFormConnect.

1. Open your published Carrd site
2. Fill out and submit the form
3. Check MyFormConnect dashboard under **Leads**

## ** Troubleshooting

              Embed/Code requires Carrd Pro. Upgrade your plan, or host a small HTML page elsewhere and link to it from Carrd.

              Check: 1) Form UUID in the action URL is correct, 2) Browser console for errors, 3) You're viewing the right form under **Leads**.

              Increase the Embed element height in Carrd, or reduce padding/margins in the form HTML.

              Ensure the form has `data-mfc="true"` and the script `data-client-id` matches your form UUID.

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

      [Wix Integration Guide →](/docs/platforms/builders/wix)      [Webflow Integration Guide →](/docs/platforms/builders/webflow)      [Static Sites Integration Guide →](/docs/deployment/static-sites)

## ** References & Official Documentation

- ** [Getting Started Guide](/docs/getting-started)
- ** [Custom Webhooks](/docs/tools/code/custom-webhooks)

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