Carrd

Les formulaires de contact et d'inscription de Carrd envoient les soumissions vers les destinations propres à Carrd. Les formulaires personnalisés sur Pro Plus peuvent envoyer vers n'importe quelle URL, ce qui suffit à Ikiform, et Pro Standard peut intégrer votre propre HTML.

Formulaire personnalisé avec Send to URL

1. Créez le formulaire

   Cliquez sur Add Element > Form et réglez Type sur Custom, puis Send to URL.

2. Définissez l'URL, la méthode et le format

   https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx

   Réglage	Valeur	Pourquoi
   Method	AJAX	Garde les visiteurs sur la page. Carrd considère tout 2xx comme un succès, et Ikiform répond 201 quand il stocke la soumission.
   Format	Default	Envoie un formulaire standard. Le JSON fonctionne aussi.
   Headers	Aucun	Ikiform n'a besoin d'aucun en-tête de la part d'un navigateur.

   Avec POST au lieu d'AJAX, le navigateur quitte votre site Carrd pour la page de remerciement d'Ikiform ou votre URL Redirect after submit, et le réglage On Success de Carrd ne s'applique pas. Ne choisissez pas XML : Ikiform le refuse avec 415 unsupported_media_type.

3. Définissez les IDs des champs

   Le Submitted ID de chaque champ, ou son ID s'il est vide, devient le nom du champ dans Ikiform. Carrd génère les IDs à partir des libellés, alors définissez-les vous-même : email, name, message. Avec Format sur JSON, un Submitted ID comme fields.firstname est envoyé comme objet imbriqué, qu'Ikiform stocke tel quel.

   • N'ajoutez pas de champ File. Ikiform n'accepte pas encore les fichiers et refuse l'envoi avec 422 files_not_supported.
   • Collect UTM parameters ajoute utm_source, utm_medium, utm_campaign, utm_term et utm_content. Si vous définissez des champs dans Ikiform, ajoutez-les aussi, sinon l'envoi échoue avec une erreur de champ inconnu.
   • Un champ Hidden a toujours sa valeur prédéfinie, il ne peut donc pas servir de honeypot. Le score de spam reste actif sur chaque envoi.

4. Choisissez On Success et On Failure

   Choisissez ce que Carrd affiche après la requête. On Failure couvre toutes les erreurs d'Ikiform, comme 422 validation_failed ou 429 rate_limited ; Carrd n'affiche pas le message d'Ikiform, alors gardez un texte d'échec général.

Élément Embed sur Pro Standard

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

<form action="https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx" method="post" target="_top">
  <input name="email" type="email" placeholder="Email" autocomplete="email" required>
  <input name="_gotcha" type="text" tabindex="-1" autocomplete="off" hidden>
  <button type="submit">Join the waitlist</button>
</form>

Il envoie comme un formulaire classique, donc la vérification humaine fonctionne si vous l'activez. Stylez-le avec un bloc <style>, ou partez de l'intégration pour créateurs de sites, plus complète.

Domaines autorisés

Dans les deux cas, le navigateur envoie depuis votre page Carrd, donc les domaines autorisés fonctionnent normalement.

• N'ajoutez jamais carrd.co ou crd.co seul. Tous les sites de cet hébergeur correspondraient, y compris ceux des autres.

Checklist de test

1. Publiez le site. Les formulaires et les intégrations ne fonctionnent que sur le site publié.
2. Envoyez le formulaire et vérifiez que Carrd affiche votre message On Success, ou que l'intégration mène à la page de remerciement.
3. Ouvrez la soumission dans Ikiform et vérifiez que les noms de champs sont les IDs que vous avez définis, et non des IDs générés.
4. Envoyez avec un e-mail invalide alors que le formulaire a des champs définis, et vérifiez que Carrd affiche On Failure.

Dépannage

Voir aussi

• Créateurs de sitesL'intégration qui fonctionne dans n'importe quel créateur de sites.
• Formulaires HTMLRedirections, champs réservés et honeypot.
• ErreursChaque code d'erreur, avec sa cause et sa solution.
• Domaines autorisésComment les origines sont comparées, et ce qui se passe en cas de non-correspondance.