Apprendre mokapen

Formulaire de contact

Le formulaire de contact est la façon dont Mokapen fait entrer les leads dans le carnet d'adresses sans recopier d'e-mails : le visiteur laisse un nom, un message et les champs que vous demandez, sur le site ou une landing. Vous trouvez déjà le contact dans le CRM — avec une notification à l'équipe et, si vous les activez, une tâche, une opportunité ou un ticket. Pas de plugin WordPress à faire utiliser au commercial, pas de tableur « leads du site », pas de copier-coller depuis la boîte info@.

Ce n'est ni un créneau dans le calendrier ni une réservation de catalogue. Pour « choisir un horaire avec Sara », il y a Réservation de rendez-vous ; pour « choisir un service ou un produit et une date », il y a Réserver un service ou un produit. Cette guide est le formulaire classique : écrivez-nous, demande de démo, inscription webinar, « rappelez-moi ».

Tout l'intérêt est là : une URL (ou un snippet sur le site), les données atterrissent sur la fiche contact avec la source formulaire, les mêmes champs et la même confidentialité que le reste de Mokapen. De là vous lancez une séquence, une opportunité, une tâche — sans second outil.

À quoi ça sert et pourquoi ça aide

Le problème n'est pas « avoir un formulaire ». C'est que le formulaire vit ailleurs et le CRM non. Mokapen ferme l'écart :

• Un seul endroit — le formulaire appartient à l'organisation, pas au site. Vous le partagez avec un lien, vous l'intégrez dans le CMS, vous le mettez en bio ou dans une campagne ads. N'importe qui dans l'équipe le trouve dans Formulaire, pas « dans le WordPress de Marco ».
• Un vrai contact, pas un e-mail dans la boîte — à l'envoi, Mokapen crée ou met à jour la fiche (même e-mail sur E-mail 1/2/3 → met à jour, ne duplique pas). Téléphone, entreprise, champs personnalisés, consentements de confidentialité : ils atterrissent là où vous les avez mappés. La source est le formulaire (code form_…) ; si le contact existait déjà, la première source n'est pas écrasée.
• Moins de travail après l'envoi — page de remerciement, e-mail de confirmation au visiteur, notification aux boîtes que vous avez mises sur le formulaire. Puis, si le plan l'inclut, des automatisations sur le formulaire : une étiquette, une tâche « rappeler sous 24 heures », une opportunité inbound, un ticket.
• Les champs que vous utilisez déjà — vous n'inventez pas un second référentiel. Vous ajoutez les champs contact (et, si vous en avez besoin, les champs entreprise) que l'organisation a déjà : liste, dates, nombres, pays. Obligatoire oui/non et le libellé visible, c'est vous qui décidez.
• Deux landings, le même formulaire — les champs cachés (campagne, UTM, segment) indiquent d'où vient le lead sans cloner le formulaire dix fois. Le code formulaire (slug) est celui que vous utiliserez aussi dans le déclencheur des automatisations.

En bref : vous utilisez ce formulaire pour collecter qui vous écrit. Vous utilisez la page rendez-vous pour faire réserver un créneau. Vous utilisez la page services/produits pour faire réserver une ligne de catalogue. Ne mélangez pas les trois jobs dans un seul formulaire.

Comment y accéder et les limites

• Menu utilisateur → Formulaire. En haut, filtres Tous / Formulaire de contact / Réservation de rendez-vous / Réserver un service ou un produit. Si vous arrivez depuis le filtre contact, « Nouveau formulaire » part déjà sur le bon modèle.
• À gauche, dans le menu Formulaire, il y a aussi Tracking (snippet visites du site, plans avec tracking). Les pages publiques du site Mokapen arrivent encore : aujourd'hui vous publiez le formulaire, pas un site entier.
• Il faut l'application Formulaire active (Réglages → Applications) et les permissions de rôle pour créer/modifier. Le plafond de formulaires est celui du plan (Premium) : dans la liste, si vous êtes à la limite, « Nouveau formulaire » ouvre l'upgrade. Au-delà de la limite, les formulaires les plus récents restent verrouillés même si vous les ouvrez depuis un lien direct — les plus anciens restent.
• Les automatisations de formulaire (créer une opportunité, une tâche, un ticket, mettre à jour le contact) sont sur les plans qui incluent les Automatisations depuis les formulaires (même niveau que les automatisations complètes). Sans ce plan, vous pouvez quand même publier le formulaire : contact, notification et journal sont là de toute façon.

Page liste

Chaque carte montre le titre interne, un badge de type (formulaire de contact / rendez-vous / service), le code formulaire (slug : vous l'utiliserez dans les automatisations et vous le voyez aussi dans Réglages), l'icône, le statut Online (vert, avec une icône pour ouvrir la page publique) ou Offline (rouge, avec un œil pour l'aperçu sans accepter les envois).

Menu trois points : Modifier (ouvre Réglages), Dupliquer, Supprimer. Dupliquer sert quand vous avez un formulaire qui marche et que vous en voulez un jumeau pour une autre campagne (ensuite vous changez titre, champs cachés, e-mails de notification). Supprimer retire la page publique : les contacts déjà créés restent dans le carnet d'adresses.

Si la liste est vide, Mokapen vous le dit et propose le bouton nouveau (si le plan a encore des créneaux).

Créer un formulaire de contact

1. Formulaire → Nouveau formulaire. Dans « Que voulez-vous créer ? » choisissez Formulaire de contact (si vous n'êtes pas déjà filtré sur contact). Vous choisissez le modèle à la création : vous ne le changez pas ensuite depuis cet écran — pour un créneau calendrier, vous faites un autre formulaire.
2. Nom — il est interne (vous le voyez dans la liste). Le visiteur voit le titre et le sous-titre que vous mettez dans le contenu.
3. E-mail de notification — qui doit savoir qu'un envoi est arrivé (info@, le commercial de service, plusieurs adresses). Ce n'est pas l'archive : l'archive, c'est le contact + le journal. Si vous le laissez vide, vous risquez de rater les envois.
4. Mokapen prépare déjà : logo de l'organisation (s'il y en a un), titre, sous-titre de formulaire de contact, champ e-mail (obligatoire), prénom (obligatoire), nom, texte de confidentialité avec liens vers la confidentialité et les conditions. Puis vous ouvrez Contenu.
5. Chemin en haut : Nom → Contenu → Réglages → (si le plan l'inclut) Automatisation. Dans Réglages, vous mettez le formulaire ONLINE seulement quand titre, champs, confidentialité, page de succès et e-mail de confirmation sont en place. Hors ligne, le lien public n'accepte pas les envois ; l'aperçu oui.

Éditeur : design et champs

Aperçu à gauche, deux onglets à droite : Design (blocs) et Options. En haut, en plus de la landing, vous avez la page de succès et l'e-mail de confirmation — ne les sautez pas : c'est la différence entre « nous avons bien reçu » et le silence.

Blocs Design

• Logo — image et alignement. À la création, si l'org a un logo, il est déjà copié. Un logo par formulaire.
• Titre — titre et sous-titre visibles pour le visiteur. Le sous-titre par défaut explique que vous collectez un contact : réécrivez-le dans le ton de la marque.
• Message — zone de texte libre (demande, notes). Ce n'est pas un champ de la fiche contact : il atterrit dans le journal, l'e-mail de notification et les automatisations. Utile ; il ne remplace pas le téléphone ou l'entreprise si vous en avez besoin dans la fiche.
• Champs contact — liste des champs du carnet d'adresses. Par défaut : e-mail, prénom, nom. Ajoutez téléphone (va sur Téléphone 1), adresse, ville, pays, entreprise (texte ; Mokapen peut lier/créer l'entreprise dans le carnet), liste, dates, nombres, personnalisé. Pour chacun : libellé, afficher le libellé, obligatoire. Retirez ce dont vous n'avez pas besoin : un formulaire long divise les envois par deux.
• Champs personnalisés — bloc extra (pas les champs personnalisés déjà dans le carnet) : questions « ponctuelles » qui restent dans le journal et les automatisations, sans encombrer la fiche. Utilisez les champs du carnet si vous voulez filtrer et rapporter ; utilisez ce bloc si c'est seulement le contexte de l'envoi.
• Arrière-plan — couleur de la page.
• Réservations — ne le faites pas glisser sur un formulaire de contact. Ce bloc est pour les deux autres guides : vous changeriez le type de page.

Enregistrez souvent. L'aperçu à gauche suit les blocs ; Aperçu dans Réglages ouvre la vraie page dans un autre onglet.

Options : confidentialité, spam, tracking

• Politique de confidentialité — texte sous le bouton, avec liens vers la confidentialité et les conditions (préremplis ; vous les adaptez au juridique de votre org). Sans consentement visible, un formulaire public sur le site est un risque : réglez-le avant de passer ONLINE.
• Autorisations de confidentialité — consentements que Mokapen enregistre sur la fiche contact (source : ce formulaire, id de page). Ils sont nécessaires si vous allez tracker ou envoyer des newsletters : le consentement reste sur le contact, pas seulement dans le journal.
• Case de confirmation — « J'ai lu et j'accepte », une étape explicite au-delà du texte de confidentialité. Rendez-la obligatoire si le juridique le demande.
• Champs cachés — valeurs que le visiteur ne voit pas (nom de campagne, UTM, « landing-pricing »). Même formulaire, deux URL ou deux snippets avec des valeurs hidden différentes : en automatisation et dans le journal, vous les distinguez. Ne mettez pas de données sensibles en clair dans l'URL si vous n'en avez pas besoin.
• Page de succès personnalisée — au lieu de la page Mokapen, redirection vers une URL à vous (merci sur le site, upsell). Si vous l'utilisez, l'onglet « page de succès » de l'éditeur compte moins : le visiteur ne la voit pas.
• reCAPTCHA — anti-spam. Activez-le si le formulaire est public : sans lui, bots et envois vides salissent le carnet et les notifications.

Page de succès et e-mail de confirmation

Page de succès — texte après l'envoi (par défaut : un remerciement générique) et un bouton optionnel (« Retour au site », « Télécharger le PDF ») avec une URL. Alignez le ton sur ce qui se passe ensuite : « nous vous rappelons dans la journée » s'il y a une tâche, pas « vous êtes déjà au calendrier » (c'est l'autre formulaire).

E-mail de confirmation — part au visiteur (expéditeur, objet, corps). Remplissez-le : c'est la preuve que l'envoi est arrivé. Il ne remplace pas la notification interne (celle-là va aux e-mails que vous avez mis sur le formulaire). Si le visiteur ne le reçoit pas, vérifiez le spam et que l'e-mail sur le formulaire est valide — Mokapen utilise l'adresse qu'il a saisie.

Publier : statut, URL, embed, tracking

Dans Réglages :

• ONLINE / OFFLINE — interrupteur. Brouillon = Offline, vous travaillez en aperçu. Online = vous acceptez les envois. Le slug (code) reste visible sous le titre : ne le changez pas à la légère si vous l'avez déjà mis dans une campagne ou une automatisation.
• URL du formulaire — copiez-la dans les ads, l'e-mail, un QR, la bio. Le visiteur ouvre la page Mokapen. Le bouton Afficher n'est actif que si ONLINE.
• Code à intégrer — snippet (script + conteneur) pour le site : un bouton ou un formulaire intégré. Vous le collez dans le CMS ; les données arrivent quand même dans Mokapen, elles ne restent pas sur le site. Copiez avec le bouton, pas à la main à moitié.
• Visites du site (plans avec tracking) — snippet tracking.js + consentement. Vous le mettez sur le site (pas seulement sur la page du formulaire) pour lier les visites au contact après l'envoi. Sans consentement, ne fusionnez pas les parcours. Il y a aussi la page Formulaire → Tracking avec le même code.

Dans les mêmes Réglages, vous revoyez le nom, l'e-mail de notification, l'aperçu iframe et un raccourci vers les automatisations déjà actives sur le formulaire.

Ce qui se passe à l'envoi

Sans rien d'autre de configuré, dans l'ordre :

• Mokapen écrit une ligne dans le journal du formulaire (tous les champs envoyés, y compris message et hidden).
• Il cherche un contact non archivé avec cet e-mail sur E-mail 1, 2 ou 3. S'il y en a un, il met à jour les champs remplis (il n'efface pas ce qui n'est pas sur le formulaire). S'il n'y en a pas, il crée la fiche. E-mail du formulaire → E-mail 1 ; téléphone → Téléphone 1. Source form_ + id de page ; si le contact avait déjà une source, Mokapen ne l'écrase pas (il peut enregistrer une seconde source si le CRM le permet).
• Il enregistre les consentements de confidentialité liés à ce formulaire, si vous les avez ajoutés.
• S'il y a du tracking avec un jeton visiteur et un consentement, il relie les événements du site au contact.
• Il envoie la notification aux e-mails du formulaire et, si vous l'avez rédigé, l'e-mail de confirmation au visiteur. Il affiche la page de succès (ou la redirection).

Puis le déclencheur interne « formulaire envoyé » se déclenche (les automatisations complètes en ont besoin) et, si vous les avez configurées, les automatisations du formulaire :

• Mettre à jour le contact — étiquettes (« Lead site »), champs extra, propriétaire. Une seule de ce type par formulaire : c'est le réglage de la fiche, pas un second flux.
• Nouvelle tâche — ex. « Premier contact sous 24 heures », liée au contact. Il faut l'application Activités.
• Nouvelle opportunité — pipeline inbound, étape initiale, liée au contact. Il faut Ventes.
• Nouveau ticket — si c'est du support, pas un lead commercial. Il faut Helpdesk.

C'est le raccourci linéaire (pas de délais, pas de « si champ = X »). Quand vous avez besoin de conditions, d'attentes, d'un e-mail au commercial avec des variables ou d'une inscription à une séquence, utilisez le module Automatisations avec le déclencheur Formulaire de contact reçu et le code formulaire (slug) que vous voyez dans la liste. Les deux chemins peuvent coexister : étiquette + tâche sur le formulaire, nurture dans la séquence.

Processus recommandé

• Décidez ce qui doit se passer après (notification seulement ? tâche ? opportunité ? ticket ?) avant de concevoir les champs.
• Partez de l'e-mail + prénom ; n'ajoutez un champ que si vous l'utiliserez dans un filtre ou lors d'un appel. Chaque champ en plus coûte des conversions.
• Confidentialité + reCAPTCHA avant ONLINE. Puis page de succès et e-mail de confirmation, dans le même ton.
• Testez Offline avec l'aperçu et un envoi sur votre propre adresse. Vérifiez la fiche contact, le journal, la notification, la confirmation.
• ONLINE, mettez l'URL sur un seul canal (ex. pied de page du site). Après 48 heures, regardez le journal et les doublons. Puis ads / une seconde landing avec champs cachés.
• Ne changez pas le slug d'un formulaire déjà en campagne. Dupliquez et créez le jumeau.

Cas d'usage

Le formulaire est toujours « collecter un contact ». Ce qui change, c'est ce qui se passe ensuite et la longueur du formulaire. N'utilisez pas cette page pour faire réserver un créneau : c'est l'autre guide.

• Nous contacter sur le site — Le pied de page classique ou la page Contact. Le visiteur n'achète pas : il demande. Gardez le formulaire court : e-mail, prénom, un message, reCAPTCHA, confidentialité. Notification à info@ (ou au commercial de service), pas à dix personnes. Automatisation : une tâche « premier contact sous 24 heures » sur le contact, pas une opportunité sur chaque ligne — la moitié est du spam, des questions génériques ou des clients déjà en place. Si au bout de deux jours les messages sérieux mentionnent toujours une entreprise, alors ajoutez le champ entreprise : pas avant.
• Landing de campagne ads — Les mêmes trois champs que sur le site, mais vous devez savoir de quelle pub vient le lead. Un seul formulaire, avec un champ caché (ex. « google-brand » vs « linkedin-b2b ») qui change selon l'URL ou le snippet ; ou deux clones si les valeurs hidden ne peuvent pas venir du lien. Automatisation : une étiquette « Lead ads » et, si le plan l'inclut, une opportunité dans le pipeline Inbound. Dans les rapports, vous les distinguez par la valeur hidden ou par les deux slugs. Ne construisez pas dix formulaires jumeaux que plus personne ne met à jour ensuite.
• Inscription webinar ou contenu — L'objectif n'est pas un appel, c'est une liste. Peu de champs obligatoires (e-mail, nom), e-mail de confirmation avec le lien de l'événement déjà rédigé, une étiquette sur le contact (« Webinar mars »). Puis une séquence filtrée sur cette étiquette envoie les rappels : le formulaire inscrit, la séquence nourrit. Ne mettez pas trois e-mails sur le formulaire — ce n'est pas une séquence, c'est un formulaire.
• Demande de support depuis le site — Même éditeur, autre job. Titre interne « Aide site » pour ne pas le mélanger dans la liste avec le formulaire commercial. Automatisation : un nouveau ticket au lieu d'une opportunité. Champs : e-mail, nom, message (et éventuellement un numéro de commande dans un champ personnalisé). Le commercial ne doit pas voir ces envois dans le pipeline. S'il vous faut un vrai helpdesk avec files et SLA, utilisez Tickets ; ce formulaire est le canal d'entrée.
• « Rappelez-moi » — Le visiteur ne veut pas rédiger un roman : il veut un coup de fil. Rendez le téléphone obligatoire, laissez un champ (ou le message) pour une plage horaire. Tâche « Rappeler aujourd'hui » pour le commercial. Ce n'est pas un créneau au calendrier : si vous voulez qu'ils choisissent l'heure et reçoivent un Meet, utilisez Réservation de rendez-vous. Ce formulaire collecte la demande ; vous appelez.

Exemples pratiques

1. Du vide au pied de page en un quart d'heure

Formulaire → Nouveau formulaire → Formulaire de contact. Nom interne « Site — contact », notification à sales@. Dans Contenu, laissez e-mail, prénom, message ; retirez le reste. Onglet Options : confidentialité (adaptez les liens aux pages légales de votre org) et reCAPTCHA. Page de succès : « Nous vous recontactons aujourd'hui » — seulement si c'est vrai. Réglages : Offline, Aperçu, envoi sur votre propre adresse. Vérifiez la fiche contact, le journal, l'e-mail de notification et l'e-mail de confirmation. Puis ONLINE et le snippet dans le pied de page. Automatisation : étiquette « Site » + tâche 24 heures. Résistez à ouvrir une opportunité sur chaque message : vous salissez le pipeline et le commercial arrête de le regarder.

2. Deux campagnes, une fiche

Le formulaire de l'étape 1 marche. Dupliquez-le. Sur le clone, changez seulement le champ caché (ou le slug, si vous préférez deux URL nettes) et le nom interne (« Ads Google » / « Ads LinkedIn »). Même automatisation mise à jour du contact (étiquette « Lead ads ») et, si vous l'utilisez, le même pipeline. Un contact qui arrive deux fois est mis à jour, pas dupliqué. Dans les rapports, vous filtrez sur le champ caché ou vous comparez les deux slugs. Quand vous changez un champ visible, pensez à le changer sur les deux — ou gardez un seul formulaire et faites passer la valeur hidden depuis l'URL de la landing.

3. Webinar : le formulaire inscrit, la séquence rappelle

Formulaire court, étiquette « Webinar mars » sur l'automatisation mise à jour du contact, e-mail de confirmation avec date et lien Zoom déjà dans le corps. Dans Séquences, vous construisez un flux filtré sur cette étiquette, pool SMTP, sortie quand le contact répond. N'essayez pas de « faire la séquence » avec trois champs e-mail sur le formulaire : quelqu'un qui s'inscrit une fois ne doit pas recevoir trois confirmations, il doit recevoir des rappels aux bons jours. Le lendemain du webinar, passez le formulaire Offline ou changez le texte de succès : pas de listes zombies.

Questions fréquentes

Q : Si l'e-mail est déjà dans le carnet, que se passe-t-il ?

R : Mokapen met à jour le contact existant (non archivé) trouvé sur E-mail 1/2/3. Il ne crée pas de doublon juste parce qu'il a rempli à nouveau. Les champs vides du formulaire n'effacent pas ce que vous aviez déjà sur la fiche.

Q : Puis-je utiliser ce formulaire pour faire réserver un appel ?

R : Mieux vaut Réserver un rendez-vous : vrais créneaux, Meet/Teams, pas de « trois dates par e-mail ». Ce formulaire collecte une demande ; il ne réserve pas le calendrier.

Q : Le formulaire n'accepte pas les envois.

R : Il doit être ONLINE. Vérifiez reCAPTCHA, les champs obligatoires, que vous n'avez pas dépassé le plafond de formulaires du plan (formulaires récents verrouillés), et que le snippet/URL appartient à ce formulaire (bon slug).

Q : Où vois-je qui a envoyé ?

R : Fiche contact (source formulaire) et journal du formulaire (paramètres de l'envoi). Les e-mails de notification sont l'alerte, pas l'archive : si vous les supprimez, les données restent dans Mokapen.

Q : À quoi sert le code / slug ?

R : Il identifie le formulaire dans l'URL, dans le snippet et dans le déclencheur des automatisations. Copiez-le depuis le badge de la liste ou depuis Réglages. Ce n'est pas un secret, mais si vous le changez vous cassez les liens déjà publiés.

Q : Les champs « personnalisés » du bloc atterrissent-ils dans le carnet ?

R : Non : ils restent dans le journal, le mail et les automatisations. Pour filtrer les contacts, utilisez les champs de la fiche contact.

Q : J'ai dépassé le nombre de formulaires du plan.

R : Les plus anciens restent utilisables ; les plus récents se verrouillent. Supprimez ou archivez les tests, ou passez à l'upgrade. Dupliquer compte comme un formulaire de plus.