Configurer et personnaliser le nouveau formulaire de commande

Le nouveau formulaire de commande de CrocoClick réunit tout votre checkout dans un seul élément. Vous choisissez entre trois mises en page (En une étape, Deux étapes ou Diviser), vous ajoutez vos propres champs personnalisés, vous réglez vos produits et vos bump orders, puis vous habillez le tout aux couleurs de votre marque. Le tout depuis un espace de personnalisation unique, avec un aperçu en direct.

Ce guide vous montre comment l'installer sur une page, le configurer étape par étape et, si vous le souhaitez, y faire migrer vos anciens formulaires.

Pourquoi passer au nouveau formulaire de commande ?

• Trois mises en page interchangeables : vous passez de En une étape à Deux étapes ou Diviser sans reconstruire votre formulaire. Champs, produits, contenus et styles sont conservés.

• Un seul espace de réglage : champs, produits, bump order, options de paiement, textes et design se règlent au même endroit, avec un aperçu en direct.

• Vos champs personnalisés au checkout : collectez une date de prestation, des instructions, une signature ou un fichier directement au moment de l'achat.

• Un design sur mesure : des thèmes prédéfinis et plus de 80 réglages de style pour coller à votre charte graphique.

• Des bump orders stylés à part : l'offre complémentaire a ses propres thèmes et réglages, indépendants du reste du formulaire.

• Des textes 100 % personnalisables : libellés, textes d'aide, messages d'erreur et boutons, sans une ligne de code.

Exemple concret : une coach qui vend un accompagnement peut demander la date de démarrage souhaitée et faire signer ses conditions directement dans le formulaire, au lieu d'envoyer un questionnaire séparé après l'achat.

Étape 1 : ajouter le formulaire de commande à votre page

1. Allez dans Sites puis Funnels (ou Sites web).

2. Ouvrez le funnel ou le site qui contient votre page de paiement, puis sélectionnez l'étape concernée.

3. Cliquez sur Modifier pour ouvrir le constructeur de page.

4. Cliquez sur l'icône + de la barre d'outils, puis sur Ajout rapide. Recherchez « commande » et ajoutez l'élément Formulaire de commande (rubrique Éléments de commande) à votre page.

5. Sélectionnez l'élément et cliquez sur Personnaliser le formulaire de commande.

L'espace Paramètres du formulaire s'ouvre : les sections à gauche, l'aperçu en direct à droite. Vos réglages y sont enregistrés automatiquement.

Étape 2 : choisir la mise en page

Ouvrez Étapes et choisissez l'une des trois mises en page. Vérifiez le rendu dans l'aperçu et changez autant de fois que nécessaire : vos réglages suivent.

Étape 3 : configurer les champs de contact

Ouvrez Champs de contact. Le formulaire propose neuf champs standards : nom complet, email, téléphone, entreprise, adresse, ville, région, code postal et pays.

Pour chacun, vous pouvez :

• Afficher ou masquer le champ.

• Le rendre obligatoire quand l'option est disponible.

• Le déplacer pour changer l'ordre des champs.

• Choisir sa largeur : pleine largeur ou demi-largeur.

Ajouter vos champs personnalisés

Avec le sélecteur de champs personnalisés, ajoutez les champs de votre CRM à votre formulaire. Types acceptés :

• Texte, grand texte, numérique, téléphone, montant

• Date

• Champs à choix (liste déroulante, cases à cocher, boutons radio)

• Téléversement de fichier

• Signature

Le champ doit déjà exister dans votre CRM. Ses options (les choix d'une liste déroulante, par exemple) se gèrent dans les paramètres des champs personnalisés, pas dans le formulaire : le formulaire se contente de les afficher.

Étape 4 : configurer les produits

Ouvrez Produits, recherchez puis ajoutez les produits et les prix à proposer. Pour chaque ligne de produit, vous pouvez la modifier, la dupliquer, la déplacer ou la supprimer.

Réglages disponibles :

• Autoriser plusieurs quantités et fixer une quantité maximale.

• Afficher ou masquer l'image et la description du produit.

• Activer la sélection de plusieurs produits.

• Activer le champ de code promo.

Étape 5 : configurer le bump order

Ouvrez Order bump pour proposer une offre complémentaire au moment du paiement :

1. Choisissez le produit à proposer.

2. Rédigez le titre et le texte d'accroche.

3. Remplacez l'image si besoin.

4. Définissez si l'offre est cochée ou non par défaut.

5. Choisissez un thème de bump, puis ajustez son style avec ses réglages dédiés.

6. Vérifiez le rendu dans l'aperçu.

Pour bien construire votre offre complémentaire, consultez Bump Order : Explications, Fonctionnement et Paramétrage sur CrocoClick.

Étape 6 : régler les options de paiement

Ouvrez Options de paiement. Le nouveau formulaire conserve les fonctionnalités de paiement existantes :

• Codes promo et cartes cadeaux

• Taxes

• Prix récurrents (abonnements)

• Contact persistant (Sticky Contact)

• Conditions générales

• Redirection après l'achat

Relisez ces réglages avec attention avant de publier, surtout si votre offre combine abonnement, réduction, taxes ou bump order. Pour afficher vos conditions de vente, voyez Ajouter vos conditions générales de vente au checkout.

Étape 7 : personnaliser les textes

Ouvrez Contenu pour adapter tout ce que lit votre client :

• Titres et sous-titres de chaque étape

• Libellés et textes d'aide des champs

• Messages d'erreur

• Libellés du récapitulatif et du paiement

• Texte du bouton de commande

• Boutons de navigation (en mise en page Deux étapes)

Étape 8 : appliquer un thème et le style

Ouvrez Thème & style, puis dépliez les rubriques une par une :

1. Préréglages : choisissez un thème de départ.

2. Thème et marque : appliquez les couleurs de votre marque.

3. Typographie et Entrées : réglez les polices et le style des champs.

4. Boutons et Produits : personnalisez le bouton de commande et l'affichage des produits.

5. Ajustez tailles, espacements et alignements par appareil quand l'option existe.

Le style du bump order se règle à part, depuis la section Order bump.

Étape 9 : enregistrer, publier et tester

1. Fermez l'espace Paramètres du formulaire : vos réglages y sont déjà enregistrés.

2. Enregistrez puis publiez la page.

3. Ouvrez la page publiée et vérifiez : la mise en page, les champs (standards et personnalisés), les produits, prix et quantités, le code promo, le bump order, les champs obligatoires et la navigation entre étapes.

4. Faites un achat test avec le mode test de votre passerelle de paiement.

5. Contrôlez l'affichage sur ordinateur et sur mobile.

Pour simuler une vente sans débiter de vraie carte, suivez Comment tester le fonctionnement d'un formulaire de commande dans un Funnel de Vente.

Migrer un ancien formulaire de commande

Vos anciens formulaires (une étape et deux étapes) fonctionnent toujours. Quand vous êtes prêt, vous pouvez convertir un formulaire éligible vers la nouvelle version, un formulaire à la fois. Votre configuration existante est reprise.

Annuler une migration : la migration est une seule action. Si le résultat ne vous convient pas, utilisez l'annulation du constructeur de page pour retrouver l'élément d'origine.

FAQ