Passer au contenu principal

Comment créer un bon de commande avec paiement en ligne

Ajoutez produits et options à votre formulaire, laissez Formaloo calculer le total et connectez Stripe, PayPal, Razorpay ou Square pour un paiement dès la soumission.

Avec Formaloo, vous pouvez créer un formulaire de commande ou de précommande dans lequel les répondants parcourent des produits, choisissent des services ou sélectionnent des options, et le formulaire calcule automatiquement le prix total.

Utilisez ce total comme estimation de prix ou devis, ou connectez un moyen de paiement pour que les répondants puissent finaliser leur achat juste après la soumission.

⭐ Formaloo ne prélève aucune commission sur les paiements collectés via vos formulaires, contrairement à la plupart des autres créateurs de formulaires !

Vous connectez votre propre passerelle de paiement, et Formaloo ne prend rien en plus. Les frais habituels de votre prestataire de paiement (comme Stripe ou PayPal) continuent de s’appliquer.

Une pâtisserie qui prend des commandes de gâteaux personnalisés, un studio qui vend des forfaits photo avec options, un consultant qui propose des missions d’un ou trois mois, une petite boutique qui vend des créations artisanales ou des téléchargements numériques : tout cela fonctionne immédiatement !


Étape 1 : partez de votre formulaire

Vous pouvez utiliser n’importe quel formulaire existant, partir d’un 🎨 modèle Formaloo ou créer un nouveau formulaire de zéro.

💡 Vous souhaitez créer votre formulaire à partir d’un prompt ou d’un document existant ?

Le Form Creation Agent peut générer un formulaire pour vous en quelques secondes :

🎨 Des modèles Formaloo prêts à l’emploi à découvrir pour démarrer rapidement :

Si vous partez d’un modèle, les champs Product et le calcul du prix peuvent déjà être en partie configurés : ajustez simplement ce dont vous avez besoin pour votre cas d’usage, puis connectez votre moyen de paiement.


Étape 2 : ajoutez vos produits et options au formulaire

➔ Ajoutez des produits

Ajoutez un champ Product pour chaque article que vous souhaitez présenter. Chaque fiche produit comprend un nom, une description, des images, un prix unitaire et des commandes de quantité. Les répondants peuvent parcourir les fiches, choisir une quantité et ajouter des articles à leur panier, sans quitter le formulaire.

Le formulaire calcule automatiquement un total cumulé sur l’ensemble des champs Product.

💡 Vous souhaitez découvrir toutes les possibilités du champ Product ? Consultez comment présenter et vendre des produits dans votre formulaire grâce au champ Product.

➔ Ajoutez des extras, des options ou des niveaux de service

Vous pouvez aller au-delà des champs Product et proposer des options supplémentaires à l’aide de champs à choix, de cases à cocher, de listes déroulantes ou d’autres champs.

Par exemple, si vous vendez une prestation de conseil, vous pouvez ajouter un champ à choix unique dans lequel les répondants choisissent entre une mission d’un mois et une mission de trois mois. Vous pouvez aussi ajouter un champ Multiple choice pour permettre aux clients de sélectionner les options pertinentes pour votre produit, ou de choisir un emballage ou un mode de livraison.

Contrairement aux champs Product, le coût de ces options n’est pas ajouté automatiquement au total : vous devrez configurer des règles de logique pour chaque option :

Si l’option X est sélectionnée, ajouter le montant Y à la variable Price.

Une fois configurée, cette règle alimente le même total cumulé que les prix de vos produits.

💡 Pour un guide étape par étape sur la configuration de la logique de prix des options, consultez comment calculer le prix supplémentaire dans votre bon de commande.


Étape 3 : configurez un moyen de paiement

Avant de pouvoir accepter des paiements, vous devez connecter un moyen de paiement à votre espace de travail. Formaloo prend actuellement en charge Stripe, PayPal, Razorpay et Square.

Pour en ajouter un :

  1. Cliquez sur l’icône de votre profil en haut à droite,

  2. Accédez à Apps & integrations,

  3. Ouvrez l’onglet Payments & e-commerce pour voir tous les prestataires de paiement pris en charge,

  4. Trouvez le prestataire que vous souhaitez utiliser et cliquez sur Add new integration pour le connecter :

💡 Besoin d’instructions détaillées pour un prestataire précis ? Consultez comment créer un nouveau moyen de paiement

Une fois connecté, le moyen de paiement pourra être sélectionné sous Form with payment dans les paramètres de votre formulaire.


Étape 4 : activez le paiement sur votre formulaire

Ouvrez votre formulaire dans l’éditeur et accédez au panneau Settings du formulaire à droite.

Faites défiler jusqu’à la section Form payment et activez l’option Form with payment.

Vous pouvez alors :

  • Sélectionner votre moyen de paiement :
    Choisissez celui que vous avez connecté à l’étape précédente.
    ​

  • Définir la devise :
    Elle s’applique à tous les montants du formulaire et est également transmise à la page de paiement.
    ​

  • Définir un montant de paiement fixe :
    Si vous n’utilisez pas de champs Product et souhaitez simplement facturer un montant forfaitaire à chaque soumission (pour un don, des frais d’inscription à un événement, des frais de dossier, etc.), vous pouvez saisir ici un montant fixe au lieu d’utiliser la variable Price.


Comment le prix total est-il calculé ?

Formaloo crée automatiquement une variable Price pour votre formulaire : vous n’avez pas à la configurer manuellement. Il s’agit d’une variable système, consultable uniquement : vous ne pouvez pas la modifier directement.

Elle est créée automatiquement dans l’une de ces situations :

  • lorsque vous ajoutez un champ Product au formulaire,

  • lorsque vous activez Form with payment et connectez un moyen de paiement valide.

Chaque fois qu’un répondant ajoute un produit et choisit une quantité via un champ Product, le montant (prix unitaire × quantité) est automatiquement ajouté à la variable Price. Les sélections de plusieurs champs Product s’additionnent toutes dans le même total.

➔ Pour les options que les personnes peuvent sélectionner dans d’autres champs de votre formulaire, vous devez configurer de simples règles de logique avancée qui ajoutent les montants correspondants à Price lorsqu’une option est sélectionnée (voir l’étape 2).

Vous pouvez faire référence au total n’importe où dans le formulaire avec $@price, par exemple sur une page de fin ou dans un e-mail de confirmation, pour montrer leur total aux répondants avant qu’ils soumettent.

ℹ️ La devise se définit dans la section Form payment des paramètres de votre formulaire. Votre choix s’applique à tous les montants du formulaire et est transmis à la page de paiement.


Que se passe-t-il lorsque le formulaire est soumis ?

Une fois le formulaire soumis, le répondant est redirigé directement vers la page de paiement.

Le total de la variable Price est transmis automatiquement à la page de paiement : le répondant peut finaliser son paiement sans rien ressaisir.

💡 Vous souhaitez personnaliser la page sur laquelle arrivent les répondants après avoir effectué un paiement ? Comment personnaliser la page affichée aux utilisateurs après un paiement

ℹ️ Lorsque Form with payment est activé, les pages de fin du formulaire sont entièrement ignorées.

Chaque répondant qui soumet le formulaire est envoyé vers la page de paiement : il est impossible, dans un même formulaire, d’afficher une page de fin à certains répondants et de rediriger d’autres vers le paiement. Si vous avez besoin des deux parcours, voir ci-dessous ⬇️


Est-il possible d’envoyer certains répondants vers le paiement et d’afficher une page de fin à d’autres ?

➔ Pas dans un seul formulaire. Si le paiement est activé, tous les répondants sont envoyés vers le paiement à la soumission, sans exception ni condition.

Si vous avez besoin des deux parcours, une configuration à deux formulaires vous permet d’y parvenir :

➔ Formulaire 1
Le paiement n’est pas activé. Les répondants remplissent le formulaire et arrivent soit sur une page de fin classique, soit (selon les conditions que vous définissez) le formulaire est soumis automatiquement et les redirige vers le formulaire 2.

👀 Configurez cela avec deux règles dans Advanced logic :

  1. Une règle Submit au niveau du champ :
    ​
    SI l’option X est sélectionnée, ALORS Submit
    ​

  2. Une règle de redirection On Submit :
    ​
    SI l’option X a été sélectionnée, ALORS Redirect to URL du formulaire 2

➔ Formulaire 2

Le paiement est activé. Les répondants qui arrivent ici complètent leurs informations et sont envoyés vers le paiement à la soumission.

Les répondants qui n’ont pas besoin de payer restent dans le formulaire 1 et voient la page de fin normalement. Ceux qui doivent payer sont redirigés vers le formulaire 2, puis vers le paiement.

ℹ️ Toutes les sélections de produits, options et choix tarifaires peuvent se trouver entièrement dans le formulaire 2, ou vous pouvez transmettre les données collectées dans le formulaire 1 au formulaire 2 grâce à une redirection avec transfert de données. Testez bien l’ensemble du parcours une fois configuré.


Comment suivre et gérer les commandes reçues ?

Dès que les commandes arrivent, vous pouvez les gérer directement dans Formaloo.

La méthode la plus simple consiste à ajouter à votre formulaire un champ Single choice réservé aux administrateurs, avec des statuts personnalisés adaptés à votre cas d’usage. Par exemple :

  • Nouvelle, En cours, Expédiée, Livrée si vous vendez des produits ou des services,

  • En attente, Accès accordé si vous vendez des abonnements

Ce champ n’est visible que par vous et votre équipe, pas par les répondants. Depuis votre tableau de bord, vous pouvez afficher toutes les soumissions dans un tableau Kanban organisé par statut, pour voir d’un coup d’œil ce qui a été commandé, ce qui est en cours de traitement et ce qui est terminé.

💡 Si votre équipe gère différents comptes ou types de commandes, vous pouvez aller plus loin avec un workflow d’attribution : attribuez automatiquement chaque soumission au membre de l’équipe concerné, définissez une date d’échéance dynamique et suivez toute l’activité de chaque commande dans le journal d’activité.

🔗 Guide bientôt disponible…


En résumé

Le parcours complet d’un bon de commande se met en place en quatre étapes :

  • Créez un formulaire avec vos produits ou services,

  • Connectez un moyen de paiement,

  • Activez Form with payment,

  • Cliquez sur Publish 🚀

Formaloo se charge ensuite automatiquement du calcul du prix et de la redirection vers le paiement, et vous pouvez gérer tout ce qui arrive directement depuis votre tableau de bord.

Avez-vous trouvé la réponse à votre question ?