> ## Documentation Index
> Fetch the complete documentation index at: https://formbnb.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Carrd

> Set up FormBnB forms on your Carrd site

## Why Use FormBnB with Carrd

Carrd's Pro plan includes a basic form widget, but it's limited to a few fields and basic email notifications. FormBnB gives you:

* Unlimited submissions on the free plan
* Spam protection (honeypot, reCAPTCHA, Turnstile)
* File uploads
* Webhooks and 21+ integrations
* Full API access to submissions
* Custom email templates

## Setup Steps

<Steps>
  <Step title="Create FormBnB Form">
    Create a new form in your [FormBnB dashboard](https://app.formbnb.com) and copy the form slug.
  </Step>

  <Step title="Add Embed Element">
    In the Carrd editor, add a **Widget / Embed** element. Set the type to **Code**.
  </Step>

  <Step title="Paste Form HTML">
    Paste your FormBnB form HTML into the embed.
  </Step>

  <Step title="Publish">
    Publish your Carrd site.
  </Step>
</Steps>

## Example Embed

Paste this into a Carrd embed element:

```html theme={null}
<form action="https://api.formbnb.com/f/YOUR_ORG/YOUR_FORM" method="POST" style="max-width:400px;font-family:inherit;">
  <input type="text" name="_gotcha" style="display:none">

  <input type="text" name="name" placeholder="Your name" required
    style="width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;margin-bottom:12px;font-size:14px;">

  <input type="email" name="email" placeholder="Your email" required
    style="width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;margin-bottom:12px;font-size:14px;">

  <textarea name="message" placeholder="Your message" rows="4" required
    style="width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;margin-bottom:12px;font-size:14px;resize:vertical;"></textarea>

  <button type="submit"
    style="width:100%;padding:12px;background:#000;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;">
    Send
  </button>
</form>
```

## With Custom Redirect

Send users to a thank-you page after submission:

```html theme={null}
<form action="https://api.formbnb.com/f/YOUR_ORG/YOUR_FORM" method="POST" style="max-width:400px;">
  <input type="hidden" name="_next" value="https://yoursite.carrd.co/#thank-you">
  <input type="text" name="_gotcha" style="display:none">

  <input type="email" name="email" placeholder="Your email" required
    style="width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;margin-bottom:12px;">

  <button type="submit"
    style="width:100%;padding:12px;background:#000;color:#fff;border:none;border-radius:8px;cursor:pointer;">
    Subscribe
  </button>
</form>
```

<Tip>
  Carrd embeds support inline styles but not external stylesheets. Keep your styles inline for the best results.
</Tip>