Comment créer un formulaire sur WordPress avec Caldera Forms ?


Les créateurs du plugin Caldera Forms ont décidé d'arrêter de le mettre à jour et de le retirer du marché à compter du 31/03/2022. Il est donc conseillé de ne plus l'utiliser. Je vous recommande comme alternative le plugin Calculated Fields Form.

Dans cet article, je vais vous présenter un plugin WordPress très simple à utiliser pour créer un formulaire sur votre blog (formulaire de contact, de demande de devis, de réservation ou autre). Il s'agit du plugin Caldera Forms, gratuit et très bien noté par les utilisateurs.

Commencez par installer le plugin depuis le menu Extensions > Ajouter de WordPress et activez-le.

Installation du plugin Caldera Forms
Installation du plugin Caldera Forms

Créer un formulaire avec Caldera Forms

Le plugin Caldera Forms vous permet de créer n'importe quel formulaire... ou presque ! Sur la plupart des blogs, on se contente d'un formulaire de contact mais selon l'objectif de votre site (professionnel ou amateur) et selon votre activité, vous pouvez avoir besoin d'une multitude d'autres formulaires : un formulaire de réservation, un formulaire de demande de devis, un formulaire d'inscription à un événement, etc.

Le plugin WordPress Caldera Forms permet justement de partir d'un modèle ou d'un formulaire vierge, selon ce qui est le plus simple pour vous.

Créer un formulaire à partir d'un modèle

Si vous choisissez de partir d'un modèle, vous pouvez littéralement créer votre formulaire en deux clics : choisissez le modèle, donnez un nom au formulaire... puis cliquez sur "Créer un formulaire" pour finaliser la procédure.

Vous pouvez également cliquer sur "Changer le modèle" si vous souhaitez personnaliser le modèle en question.

Créer un formulaire WordPress avec le plugin Caldera Forms
Créer un formulaire WordPress avec le plugin Caldera Forms

Créer un formulaire sur mesure ou personnaliser un modèle

Caldera Forms, c'est aussi la possibilité de créer un formulaire répondant entièrement à vos attentes, sans structure imposée, ou en retravaillant un modèle.

On accède à ce type d'interface :

Un formulaire vierge sur Caldera Forms
Un formulaire vierge sur Caldera Forms

Par défaut, votre formulaire comporte une seule page mais vous pouvez tout à fait concevoir un formulaire en plusieurs pages en cliquant sur le bouton "Ajouter une page".

La plupart du temps, votre première préoccupation consistera à ajouter des champs à votre formulaire : il faut d'abord cliquer sur le gros signe "+". Ça va créer une nouvelle rangée dans votre formulaire, que vous pouvez diviser en deux colonnes si vous le souhaitez.

Diviser le formulaire en deux colonnes
Diviser le formulaire en deux colonnes

Dans cet espace, nous allons placer notre premier champ. Mais qu'est-ce qu'un champ de formulaire au juste ? Un champ correspond à une information que vous voulez collecter auprès du visiteur ou lui transmettre : ça peut être un nom, une adresse e-mail, une réponse à une question, un message, etc.

En fonction de la nature de l'information que vous demandez, la nature du champ va elle aussi évoluer. Par exemple, si vous demandez un numéro de téléphone, il faut un champ qui n'accepte que les chiffres.

Sur Caldera Forms, cliquez sur le petit "+" situé juste sous le champ que vous avez créé… et vous allez voir tout de suite tout ce qu'il est possible de faire !

  • Champs basiques : adresse e-mail, numéro de téléphone, zone de texte, URL, tout ceci fait partie des champs basiques que l'on retrouve dans de nombreux formulaires de contact par exemple. Vous pouvez même intégrer un champ de texte avec éditeur enrichi, pour que vos visiteurs puissent mettre en forme le message qu'ils vous envoient.
  • Champs de sélection : ce sont tous les champs de formulaires qui permettront à vos visiteurs d'effectuer un choix entre différentes options. Ce choix peut prendre la forme d'un menu déroulant, de cases à cocher, d'un bouton radio, d'un système d'auto-complétion...
    Champs personnalisés sur Caldera Forms
    Champs personnalisés sur Caldera Forms
  • Champs de gestion de fichiers : sur certains sites, on souhaite permettre aux visiteurs d'envoyer un fichier en même temps que leur message. Par exemple, quand j'écris à mon hébergeur web pour poser une question au support technique, j'ai la possibilité de joindre une capture d'écran à mon message. Caldera Forms propose justement des champs personnalisés pour envoyer un fichier ou des fichiers multiples. On peut ensuite, dans un second temps, définir des types de fichiers autorisés.
  • Champs de contenu : ils permettent d'améliorer le rendu du formulaire, par l'ajout d'une ligne horizontale qui sépare deux champs par exemple ou encore l'ajout de texte ou de code HTML.
  • Champs e-commerce : numéro de carte de crédit, date d'expiration, numéro de vérification de la carte… Des champs qui peuvent être utiles pour un site e-commerce, à condition de veiller à la sécurité maximale de son service !
  • Champs spéciaux : les champs spéciaux vous permettent d'aller encore plus loin et d'imaginer d'autres usages créatifs des formulaires. Si vous créez par exemple un formulaire de demande de devis ou un formulaire de réservation, vous pourrez tirer profit de curseurs de valeur. Les champs spéciaux permettent aussi de voter en attribuant des étoiles, etc.

On peut ensuite organiser les champs à sa convenance, par un glisser-déposer en survolant le champ et en cliquant sur le bouton en haut à droite de celui-ci. Ça rend les formulaires très modulables.

Un formulaire de réservation sur Caldera Forms
Un formulaire de réservation sur Caldera Forms

Lorsque vous ajoutez un champ, vous avez ensuite la possibilité de le personnaliser en lui donnant un nom, en indiquant une description susceptible d'aider le visiteur à savoir comment remplir le champ, en spécifiant si le champ est obligatoire ou pas pour valider le formulaire...

Options d'un champ de texte sur un formulaire
Options d'un champ de texte sur un formulaire

Les utilisateurs plus expérimentés peuvent également ajouter une classe CSS spécifique pour une personnalisation extrêmement fine de l'apparence du champ.

Selon la nature du champ que vous aurez choisi, vous n'aurez pas accès aux mêmes options. Par exemple, si je propose aux visiteurs de réserver une ou plusieurs chambres dans un gîte imaginaire, je peux ajouter des options, les réorganiser, définir une option par défaut.

Cases à cocher sur un formulaire
Cases à cocher sur un formulaire

Si je crée un curseur de valeur pour savoir combien de personnes prendront un petit-déjeuner sur place, j'ai accès à des options différentes :

Curseur de valeur sur un formulaire Caldera Forms
Curseur de valeur sur un formulaire Caldera Forms

Une fois que vous avez créé l'ensemble des champs de votre formulaire, n'oubliez pas d'ajouter un champ basique de type "Bouton"... avec un bouton "Soumettre" pour envoyer le formulaire.

À tout moment, vous pouvez prévisualiser le formulaire grâce au bouton du même nom situé en haut de la page.

Aller plus loin : personnalisation avancée et conditions

Caldera Forms est un plugin WordPress de formulaires étonnant… car au premier abord, il paraît très simple et rudimentaire… et quand on l'explore, on découvre en réalité une foule d'options qui permettent d'aller très loin.

Quand vous êtes en train de créer un formulaire, vous avez accès à une barre d'options qui vous permet de profiter de nombreuses options complémentaires.

Barre d'options du plugin Caldera Forms sur WordPress
Barre d'options du plugin Caldera Forms sur WordPress

L'envoi du message (onglet "De")

Ces options vous permettent de personnaliser le message que vous recevez, avec le contenu du formulaire de contact. Vous pouvez choisir le nom de l'expéditeur qui s'affiche (en récupérant par exemple le champ où votre visiteur a entré son nom), l'adresse e-mail qui reçoit le formulaire, la présentation du message dans le mail…

Par exemple, sur No Tuxedo, je vois comme expéditeur le prénom que la personne a entré dans le formulaire et je récupère l'adresse e-mail entrée, comme "adresse de réponse". Ainsi, lorsque je clique sur "Répondre au mail" dans ma messagerie, ça répond donc automatiquement à cette adresse sans que j'aie besoin de faire un copier coller depuis le message envoyé par la personne.

Options de formulaire de contact
Options de formulaire de contact

Les traitements

Que se passe-t-il quand votre formulaire est envoyé ? Vous pouvez le définir dans la rubrique "Traitements" :

  • Envoyer une réponse automatique ;
  • Rediriger le visiteur vers l'URL de votre choix une fois qu'il a posté le formulaire ;
  • Envoyer le formulaire à des destinataires différents en fonction de certaines conditions : par exemple, si un utilisateur écrit pour signaler un problème, son formulaire peut être envoyé au webmaster alors qu'il sera envoyé au propriétaire du site s'il s'agit d'un message de contact classique.

Caldera Forms propose aussi un filtrage antispam via le plugin Akismet de WordPress.

Traitements de formulaire sur Caldera Forms
Traitements de formulaire sur Caldera Forms

L'anti-spam

Cette fonctionnalité propose deux options : un filtrage de base, très simple... et un filtrage avancé pour ceux qui ont la version Pro du plugin. A titre personnel, j'utilise la version gratuite et n'ai pas de problème de spam.

Les conditions

La fonctionnalité "Conditions" est très intéressante si vous souhaitez poser certaines questions en fonction de la réponse apportée à une autre question.

Prenons un exemple concret, avec mon formulaire de réservation pour le gîte. Si personne ne prend le petit-déjeuner sur place, ce n'est pas utile que je pose une question "Avez-vous des allergies alimentaires"... car la réponse ne me servira pas ! À l'inverse, si le visiteur indique qu'il prendra le petit-déjeuner sur place, ça devient utile de poser la question.

Je vais donc créer une condition qui s'appliquera au champ "Avez-vous des allergies alimentaires ou restrictions alimentaires ?"

Si la réponse à la question "Combien de personnes prendront le petit-déjeuner au gîte ?" est supérieure à 0, alors j'afficherai la question sur les allergies alimentaires.

Formulaire avec conditions - Plugin Caldera Forms
Formulaire avec conditions - Plugin Caldera Forms

Autres options

Les utilisateurs avancés peuvent également définir des variables à utiliser à différents endroits du formulaire ou à transmettre d'une page à l'autre et d'un formulaire à l'autre.

Il existe également un menu "Révisions" pour restaurer une version antérieure du formulaire si vous regrettez une modification effectuée dessus !

Restaurer un formulaire antérieur
Restaurer un formulaire antérieur

Enfin, vous disposez d'options "Responsive" pour définir le comportement du formulaire face à un petit écran (smartphone ou tablette). Le réglage par défaut est généralement satisfaisant.

Publier le formulaire Caldera Forms sur son site

Une fois que vous avez terminé et enregistré votre formulaire, vous pouvez cliquer sur le bouton "Obtenir le shortcode" pour récupérer un texte entre crochets.

Obtenir le shortcode sur le plugin Caldera Forms
Obtenir le shortcode sur le plugin Caldera Forms

Vous aurez juste à le copier dans un article dans une page WordPress à l'endroit où vous souhaitez faire apparaître votre formulaire !

Réglage des e-mails envoyés via le formulaire

Ce menu, disponible quand on clique sur "Caldera Forms" dans le menu de l'administration de WordPress, vous permet de choisir par quel biais sont envoyés les e-mails issus de vos formulaires Caldera Forms.

Par défaut, les e-mails sont envoyés directement via WordPress mais Caldera réfléchit à d'autres possibilités pour proposer l'envoi via un service externe.

C'est surtout utile si vous recevez énormément de messages via des formulaires car l'utilisation d'un service tiers permet souvent d'assurer une meilleure déliverabilité des messages, réduisant le risque qu'ils n'atterrissent dans le dossier Spam du destinataire.

Sauf cas particulier, vous pouvez donc ne pas toucher à ces options.

Réglages des e-mails - Plugin Caldera Forms
Réglages des e-mails - Plugin Caldera Forms

Paramètres généraux de Caldera Forms

Les paramètres généraux de Caldera Forms sont peu nombreux et la plupart du temps, vous n'aurez même pas besoin d'y toucher pour obtenir un affichage harmonieux des formulaires.

Ce sont essentiellement des paramètres de mise en forme, qui permettent d'intégrer Bootstrap pour gérer l'apparence des formulaires. Pour schématiser, si vous ne connaissez pas Bootstrap, il s'agit d'un ensemble de règles de mise en forme prédéfinies.

L'option est activée par défaut sur le plugin Caldera Forms, ne la désactivez que si vous avez déjà intégré Bootstrap ou que vous voulez coder le design du formulaire à la main.

Paramètres généraux du plugin Caldera Forms
Paramètres généraux du plugin Caldera Forms

Caldera Forms propose également la possibilité de faire appel à un CDN, un système pour améliorer le temps de chargement d'un site. L'option fait appel au réseau jsDelivr, qui regroupe des CDN comme MaxCDN, CloudFlare ou Fastly.

Le principe est simple : ça permet de créer des "copies" de votre page sur différents serveurs dans le monde. Quand un visiteur veut accéder à la page contenant le formulaire, on lui propose automatiquement la version "la plus proche de chez lui", ce qui permet un chargement très rapide de la page.

L'option est toujours utile, même si elle ne me paraît pas indispensable pour un formulaire de contact simple... Si vous utilisez Caldera Forms à des fins professionnelles, par exemple pour un formulaire de demande de devis, ça peut devenir beaucoup plus stratégique car une trop grande latence de chargement peut tout simplement vous faire perdre des clients potentiels.

Export, clonage et autres options pour vos formulaires

Une fois votre formulaire créé, vous pouvez survoler son nom pour profiter d'options complémentaires : par exemple, il est possible de cloner un formulaire pour partir d'une base existante si vous souhaitez créer un second formulaire similaire au premier ; vous pouvez aussi exporter un formulaire, une option pratique si vous souhaitez dupliquer un formulaire sur un autre blog.

Il suffit de cliquer sur le bouton exporter pour récupérer le fichier Json correspondant au formulaire. Sur l'autre site, cliquez sur le bouton importer, donnez un nom au formulaire et choisissez le fichier... pour importer le formulaire (logique imparable !).

Exporter un formulaire sur Caldera Forms
Exporter un formulaire sur Caldera Forms

Caldera Forms est vraiment un plugin de formulaire ultra-puissant, qui peut s'adapter à toutes sortes d'usages professionnels ou amateurs. Il peut convenir aussi bien à des utilisateurs débutants - grâce à l'existence de modèles qui facilitent le travail - qu'à des utilisateurs expérimentés qui souhaitent créer un formulaire en partant de zéro.

Comment utilisez-vous les formulaires sur votre blog ?

Poster un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

46 commentaires sur “Comment créer un formulaire sur WordPress avec Caldera Forms ?
  • Aurélie

    Bonjour,
    MERCI pour votre tuto très clair !
    Est il possible générer un fichier excel avec les données recueillies avec les formulaires ? car je souhaite collecter des données pour une inscription à un annuaire et ensuite exporter ces données vers une carte interactive.
    Merci d’avance
    Aurélie

    Répondre à Aurélie
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Bonjour Aurélie, pour info Caldera Forms va bientôt s’arrêter, mieux vaut envisager une autre solution technique à ce stade. J’ai pour ma part basculé vers Calculated Fields Form, qui est très puissant aussi. Mais oui, on peut tout à fait exporter les données, il y a un tuto pour le faire ici.

      Répondre à Marlène
  • Atou

    Bonjour très bon tuto je voudrais savoir comment configurer caldera forms pour l’adresse de messagerie qui doit recevoir l’envoi du formulaire ?

    Répondre à Atou
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Bonjour, l’adresse e-mail d’envoi est normalement celle qui est définie dans l’administration du site (rubrique Réglages > Général > Adresse e-mail d’administration). On peut également en choisir une autre à l’échelle de chaque formulaire, en allant dans la partie « De » au niveau de la ligne « Destinataires » (quand on édite le formulaire).

      Sinon, il y a la partie « Traitements » > « Destinataire conditionnel », ça permet de choisir différents destinataires en fonction d’une condition que l’on définit si on a besoin de paramétrer différents destinataires selon les informations entrées dans le formulaire.

      Répondre à Marlène
    • Atou

      Merci beaucoup réponse très claire et précise.

      Répondre à Atou
  • kevin

    Hello tout le monde,
    Aujourd’hui je fais appelle à vous car je n’ai toujours pas trouver ma solution mon but est de créer un sites vitrine ( cela est déjà fait ) maintenant j’aimerais le dupliquer à mon réseaux de Consultant affilié afin que chacun ai son sites vitrine (en sous répertoire) avec la direction de leurs liens sur les boutons, j’ai créer des pages modèle afin que quand je modifie une page cela se répercute sur tout les même pages mais j’aurais aimer créer un formulaire (en gros une pages editor) pour que chacun puis mettre c’est coordonné , photo et liens paramétré pour modifier directement les pages en question.
    Comment puis-Je programmer les bouton de mon modèle pour qui puisse être changer par un formulaire pour chaque utilisateur. Attention le but étant que si je modifie une pages, par exemple la pages accueil cela modifie toutes les pages d’accueil.
    Merci de vos réponse car la je suis totalement perdu, si besoin d’un appelle Visio ou téléphonique cela ne me dérange absolument pas

    Répondre à kevin
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Bonjour Kevin, très sincèrement ce n’est pas en un commentaire que vous allez recevoir de bons conseils pour un projet professionnel. Pour dupliquer un site, je partirais plus sur l’utilisation de WordPress en mode multisite par exemple (l’administrateur garde le contrôle de toute la partie technique, design, etc, tout en ayant la possibilité d’avoir des sites indépendants par certains aspects). Je n’ai pas compris tous les détails de la demande mais à mon sens, il faut vous tourner vers un développeur pro pour ce type de projet sur mesure.

      Répondre à Marlène
  • Antoine

    Bonjour Marlène,

    Merci à nouveau pour ce bel article détaillé. C’est définitif, j’ai adopté Caldera Forms pour mon futur site et j’ai créé mon formulaire de devis.

    Il me reste cependant une grosse interrogation : mon objectif est de proposer, d’une part, la possibilité de demander un devis en ligne par le client via un formulaire sur mon site et, d’autre part, étudier sa demande et lui renvoyer un devis actualisé par mail avec un bouton ou un lien vers un le paiement s’il accepte ce second devis actualisé.

    Grâce à ton article j’ai pu réaliser le formulaire de devis pour la première partie. Pour ce qui est de la suite (renvoyer un devis actualisé par mail directement au client via un deuxième formulaire avec un bouton ou lien conduisant vers la page de paiement), je suis dans une impasse malgré de nombreuses recherches.

    1/ Est-il possible d’envoyer par mail un formulaire Caldera à une adresse en particulier, avec Mailchimp par exemple ?

    2/ Concernant le paiement, quelle serait la meilleure option entre
    -Rediriger le paiement vers un 3ème formulaire Caldera dédié au paiement,
    -Et rediriger le formulaire de devis actualisé directement vers la page panier (si tenté que la page panier puisse prendre en compte les valeurs de mon formulaire de devis actualisé?) ?

    3/ Dans le doute, existe-t-il une méthode plus rapide et automatisée pour réaliser un tel process de traitement de devis ?

    En fin de compte, il ne s’agit rien de plus que de proposer une demande de devis à remplir par le client puis, après acceptation ou modification de ce devis, le convertir en commande avec incitation au paiement si le client accepte. Des logiciels externes à wordpress existent déjà mais je souhaiterai automatiser ce processus sans me noyer avec de multiples outils.

    Désolé par avance pour la lourdeur de ce commentaire et de mes explications quelque peu indigestes, il m’est rarement arrivé de poster un commentaire si long..

    Au plaisir de te lire

    Répondre à Antoine
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Hello Antoine, il existe une intégration MailChimp/Caldera Forms mais je ne sais pas si elle répond à tes attentes. Concernant l’intégration d’un système de paiement, je ne l’ai jamais fait avec Caldera pour ma part donc je te conseillerais plutôt de te tourner directement vers le créateur du plugin.

      Tu peux aussi regarder du côté du plugin WP Cost Estimation & Payment Forms Builder. C’est un plugin axé sur les devis, qui intègre une connexion avec MailChimp et permet un paiement via PayPal et Stripe notamment. Ca peut être intéressant de présenter ton projet exact au développeur pour vérifier que le plugin est capable de répondre au cahier des charges. C’est tout à fait le genre de question auquel il peut répondre en « pré-vente » !

      Répondre à Marlène
  • Christophe

    Bonjour
    1/ depuis la derniere mise a jour mes clients ne recoivent plus de confirmation par mail lorsqu’ils remplissent un formulaire
    2/ lorsque tous les champs d’un formulaire ne sont pas remplis ils apparaissent tout de meme (vide) dans le mail. Y a t-il une possibilite de ne pas les faire apparaître ?
    Merci bcp pour vos réponses

    Répondre à Christophe
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Hello Christophe, en cas de problème suite à une mise à jour je te conseille de le signaler au développeur du plugin directement afin qu’il puisse éventuellement proposer un correctif si ça concerne plusieurs personnes.

      Concernant l’e-mail récap, je sais que l’on peut personnaliser en codant le résumé qui est envoyé dans le mail, le site de Caldera Forms en parle ici. J’imagine qu’en créant une condition du type « si un champ est vide, alors… », on peut empêcher l’affichage d’un champ vide. Je n’ai jamais testé à ce jour !

      Répondre à Marlène
  • Frederic

    Clair et précis. Comme d’habitude . Merci

    Répondre à Frederic
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Merci Frédéric, ce plugin est vraiment ultra complet pour une extension gratuite !

      Répondre à Marlène
  • Laurent

    Bonjour et merci pour votre article qui est très bien construit et très clair. Après avoir suivi vos conseils je bute sur un calcul pourtant simple. Pouvez vous me dire s’il est possible de calculer un prix en fonction de la date d’arrivée et de la date de départ avec le sélecteur de date ? Je n’y arrive vraiment pas. Met i pour votre retour et bonne journée.

    Répondre à Laurent
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Hello Laurent, je te suggère de demander sur le forum de Caldera Forms si c’est possible. Je sais qu’il y a encore deux ans, il n’était pas possible de calculer le nombre de jours entre deux dates autrement qu’en rédigeant du JavaScript personnalisé. La façon de faire, à mon sens, serait de créer un champ caché qui calculerait ce nombre de jours, puis de faire la calcul sur la base de ce champ.

      Répondre à Marlène
  • Letti

    Bonjour, merci pour cet article !
    Je débute et je cherche à créer un formulaire de devis en ligne. Jusque là tout va bien, le calcul du tarif s’effectue. Mais je voudrais pouvoir rajouter une remise en fonction du nombre de cases cochées : si dans le champs produits (par exemple), j’ai 2 cases cochées alors j’applique 10% de réduction , 15% pour 3 produits sélectionnés…. Je ne sais pas comment m’y prendre… Merci !

    Répondre à Letti
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Hello Letti, j’essaierais en combinant des conditions et un calcul.

      La condition pour une réduction 2 produits dirait : « Si la case A ET la case B sont cochées » ou « B et C » ou « A et C »
      La condition pour 3 produits dirait : « Si les cases A, B et C sont cochées »

      Sur le formulaire, on aurait les 3 cases à cocher pour chaque produit, chacune étant associée à la valeur du produit + un champ « total » qui fait la somme de ce que la personne a commandé en fonction de ce qu’elle a coché.

      Ensuite, on peut ajouter 2 calculs « cachés » qui servent à appliquer la réduction : un champ caché pour la condition 2 produits, un champ caché pour la condition 3 produits (avec formule manuelle qui calcule 0.9*Total dans le cas des 10% de réduction et 0.85*total dans le cas des 15% de réduction).

      S’il y a plus de produits, on peut aussi appliquer la réduction en fonction non pas de la case cochée mais du montant total de la commande. En tout cas, cette méthode fonctionne, j’ai fait le test rapidement et j’ai reçu le bon montant par mail :)

      Répondre à Marlène
  • Philippe

    Bonjour,
    Auriez-vous un tuto pour expliquer comment utiliser la « valeur d’incrémentation ». Je voudrais en effet pouvoir donner un numéro de « ticket » unique à chaque soumission. Je n’ai pas bien compris comment ça fonctionne…
    Merci

    Répondre à Philippe
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Hello Philippe, je ne l’utilise pas pour ma part mais de ce que je comprends, il faut créer un champ caché dans le formulaire puis associer l’option à ce champ caché en indiquant à quel chiffre commencer la numérotation. L’existence du champ caché permet, à chaque soumission de formulaire, d’incrémenter la valeur en question (cf la documentation de Caldera Forms sur la valeur d’incrémentation).

      Répondre à Marlène
  • stéphane

    Bonjour,
    quand j’ai copié le short code sur ma page contact, j’ai mis à jour la page et ca m’a mis « nothing found.
    Quel est le souci ?

    Merci

    Répondre à stéphane
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Bonjour Stéphane, ce message s’est affiché seulement sur une zone de la page ou c’est l’ensemble de la page qui a renvoyé une erreur ? Le formulaire a-t-il bien été enregistré ? Si le site utilise un plugin de cache, ça peut valoir le coup de vider le cache aussi.

      Répondre à Marlène
  • Luc

    Bonjour,
    Merci pour ce tuto. Depuis quelques temps, j’ai mis ContactForm de côté et opté pour Caldera Forms car il permet entre autres de faire des calculs. J’ai créé un formulaire sur notre site. Jusque là tout fonctionne très bien. J’aimerais que les informations (adresse, ville, code postal, etc) qui sont déjà dans ma BD soient automatiquement affichées dans les champs appropriés après que le membre eut fourni son numéro et sa date de naissance.
    Je place ces informations dans des varibales $_SESSION mais comment les récupérer dans Caldera forms. C’est là que je bloque.
    Pouvez-vous m’aider ?
    Merci beaucoup !

    Répondre à Luc
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Bonjour Luc, n’étant pas développeur web je ne prends pas la responsabilité de conseiller les gens sur du code personnalisé ;) Je te conseille de poster plutôt sur le forum de support Caldera Forms.

      Répondre à Marlène
  • Kevin

    Bonjour,
    Très bon tuto, mais j’aimerais remplir automatiquement un champ « menu déroulant » avec les utilisateurs inscrit sur mon site. Est-ce Possible

    Répondre à Kevin
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Hello Kevin, ça semble possible de remplir automatiquement le menu (cf cette page sur le site de Caldera, partie « Auto-populate ») mais les utilisateurs ne font pas partie des options par défaut donc il faut à mon sens le coder soi-même.

      Répondre à Marlène
  • estelle

    Bonjour Marlène!
    Votre article est très intéressant et bien expliqué, j’ai voulu installer l’extension mais il semblerait qu’il y ait une erreur. « Cette extension ne dispose pas d’un en-tête valide. ».
    Dommage car cela m’intéressait beaucoup…

    Répondre à estelle
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Bonjour, quelle méthode d’installation utilisez-vous ? J’utilise Caldera et ça fonctionne sur mes 3 blogs donc il y a sûrement un souci autre… d’autant que personne ne signale cette erreur sur le forum de support ces dernières semaines.

      Répondre à Marlène
  • Sandrine

    Bonjour,
    j’en étais enchantée, jusqu’à ce qu’un conflit insoluble avec visiblement des java (mon développeur n’a pas trouvé la source) m’oblige à en changer. Tous les formulaires se sont bloqués et n’envoyaient plus de message; sauf un. Du coup, je croyais qu’il n’y avait pas de demandes alors que cela ne fonctionnait plus. Je me suis rabattue vers Ninja que je trouve pas mal mais moins pratique que Caldera. Si seulement j’avais pu trouver la piste pour régler ce problème qui impacte les envois…. J’ai cherché un peu en vain et le professionnel à qui j’ai confié le problème a confirmé qu’il valait mieux en changer que risquer de perdre du temps pour tenter de trouver une aiguille dans une botte de foin…

    Répondre à Sandrine
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Décidément… J’ai l’impression que ton site aurait grand besoin d’être repensé « de A à Z » car tu sembles souvent avoir des soucis de compatibilité avec des plugins. J’ai un client dans ce cas, ça arrive souvent avec des sites qui ont grandi « brique par brique » et qui finissent par être un patchwork de personnalisations qui ne fonctionnent pas toujours très bien ensemble. Le problème, évidemment, c’est qu’une refonte complète est un processus lourd et cher :-/

      Répondre à Marlène
  • Corence

    Bonjour, Merci pour ce tuto, j’avoue que j’utilise un peu de toute ces fonctions mais peut être pas aussi bien que toi!
    Au fait, j’ai un problème particulier!
    Je voudrais ajouter un champ afficher/masquer à un formulaire particulier de mon site…
    Merci de votre promptitude…

    Répondre à Corence
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      On peut le faire sur Caldera avec les conditions : si telle condition est remplie, alors on affiche tel champ. Sinon, le champ est masqué.

      Répondre à Marlène
  • Sandrine

    Merci pour cet article très complet et qui m’a appris plusieurs choses sur un plugin que j’utilise pourtant depuis deux ans. J’avais adopté Contact 7 à la base car l’ami qui m’aidait dans le lancement de mon site avait installé ce plugin. A un moment, j’ai eu plusieurs problèmes de transmissions, je ne recevais plus les messages donc j’ai cherché d’autres plugins pensant que cela venait du plugin. Après deux tests plus ou moins convaincants j’ai découvert Caldera forms et cela a vraiment été le coup de foudre. Déjà pour sa simplicité de prise en main, c’est tellement pratique quand on est nulle comme moi de trouver un outil facile à installer et utiliser. J’ai apprécié toutes les options de réponses automatiques, redirections, qui facilitent la mise en relation avec mes partenaires et la découverte de landing pages après la soumission d’une demande. Cela m’a permis d’amener des visiteurs vers des pages qu’ils n’auraient peut-être pas vues et c’est une bonne chose. Les formulaires en modal ont fait la différence aussi car je trouvais les blocs basiques assez envahissants sur certaines de mes pages et jusqu’alors je devais toujours afficher les blocs, alors que cette solution permet d’implanter un formulaire, sans qu’il gâche une page.
    Je vais donc tester les petites choses que je n’avais pas vues et que je découvre grâce à toi.

    Répondre à Sandrine
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      J’ai une utilisation beaucoup plus basique que la tienne à ce jour donc c’est agréable de voir tout ce qu’on peut faire avec ;) Je pense que ça me servira beaucoup si je propose un jour des prestas payantes (ou que je crée un site pour quelqu’un qui en propose) car je trouve qu’il y a des options top pour créer des demandes de devis !

      Répondre à Marlène
  • Marc

    Bonjour…
    Et merci pour cet excellent tuto. Une question cependant :
    – Caldera Forms offre t-il la possibilité de réaliser des calculs (addition, produit, somme…) à partir de rubriques existantes ?
    Merci de votre réponse.
    Cordialement

    Répondre à Marc
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Bonjour Marc, oui il existe des fonctionnalités de calcul assez poussées, cf cette page du site de Caldera Forms qui expose certaines possibilités offertes par les formulaires.

      Répondre à Marlène
    • Marc

      Merci beaucoup pour votre réponse… documentée.
      Cordialement

      Répondre à Marc
  • Heidhi

    Merci beaucoup ! Super article qui facilite la vie comme toujours :-)

    Répondre à Heidhi
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Merci !

      Répondre à Marlène
  • fab

    Bonjour,
    je n’arrive pas à récupérer les donnés du formulaire une fois remplis en ligne.
    En gros impossible de récupérer les réponses par mail….. je ne sais pas où elles vont.
    Comment faire ?
    Merci

    Répondre à fab
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Bonjour, je te conseille la lecture de mon article sur les problèmes d’envoi d’e-mails, il y a sûrement un souci au niveau de ton site qui bloque l’envoi des messages. Vérifie aussi que tu n’as pas fait d’erreur dans l’adresse e-mail à laquelle sont envoyés les messages issus de tes formulaires.

      Répondre à Marlène
  • serge

    Merci pour cet excellant tuto.
    En fait je suis à la recherche d’un plugin pour créer un formulaire à intégrer dans une page de mon site et ensuite récupérer les réponses de mes adhérent pour les traiter. (par exemple les stocker dans un fichier excel).
    Pour la première partie Caldera fait bien le job, mais peut-on récupérer les donnée.
    Merci pour votre réponse et vos compétences.
    Bien cordialement

    Répondre à serge
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Bonjour Serge, par défaut les données sont stockées en base de données donc on peut les exporter. Il y a également plein d’add-on pour Caldera Forms, notamment pour une interaction avec Google Sheets.

      Il y a une option « Sauvegarder les données » dans les formulaires, je sais que je l’ai désactivée à cause du RGPD mais elle existe.

      Répondre à Marlène
  • Sarah - Un Café près du Clavier

    Oh ! Je suis tentée de l’utiliser ce plug-in là ! Je le note dans mes petits papiers. Merci pour ce tutoriel :)

    Répondre à Sarah
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      C’est une extension de formulaire très complète, je l’ai adoptée après avoir utilisé Contact Form 7 et je la trouve beaucoup plus puissante.

      Répondre à Marlène
  • Céline

    Hello Marlène,

    Merci pour ce tuto.
    Est-ce que ce plugin permet de faire ouvrir le formulaire dans une fenêtre pop-up ?

    Merci de ton aide !

    Répondre à Céline
    • Marlène

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      The Real Person!

      Author Marlène acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.

      Hello Céline, quand tu modifies un article/une page avec le plugin Caldera Forms installé, tu disposes d’un bouton pour insérer facilement un formulaire dans la page. On peut cocher une option pour qu’il s’affiche comme « fenêtre modale » (c’est-à-dire pop-up !). En revanche, pour afficher une pop-up avec des options plus complètes (et indépendamment d’un article/d’une page), mieux vaut opter pour un vrai plugin de pop-up qui offrira plus de possibilités (type PopUp Maker, etc).

      Répondre à Marlène


Si vous aimez les articles du site, n'hésitez pas à faire vos achats sur Amazon.fr via ce lien ; il me permettra de toucher une commission grâce au programme Partenaires Amazon EU.