# Comment ajouter une liste d'attente à un site Carrd

> Collectez des inscriptions sur une page Carrd : un formulaire Send to URL sur Pro Plus avec suivi UTM, ou un formulaire HTML intégré avec honeypot sur Pro Standard.

Publié le 2026-10-25 · https://ikiform.com/fr/guides/waitlist/carrd

Sur Carrd Pro Plus, ajoutez un formulaire Custom qui envoie vers votre endpoint Ikiform avec la méthode AJAX, activez la collecte des UTM et définissez ces champs dans Ikiform. Sur Pro Standard, collez plutôt un petit formulaire HTML dans un élément Embed ; il envoie de façon classique, garde un honeypot et ramène les gens vers une section de remerciement sur la même page.

Carrd est le moyen le plus rapide de mettre en ligne une présentation d'une page, ce qui en fait un endroit naturel pour une liste d'attente. Le formulaire que vous pouvez utiliser dépend de votre offre Carrd plus que de tout ce que vous construisez : commencez donc par là.

## Ce qui change sur Carrd

- **L'offre décide du formulaire.** Pro Plus a des formulaires Custom qui envoient vers n'importe quelle URL. Pro Standard a des formulaires de contact et d'inscription qui vont vers les destinations de Carrd, plus l'élément Embed. Pro Lite n'a ni formulaires ni embeds.
- **Send to URL ne peut pas masquer de honeypot.** Le champ Hidden de Carrd contient toujours la valeur que vous avez prédéfinie : il ne peut donc pas piéger les bots. Le score de spam s'applique toujours à chaque envoi.
- **Les envois AJAX ne peuvent pas passer la vérification humaine.** Carrd lit tout `2xx` comme un succès et tout le reste comme un échec, et ne peut pas afficher la page de vérification d'Ikiform. Laissez la vérification anti-spam désactivée pour cette voie.
- **Une seule page, c'est un seul endroit pour remercier.** Il n'y a pas de seconde page vers laquelle rediriger, sauf si vous en créez une. Le message On Success de Carrd, ou une section de la même page, fait ce travail.

Schéma : Quelle configuration de liste d'attente Carrd votre offre permet

1. Sur Pro Plus, un formulaire Custom envoie chaque inscription à Ikiform avec la méthode AJAX de Carrd.
2. Ikiform la stocke et répond 201, et Carrd affiche votre message On Success sans quitter la page.
3. Sur Pro Standard, un élément Embed contient un formulaire HTML simple qui envoie à Ikiform.
4. Ikiform la stocke et redirige le navigateur vers l'URL _redirect, une section de remerciement sur votre page Carrd.

Pro Lite et les sites sans Pro n'ont ni formulaires ni embeds : aucune des deux voies n'est disponible.

|   | Formulaire Custom, Send to URL | Élément Embed | Formulaire d'inscription de Carrd |
| --- | --- | --- | --- |
| Offre | Pro Plus ou supérieure | Pro Standard ou supérieure | Pro Standard ou supérieure |
| Où vont les inscriptions | Ikiform | Ikiform | Les services d'e-mailing pris en charge par Carrd |
| Honeypot | Non | Oui | La gestion propre à Carrd |
| Suivi UTM | Intégré | Ajoutez vos propres inputs masqués | Dépend du service |
| Reste sur la page | Oui | Revient à une section | Oui |

Si tout ce que vous voulez est l'adresse dans votre outil d'e-mailing, le formulaire d'inscription intégré de Carrd peut suffire. Ikiform se justifie quand vous voulez une copie stockée de chaque inscription, le filtrage du spam, un e-mail par inscription et des webhooks signés que vous pouvez acheminer n'importe où.

## Pro Plus : un formulaire Custom

1. Cliquez sur **Add Element** › **Form**. Réglez **Type** sur **Custom**, puis **Send to URL**.
2. Réglez l'URL sur `https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx`, **Method** sur **AJAX** et **Format** sur **Default**. Ne choisissez pas XML : Ikiform le refuse avec `415`.
3. Ajoutez un champ **Email** et réglez son **Submitted ID** sur `email`. Carrd génère les ID à partir des libellés : le laisser vide envoie `email_address` ou un nom similaire.
4. Cochez **Collect UTM parameters**. Carrd ajoute `utm_source`, `utm_medium`, `utm_campaign`, `utm_term` et `utm_content` quand ils sont dans le lien.
5. Réglez **On Success** sur un message comme `You're on the list. We'll email you at launch.` et **On Failure** sur une phrase générale. Carrd y affiche votre propre texte, sauf si vous activez **Export variables** et **Return endpoint responses**.

Ajoutez ensuite la définition des champs dans l'onglet **Fields** d'Ikiform, champs UTM compris :

`Champs`:

```json
{
  "version": 1,
  "title": "Waitlist",
  "fields": [
    { "id": "email", "type": "email", "label": "Email", "required": true },
    { "id": "utm_source", "type": "text", "label": "UTM source", "validation": { "max_length": 100 } },
    { "id": "utm_medium", "type": "text", "label": "UTM medium", "validation": { "max_length": 100 } },
    { "id": "utm_campaign", "type": "text", "label": "UTM campaign", "validation": { "max_length": 100 } },
    { "id": "utm_term", "type": "text", "label": "UTM term", "validation": { "max_length": 100 } },
    { "id": "utm_content", "type": "text", "label": "UTM content", "validation": { "max_length": 100 } }
  ]
}
```

- Sans les cinq champs UTM, toute inscription arrivant d'un lien tagué est refusée avec une erreur Unknown field, et Carrd affiche On Failure. Ils ne sont envoyés que lorsque le lien les contient, ils sont donc facultatifs ici.
- N'ajoutez pas de champ **File**. Ikiform refuse les fichiers avec `422 files_not_supported`.
- Les réglages **Events** de Carrd peuvent exécuter votre propre script en cas de succès, comme un appel d'analytics. Ils sont indépendants du message.

> Laissez la vérification anti-spam désactivée et gardez les limites de débit Standard. L'envoi part du navigateur du visiteur : les domaines autorisés et les limites par visiteur fonctionnent donc normalement.

## Pro Standard : un formulaire intégré

Cliquez sur **Add Element** › **Embed**, réglez **Type** sur **Code** et **Style** sur **Inline**, puis collez le formulaire. Les embeds ne s'affichent pas dans l'éditeur : publiez pour le voir.

`Embed`:

```html
<form class="iki-waitlist" action="https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx" method="post" target="_top">
  <input name="email" type="email" placeholder="you@company.com" aria-label="Email" autocomplete="email" required>
  <input type="hidden" name="_redirect" value="https://example.com/#joined">
  <input name="_gotcha" type="text" tabindex="-1" autocomplete="off" hidden>
  <button type="submit">Join the waitlist</button>
</form>

<style>
  .iki-waitlist { display: flex; flex-wrap: wrap; gap: 8px; max-width: 440px; margin: 0 auto; }
  .iki-waitlist input[type="email"] { flex: 1 1 220px; font: inherit; padding: 12px 14px; border: 1px solid #d4d4d4; border-radius: 8px; }
  .iki-waitlist button { font: inherit; padding: 12px 18px; border: 0; border-radius: 8px; background: #111; color: #fff; cursor: pointer; }
</style>
```

- Ajoutez un **Section Break** nommé `joined` et placez une phrase de remerciement après. Carrd ouvre une section quand son nom figure dans le lien après `#` : `_redirect` y amène donc les gens.
- Remplacez `https://example.com` par votre adresse Carrd. `_redirect` ne fonctionne que pour une URL `https:` sur l'un des **Allowed domains** du formulaire : ajoutez-y donc aussi le domaine.
- `target="_top"` fait sortir l'envoi de tout cadre dans lequel Carrd enveloppe l'embed, pour que la redirection se charge dans la fenêtre.
- C'est un envoi classique : la [vérification humaine](https://ikiform.com/fr/docs/spam.md#human-check) fonctionne donc si vous l'activez. Aucune modification du HTML.

### Domaines autorisés

| Adresse Carrd | À ajouter |
| --- | --- |
| URL par défaut | `your-site.carrd.co` |
| URL Pro | `your-site.crd.co` |
| Domaine personnalisé | `example.com` |

N'ajoutez jamais `carrd.co` ou `crd.co` seuls ; tous les sites Carrd correspondraient. Le [guide Carrd de la documentation](https://ikiform.com/fr/docs/guides/carrd.md) propose la version formulaire de contact, et le [guide principal](https://ikiform.com/fr/guides/waitlist.md#duplicates) explique les inscriptions répétées.

## Vérifiez que tout fonctionne

1. Publiez le site. Les formulaires et les embeds ne fonctionnent que sur la page publiée.
2. Dans **Allowed domains** du formulaire, ajoutez le domaine de votre site, plus `localhost` pendant le développement. Laissez vide pour accepter les envois de partout.
3. Sur Pro Plus, ouvrez la page avec `?utm_source=test` et inscrivez-vous. Carrd affiche On Success, et la soumission dans Ikiform a `utm_source` à `test`.
4. Sur Pro Standard, inscrivez-vous via l'embed. Vous arrivez sur la section `#joined` de votre page.
5. Vérifiez la boîte de réception de chaque destinataire des notifications. Chacun reçoit un e-mail avec les champs, et **Reply** répond à l'expéditeur quand le formulaire a un champ `email`.
6. Rien n'est arrivé ? Passez le filtre de statut du tableau de bord sur **Spam**. Le spam reçoit la même réponse de succès qu'une vraie soumission.

## Pièges

| Problème | Que faire |
| --- | --- |
| Carrd affiche On Failure à chaque inscription | Ikiform a refusé l'envoi : un Unknown field dû à une définition UTM manquante ou à un Submitted ID non défini, `415` pour du XML, ou `403 challenge_required` avec la vérification anti-spam activée. |
| Les inscriptions arrivent avec un champ nommé d'après le libellé | **Submitted ID** est vide. Réglez-le sur `email` et republiez. |
| L'embed arrive sur la page de remerciement d'Ikiform, pas sur `#joined` | `_redirect` a été ignoré. Utilisez `https:`, et ajoutez le domaine Carrd dans **Allowed domains**. |
| `403 origin_not_allowed`, ou tous les envois finissent en spam | Le domaine de la page n'est pas dans les **Allowed domains** du formulaire. Ajoutez-le, plus `localhost` pour les tests en local. Les sous-domaines d'un domaine listé sont autorisés. |

## Questions

### Quelle offre Carrd faut-il pour un formulaire de liste d'attente ?

Pro Plus pour envoyer un formulaire Custom vers n'importe quelle URL, comme Ikiform. Pro Standard peut intégrer votre propre formulaire HTML. Pro Lite et les sites sans Pro n'ont ni formulaires ni embeds.

### Puis-je ajouter un honeypot à un formulaire Carrd ?

Pas à un formulaire Send to URL, car le champ Hidden de Carrd a toujours sa valeur prédéfinie. Utilisez la voie Embed si vous voulez un honeypot ; le score de spam d'Ikiform s'applique dans les deux cas.

### Pourquoi Carrd affiche-t-il On Failure alors que l'inscription semble correcte ?

Carrd considère toute réponse autre qu'un 2xx comme un échec. La cause habituelle est un champ qu'Ikiform ne connaît pas, comme utm_source issu de Collect UTM parameters. Ajoutez ces champs à la définition.

### Ikiform est-il gratuit ?

Non, il n'y a pas d'offre gratuite. Les tests sont gratuits : vous pouvez envoyer 50 soumissions de test par mois depuis localhost avant de payer. Pour passer en production, Pro commence à 6 $/mois pour 500 soumissions, ou vous pouvez payer une seule fois 10 000 soumissions pour 49 $ ou 50 000 soumissions pour 149 $, avec des crédits qui n'expirent jamais.

## Autres guides

- [Liste d'attente pour un nouveau SaaS](https://ikiform.com/fr/guides/waitlist.md): Créez une liste d'attente avant lancement sur votre landing page : le formulaire, l'anti-spam, les doublons, les e-mails de confirmation et un export propre le jour J.
- [Liste d'attente sur Framer](https://ikiform.com/fr/guides/waitlist/framer.md): Deux façons de collecter des inscriptions sur Framer : le formulaire Framer avec un webhook vers Ikiform, ou un code component qui garde limites et anti-spam.
- [Liste d'attente sur Webflow](https://ikiform.com/fr/guides/waitlist/webflow.md): Faites pointer un Form Block Webflow vers Ikiform, taguez les inscriptions par source avec un champ masqué et gardez l'état de succès de Webflow avec un court script.
- [Liste d'attente en HTML simple](https://ikiform.com/fr/guides/waitlist/html.md): Une page de liste d'attente complète en HTML simple, sans build, qui fonctionne sans JavaScript, remercie sur place quand il se charge, et se replie si besoin.
- [Liste de lancement Product Hunt](https://ikiform.com/fr/guides/waitlist/product-hunt.md): Collectez une liste des semaines avant Product Hunt, taguez chaque inscription par canal et envoyez l'e-mail du jour J en deux vagues calées sur l'heure du Pacifique.
- [Inscription bêta avec sélection](https://ikiform.com/fr/guides/waitlist/beta-signup.md): Un formulaire de candidature bêta avec des questions de sélection appliquées côté serveur, et un script qui note les candidats et choisit chaque cohorte.