Vendre un produit avec options et suppléments depuis votre formulaire de contact

Dans EverWeb 4.6 et versions ultérieures, un formulaire Formulaire de contact avancé (Contact Form Advanced) peut servir de bon de commande simple. Vos clients choisissent une taille, un parfum ou des suppléments, voient le total s'additionner au fur et à mesure et paient par carte via Stripe ou via PayPal. Cela convient à quelques produits fabriqués sur commande. Pour une vraie boutique avec panier et gestion du stock, consultez Vendre des produits ou des téléchargements numériques sur votre site Web EverWeb : quelle option choisir.

Qui l'utilise

  • Une pâtissière à domicile prend des commandes de gâteaux personnalisés : taille, parfum, message sur le dessus et date de retrait.
  • Un groupe de musique ou un club sportif vend ses T-shirts, une taille par commande, avec un choix de couleur et les frais de port.
  • Un fabricant de bougies propose l'emballage cadeau en supplément payant.
  • Une ferme vend des paniers de légumes hebdomadaires, à retirer sur place ou livrés localement.

Ce dont vous avez besoin

Les réglages de paiement sont expliqués pas à pas dans Créer un formulaire sur mesure : demandes de devis, inscriptions et envoi de fichiers. Cet article montre comment configurer le produit lui-même.

Exemple de plan de formulaire (un gâteau personnalisé)

Libellé du champControl Type (type de contrôle)Réglages / Prix
Taille du gâteauCard Select (sélection par cartes) ou Image Select (sélection par images)6 pouces pour 10 personnes : 35. 8 pouces pour 20 personnes : 55. 10 pouces pour 30 personnes : 80
ParfumDrop Down Menu (menu déroulant)Choisissez un parfum (sans prix, en premier), Vanille, Chocolat, Citron, Red velvet : 5
SupplémentsChoice Chips (pastilles de choix)Fleurs fraîches : 12, Feuille d'or : 8, Bougies : 3 (chaque choix s'ajoute)
Boîte cadeauToggle (interrupteur)Price When On (prix si activé) 4
Message sur le gâteauTextBox (zone de texte sur une ligne)Placeholder (texte indicatif) « Joyeux anniversaire Sam »
Retrait ou livraisonRadio Button (bouton radio)Retrait en boutique : 0, Livraison locale : 10
Je suis membre du club fidélité (10 % de réduction)TogglePrice When On -10%
Date souhaitéeDateObligatoire
Nom, E-mail, TéléphoneTextBox, Email, Phone Number (numéro de téléphone)Obligatoire

Image Select affiche une photo sur chaque choix, ce qui convient bien aux produits. Un Drop Down Menu obligatoire a besoin d'une invite comme « Choisissez un parfum » en première option, car la première option compte comme une absence de choix.

Configuration

  1. Ajoutez le formulaire, choisissez votre add-on dans Module complémentaire amélioré du formulaire de contact et saisissez un nom dans Nom du formulaire de contact, par exemple Commande de gâteau Pâtisserie Martin. C'est le nom du produit que les clients voient au moment du paiement.
  2. Dans la section Payments (paiements), cochez Accept Payments (accepter les paiements), ajoutez vos informations Stripe et/ou PayPal et choisissez la Currency (devise).
  3. Réglez Total Label (libellé du total) sur Total de la commande. Si vous facturez une taxe de vente ou la TVA, saisissez le taux dans Tax Rate (%) (taux de taxe), par exemple 8.25.
  4. Ajoutez les champs et saisissez chaque prix dans la colonne Price (prix) de l'Option List (liste d'options), avec un point pour les décimales. Laissez Show prices on options (afficher les prix sur les options) coché pour que les clients voient « +12.00 » à côté de chaque supplément.
  5. Choisissez une page de remerciement dans Page suivante (la page affichée après l'envoi) et une page pour Payment Unsuccessful Page (page d'échec du paiement).
  6. Faites un test avec une clé de test Stripe ou PayPal Sandbox (testing) (sandbox PayPal, pour les tests), passez à vos informations réelles et publiez avec Fichier > Publier le site entier.

Quantités

Le seul champ qui multiplie est un Stepper (sélecteur numérique) ou un Slider (curseur) doté d'un Unit Price (prix unitaire) : le nombre choisi multiplié par l'Unit Price est ajouté au total. Une quantité ne peut pas multiplier d'autres choix : « 3 grands gâteaux avec boîtes cadeaux » n'est donc pas possible dans un seul formulaire. Solutions de contournement :

  • Même prix pour toutes les tailles (comme des T-shirts de club à 18 pièce) : placez le prix sur un Stepper appelé Nombre de T-shirts (Min 1, Max 20, Unit Price 18) et faites de la taille un choix sans prix. Ajoutez une Text Area (zone de texte multiligne) « Vous commandez plusieurs tailles ? Indiquez-les » pour les commandes mixtes.
  • Prix différents : demandez un seul article par commande, ou ajoutez un Stepper pour chaque produit, par exemple Petites boîtes et Grandes boîtes, chacun avec son propre Unit Price.

Ce que vous recevez

Une fois le paiement confirmé, vous recevez un e-mail marqué Paid (payé) avec chaque choix, les articles facturés, le total et une Payment Reference (référence du paiement) à rapprocher dans votre compte Stripe ou PayPal. Si un client ne va pas au bout du paiement, sa commande vous parvient quelques heures plus tard marquée Unpaid order (commande non payée). Chaque commande est aussi enregistrée dans votre Espace client sous View Form Submissions (voir les envois), avec Export (exporter) au format CSV.

Bon à savoir

  • Pas de case pour un code de réduction. Il n'existe pas de champ où les clients saisissent un code. Utilisez plutôt un Consent (consentement), un Toggle ou un choix avec un prix négatif (-5) ou un pourcentage (-10%). Tout le monde peut le cocher : vérifiez donc la commande avant de l'expédier.
  • La livraison est un choix avec un prix, par exemple « Livraison : Standard 5 / Express 15 ». Il n'y a pas de calcul selon le poids ou le pays.
  • Un seul taux de taxe s'applique à toute la commande, livraison comprise.
  • Une seule devise par formulaire.
  • Paiements ponctuels uniquement. Pas d'abonnements. Pour les adhésions payantes, consultez Pages réservées aux membres, connexions et abonnements payants : EverWeb Membership Sites.
  • Le formulaire ne gère pas le stock. Quand un article est épuisé, supprimez l'option et publiez à nouveau.
  • Stripe et PayPal affichent une seule ligne au moment du paiement, portant le nom saisi dans Nom du formulaire de contact, avec le total. Le détail figure dans votre e-mail.

Articles connexes

  • 0 Utilisateurs l'ont trouvée utile
Cette réponse était-elle pertinente?

Articles connexes

Puis-je ajouter du e-commerce ou PayPal à mon site Web ? Vos options pour vendre en ligne

Oui. EverWeb comprend des widgets intégrés pour recevoir des paiements avec PayPal et Stripe...

Mon formulaire de contact ne m'envoie pas d'e-mails

Les formulaires n'envoient des e-mails que depuis votre site Web publié, pas depuis l'aperçu....

Puis-je protéger mon site Web par un mot de passe ? Simple Password et Membership Sites

Oui. EverWeb propose deux façons de garder des pages privées. Simple Password protège une section...

Comment utiliser mes propres paramètres SMTP (courrier sortant) avec mon formulaire de contact ?

Contact Form Advanced (formulaire de contact avancé) peut envoyer chaque message du formulaire...

What is the Contact Forms Enhanced Add-on?

The Contact Forms Enhanced add-on is a paid extra for EverWeb's Contact Form Advanced widget. It...