Créer des formulaires et des formulaires de contact avec Kopage

Grâce à un formulaire, les visiteurs peuvent prendre contact directement via votre site web Kopage, envoyer une demande ou transmettre d'autres informations.

Le constructeur de site Web classique de Jimdo propose pour cela une fonction de formulaire qui vous permet, en plus de simples formulaires de contact, de créer des formulaires avec les champs dont vous avez besoin.

Dans ce guide, nous vous montrons comment planifier judicieusement un formulaire, l'intégrer sur votre site web, définir les champs nécessaires et vérifier ensuite si les demandes sont transmises correctement.

En bref : Un bon formulaire de contact ne demande que les informations dont vous avez réellement besoin pour traiter une demande. Plus le formulaire est simple et compréhensible, plus il est facile pour les visiteurs de le remplir.

À quoi puis-je utiliser les formulaires dans Kopage ? #

Un formulaire de contact classique n'est qu'une application possible.

Selon le site Web, les formulaires peuvent par exemple être utilisés aux fins suivantes :

• demandes de renseignements générales,
• Demandes d'offres,
• Demandes de réservation ou de rendez-vous,
• Inscriptions,
• Demandes de rappel,
• Commentaires,
• ou d'autres demandes structurées.

Quels champs vous avez besoin dépend donc toujours de l'objectif précis du formulaire.

Planifier le formulaire avant la création #

Avant d'ajouter autant de champs de formulaire que possible dans l'éditeur Kopage, vous devriez réfléchir aux informations dont vous avez réellement besoin.

Pour un simple formulaire de contact, quelques indications suffisent souvent :

Nom
Adresse e-mail
Message

Selon le cas d'utilisation, des informations supplémentaires peuvent être utiles, par exemple un numéro de téléphone, une entreprise ou la sélection d'un service spécifique.

Évitez les champs dont vous n'avez pas du tout besoin pour traiter la demande.

Conseil pratique : Plus un formulaire est long, plus il représente d'efforts pour le visiteur. Par conséquent, ne demandez pas par précaution tout ce qui pourrait éventuellement être intéressant un jour.

Ajouter un formulaire à une page CoPage #

Ouvrez d'abord dans l'éditeur Kopage la page sur laquelle le formulaire doit apparaître.

Sélectionnez ensuite le formulaire ou le constructeur de formulaires via la fonction prévue à cet effet et insérez-le à l'endroit souhaité de votre page.

Selon la structure de votre site web, le formulaire peut par exemple être utilisé sur une page de contact dédiée ou au sein d'une zone de contenu adaptée.

Si vous n'êtes pas encore familiarisé avec la structure de base des pages et des blocs de contenu, vous trouverez plus d'informations sous Créer du contenu avec Kopage : modifier les blocs de contenu, les textes et les images.

De quels champs de formulaire ai-je besoin ? #

Les champs de formulaire déterminent quelles informations les visiteurs peuvent saisir.

Pour un formulaire de contact, par exemple, une adresse e-mail est importante si vous souhaitez répondre à la demande par e-mail.

Un champ de message permet en revanche la saisie d'un texte libre plus long.

Les types de champs qui vous sont proposés dans le générateur de formulaires dépendent des fonctionnalités correspondantes de celui-ci. Choisissez à chaque fois un type de champ qui correspond à la saisie attendue.

Étiqueter clairement les champs #

Chaque champ doit être étiqueté de manière à ce que les visiteurs comprennent immédiatement quelle information est attendue.

Les désignations claires sont par exemple :

Prénom et nom
Adresse e-mail
Numéro de téléphone
Entreprise
Votre message

Évitez les abréviations internes ou le jargon technique que vos visiteurs ne connaissent peut-être pas.

Si des explications supplémentaires sont nécessaires pour un champ, elles doivent être formulées de manière aussi courte et compréhensible que possible.

Utiliser judicieusement les champs obligatoires #

Il n'est pas nécessaire de remplir obligatoirement chaque champ du formulaire.

En tant que champ obligatoire, vous devez en particulier définir les informations sans lesquelles vous ne pouvez pas traiter la demande de manière pertinente.

Pour un formulaire de contact normal, par exemple, le nom, l'adresse e-mail et le message peuvent être obligatoires, tandis qu'un numéro de téléphone peut rester facultatif.

Important : Ne rendez pas un champ obligatoire simplement parce que l'information vous intéresserait. Ce qui est décisif, c'est qu'elle soit réellement nécessaire à l'objectif visé.

Demander correctement l'adresse e-mail #

Si vous souhaitez répondre à l'expéditeur, le formulaire doit recueillir une adresse e-mail.

Étiquetez clairement le champ et utilisez le type de champ prévu à cet effet, pour autant qu'il soit disponible dans le générateur de formulaires.

Une adresse e-mail mal saisie peut faire en sorte que vous receviez bien une demande, mais que vous ne puissiez pas répondre à l'expéditeur.

Pour les demandes importantes, un numéro de téléphone peut donc également s'avérer utile, pour autant qu'il soit nécessaire à l'objectif concerné.

Utiliser le champ de message #

Un champ de message multiligne est idéal pour les demandes libres.

Cela permet aux visiteurs de décrire leur demande plus en détail.

Une étiquette compréhensible telle que :

Comment pouvons-nous vous aider ?

peut être plus utile selon le site Web qu'un libellé de champ technique ou peu clair.

Le ton de l'adresse doit bien sûr correspondre au style linguistique de votre site web.

Utiliser les champs de sélection #

Lorsque les visiteurs doivent choisir entre plusieurs options prédéfinies, un champ de sélection correspondant peut s'avérer utile.

Dans une entreprise de services, une sélection pourrait par exemple ressembler à ceci :

Je m'intéresse à :

Conseil
Planification
Mise en œuvre
Support
Autre

Cela vous permet d'obtenir des demandes plus structurées et de deviner souvent de quoi il s'agit avant même de lire le message.

N'utilisez toutefois des options de choix que là où elles aident réellement le visiteur.

Ne pas rendre le formulaire inutilement compliqué #

Une erreur fréquente consiste à concevoir un formulaire de contact simple comme un questionnaire volumineux.

Pour une première prise de contact, vous n'avez généralement pas besoin de recueillir toutes les informations qui pourraient s'avérer nécessaires plus tard dans l'entretien.

Un formulaire clair pourrait par exemple être structuré ainsi :

Nom *
Adresse e-mail *
Téléphone
Objet
Message *

[Envoyer le message]

L'astérisque peut ainsi – si vous utilisez cette représentation – indiquer un champ obligatoire.

Définir le destinataire de la demande de formulaire #

Un formulaire de contact n'est utile que si les demandes soumises arrivent au bon endroit.

Vérifiez par conséquent dans les paramètres du formulaire à quelle adresse e-mail ou quelle destination prévue les messages du formulaire sont transmis.

Utilisez une adresse qui est consultée régulièrement.

Pour un site web d'entreprise, par exemple, une adresse telle que :

info@example.ch

souvent plus judicieux que la boîte aux lettres personnelle d'un collaborateur si plusieurs personnes doivent traiter les demandes.

Important : Ne publiez jamais un formulaire sans envoyer ensuite une véritable demande de test. C'est la seule façon de s'assurer que le message arrive effectivement à destination.

Envoyer le formulaire et confirmation pour les visiteurs #

Après l'envoi, il devrait être évident pour le visiteur que sa demande a été transmise.

Une confirmation claire évite que le formulaire ne soit envoyé plusieurs fois parce que le visiteur ne sait pas si la première tentative a fonctionné.

Si la configuration de formulaire que vous utilisez prévoit une confirmation ou un message de réussite correspondant, il doit être formulé de manière brève et claire.

Par exemple :

Merci beaucoup. Votre message a été envoyé.

Ne promettez pas un temps de réaction que vous ne pouvez pas respecter de manière fiable.

Étiqueter le bouton de manière pertinente #

Le bouton d'envoi doit également être compréhensible.

Une inscription telle que :

Envoyer un message

décrit clairement l'action.

Pour un autre type de formulaire, une étiquette plus adaptée peut être utilisée, par exemple :

Envoyer la demande
Soumettre l'inscription
Demander un rappel

Le bouton doit indiquer aux visiteurs le plus clairement possible ce qui se passe lorsqu'ils cliquent dessus.

Intégrer visuellement le formulaire dans le site web #

Un formulaire doit s'harmoniser avec le reste du design de votre site web.

Veillez particulièrement à ce que les étiquettes soient bien lisibles, que les champs de saisie offrent suffisamment d'espace et que le bouton d'envoi soit clairement identifiable.

Évitez les contrastes de couleurs trop faibles entre le texte, les champs de saisie et l'arrière-plan.

Nous traitons des options de conception générales sous Personnaliser le modèle et le design Kopage : couleurs, polices, en-tête et pied de page.

Spam via formulaires de contact #

Les formulaires accessibles au public peuvent être la cible de bots automatisés, ce qui peut engendrer des messages indésirables.

Kopage propose des fonctionnalités ou des intégrations pour protéger les formulaires contre les saisies automatisées. Vous devriez vérifier quelle option de protection est utilisée pour votre formulaire spécifique dans la configuration actuelle du formulaire.

Un tel dispositif de protection vise à compliquer les envois automatisés, sans pour autant rendre la prise de contact inutilement difficile pour les visiteurs réels.

Conseil pratique : Si de nombreux messages de formulaires manifestement automatisés arrivent soudainement, vérifiez d'abord les fonctions anti-spam existantes du formulaire avant de recréer l'ensemble du formulaire.

Ne pas confondre Formular et SpamExperts #

La protection d'un formulaire de site web et le filtre anti-spam de votre boîte e-mail sont deux niveaux différents.

SpamExperts protège le trafic des e-mails. Un formulaire est d'abord rempli et traité via votre site Web.

Lorsqu'un message de formulaire est envoyé par e-mail, le traitement normal des e-mails peut ensuite s'avérer pertinent en plus.

En cas de problème, vous devez donc d'abord déterminer si le formulaire lui-même ne fonctionne pas ou si un message de formulaire déjà envoyé n'apparaît tout simplement pas dans la boîte de réception attendue.

Formulaire et protection des données #

Des données de visiteurs sont transmises via un formulaire de contact. Par conséquent, vous ne devez demander que les informations nécessaires à cet objectif spécifique.

De plus, ton site Web devrait informer de manière transparente sur la manière dont les données à caractère personnel sont traitées. Les informations juridiques concrètes qui sont nécessaires dépendent de ton entreprise, de la finalité du formulaire, des données collectées et des exigences légales applicables.

Important : Un formulaire techniquement fonctionnel ne signifie pas automatiquement que toutes les exigences en matière de protection des données sont remplies. Vérifiez les directives applicables à votre site web et à votre cas d'utilisation.

Ne demandez pas inutilement de données sensibles via un formulaire de contact classique #

Un formulaire de contact ordinaire ne devrait pas être utilisé sans nécessité absolue pour la transmission d'informations particulièrement sensibles ou confidentielles.

Réfléchissez donc avant la création aux données qui sont réellement nécessaires et si un formulaire de site web normal est adapté à l'usage prévu.

Pour une demande générale, des informations de contact de base et le message proprement dit suffisent généralement.

Tester le formulaire avant la publication #

Un formulaire doit toujours être entièrement testé.

Remplissez-le comme le ferait un vrai visiteur par la suite.

Vérifiez ensuite :

Peut-on remplir tous les champs nécessaires ?
        ↓
Les champs obligatoires fonctionnent-ils ?
        ↓
Le formulaire peut-il être soumis ?
        ↓
Une confirmation apparaît-elle ?
        ↓
La demande arrive-t-elle chez le bon destinataire ?
        ↓
Les données de l'expéditeur et le message sont-ils lisibles ?
        ↓
La demande peut-elle faire l'objet d'une réponse appropriée ?

Testez également ce qui se passe lorsqu'un champ obligatoire n'est pas rempli.

Tester le formulaire sur smartphone #

De nombreux visiteurs utiliseront votre formulaire sur un smartphone.

Ne contrôlez donc pas seulement la vue de bureau.

Veillez à ce que les champs soient clairement identifiables et utilisables, que les libellés ne reviennent pas à la ligne de manière inopportune et que le bouton d'envoi puisse être utilisé sans problème.

Les formulaires très volumineux peuvent s'avérer particulièrement fastidieux sur les petits écrans. C'est une raison de plus pour ne demander que les champs réellement nécessaires.

Vous trouverez de plus amples informations sur Design adaptatif : Optimiser le site web Kopage pour smartphones et tablettes.

Que faire si aucun message de formulaire n'arrive ? #

Si une requête de test peut être envoyée avec succès, mais qu'aucun message n'arrive à la destination prévue, vous devez procéder de manière systématique.

Vérifie d'abord si l'adresse du destinataire est correctement renseignée dans le formulaire.

Vérifiez ensuite également le dossier spam ou courrier indésirable de la boîte aux lettres concernée.

S'il n'y a pas non plus de message là-bas, il convient de déterminer si le problème survient lors de la soumission du formulaire ou lors de la livraison ultérieure de l'e-mail.

Conseil pratique : En cas de problème de livraison, veuillez noter l'heure approximative de votre demande de test, l'adresse de l'expéditeur utilisée et l'adresse du destinataire prévue. Ces informations facilitent grandement un examen technique ultérieur.

Que faire si le formulaire ne peut pas être envoyé ? #

Si l'envoi du formulaire échoue déjà, commencez par vérifier les indications visibles ou les messages d'erreur.

Vérifiez également si tous les champs obligatoires requis ont été correctement remplis et si une fonction de protection existante empêche la transmission.

Testez en outre le formulaire si nécessaire dans un autre navigateur ou dans une fenêtre de navigation privée.

Si l'erreur persiste, une capture d'écran du message est utile pour la poursuite du dépannage.

Que faire si les messages de formulaires finissent dans les spams ? #

Si le message a effectivement été envoyé mais qu'il atterrit dans le dossier spam de la boîte de réception du destinataire, vous ne devez pas modifier immédiatement tous les paramètres du filtre anti-spam.

Vérifiez d'abord le message concerné ainsi que les informations de journalisation ou d'analyse disponibles.

Chez CURIAWEB, nous recommandons par principe de ne pas modifier la configuration standard de SpamExperts sans raison précise. Le filtre est déjà préconfiguré en conséquence.

Tu trouveras plus d'informations sur les e-mails et les filtres anti-spam dans notre base de connaissances, dans la section E-mail & SpamExperts.

Retester le formulaire après les modifications #

Si tu ajoutes des champs plus tard, si tu modifies des champs obligatoires, si tu changes le destinataire ou si tu ajustes d'autres paramètres du formulaire, tu devrais envoyer une nouvelle demande de test.

Ne comptez pas sur le fait qu'un formulaire continue de fonctionner simplement parce qu'il a été testé il y a plusieurs mois.

Un nouveau test de fonctionnement est particulièrement judicieux après des modifications importantes apportées à un site web.

Plusieurs formulaires sur un site web #

Un site Web peut avoir besoin de formulaires différents à des fins diverses.

Par exemple :

Contact
→ demande générale

Service
→ demande d'offre concrète

Événement
→ inscription

Cependant, ne créez pas un formulaire presque identique pour chaque sous-page si un formulaire de contact unique remplit la même fonction.

Plusieurs formulaires sont surtout utiles lorsque des informations réellement différentes sont nécessaires.

Formulaire ou adresse e-mail normale ? #

Les deux options de contact présentent des avantages.

Un formulaire permet de demander les informations requises de manière structurée et d'offrir au visiteur un moyen de contact direct au sein du site web.

En revanche, une adresse e-mail publiée permet d'établir le contact via sa propre messagerie électronique.

Selon le site Web, les deux options peuvent également être proposées.

Combiner le formulaire avec des informations de localisation #

Sur une page de contact, outre le formulaire, l'adresse, les horaires d'ouverture ou un plan peuvent également s'avérer utiles.

Si des visiteurs doivent trouver un emplacement physique, vous pouvez ajouter une fonction de carte correspondante.

Nous traitons Google Maps et d'autres contenus externes sous Intégrer Google Maps, YouTube et les réseaux sociaux dans Kopage.

Erreurs typiques des formulaires de contact #

Parmi les problèmes les plus fréquents figurent un trop grand nombre de champs obligatoires, des libellés de champs peu clairs, une adresse de destinataire erronée et un formulaire qui n'a jamais été testé après sa configuration.

Même de très longs formulaires peuvent dissuader les visiteurs de prendre contact.

Une autre erreur consiste à ne pas fournir de retour compréhensible après l'envoi, de sorte que les visiteurs ne savent pas si leur demande a été transmise.

Liste de contrôle pour un formulaire de contact finalisé #

Objectif du formulaire clair ?
        ↓
Seuls les champs nécessaires sont présents ?
        ↓
Champs obligatoires pertinents ?
        ↓
Intitulés des champs compréhensibles ?
        ↓
Adresse du destinataire correcte ?
        ↓
Protection anti-spam vérifiée ?
        ↓
Protection des données prise en compte ?
        ↓
Demande de test réussie ?
        ↓
Message bien reçu ?
        ↓
Affichage sur smartphone vérifié ?

Quelle est la suite ? #

Un formulaire de contact fait souvent partie d'une page de contact complète. De plus, des informations sur l'emplacement, une carte ou d'autres contenus externes peuvent y être intégrés, par exemple.

C'est pourquoi nous continuons avec Intégrer Google Maps, YouTube et les réseaux sociaux dans Kopage.

Résumé #

La fonction de formulaire du constructeur de sites Web classique Kopage vous permet de créer des formulaires de contact et d'autres formulaires pour des demandes structurées.

Déterminez d'abord quelles informations vous sont réellement nécessaires et maintenez le formulaire aussi simple que possible. Utilisez des libellés de champs clairs et ne définissez comme champs obligatoires que les informations strictement nécessaires.

Vérifiez l'adresse du destinataire prévue et envoyez toujours une véritable demande de test avant la publication. Vérifiez non seulement l'envoi du formulaire, mais aussi si le message arrive effectivement au bon destinataire.

Prenez également en compte la protection contre le spam, l'ergonomie mobile et les exigences de protection des données applicables à votre cas d'utilisation.

Un formulaire de contact n'est considéré comme entièrement configuré que lorsqu'une demande de test complète fonctionne avec succès, depuis le formulaire du visiteur jusqu'au destinataire prévu.