Créateur de site: Formulaire de contact


Cet article vous guidera à travers le processus d'ajout d'un formulaire de contact à n'importe quelle page de votre site web en utilisant le constructeur de site. Vous pouvez facilement personnaliser le formulaire pour répondre à vos besoins spécifiques, y compris définir l'adresse e-mail du destinataire, la méthode d'envoi des e-mails et modifier les champs du formulaire selon vos préférences.


Configuration personnalisée de l'e-mail

Le constructeur de site offre à chaque compte un compte SMTP mail personnalisé pour gérer l'envoi des e-mails. Vous pouvez ajuster l'e-mail principal et les paramètres SMTP en allant dans Site web > Paramètres e-mail dans votre panneau de contrôle.


Ajouter un formulaire de contact à une page

Pour insérer un formulaire de contact sur une page web, suivez ces étapes :

  1. Dans le constructeur de site, passez en mode Construction de section.
  2. Naviguez vers la catégorie « Contact ».
  3. Sélectionnez et ajoutez l'une des sections préconçues qui inclut un formulaire de contact.
  4. Une fois ajouté, un formulaire de contact basique apparaîtra sur la page. Pour configurer ses paramètres, passez en mode Édition des styles, puis cliquez sur le formulaire pour accéder aux options de configuration.
  5. Paramètres du formulaire de contact : options de configuration


Paramètres d'envoi des e-mails

Dans ce mode, vous pouvez choisir votre fournisseur d'e-mail préféré pour traiter les soumissions du formulaire. Par défaut, le système utilise Simple Mail PHP, qui envoie les e-mails via le serveur SMTP local ou tout autre fournisseur SMTP que vous avez configuré dans les paramètres e-mail.

Options supplémentaires de personnalisation de l'e-mail :

  • Ligne d'objet - Ajoutez une ligne d'objet pour aider à organiser et identifier les e-mails entrants.
  • Adresse d'expéditeur alternative - Utilisez une adresse e-mail différente pour l'envoi des soumissions de formulaire.


Actions après soumission

Une fois un formulaire soumis avec succès, vous pouvez définir ce qui se passe ensuite. Le paramètre par défaut est « Aucun », mais vous pouvez choisir l'une des actions suivantes :

  • Rediriger vers une URL spécifique.
  • Afficher une fenêtre modale immédiatement après la soumission.


Constructeur de formulaire : personnalisation avancée

Avec le constructeur de formulaire, vous pouvez :

  • Modifier ou ajouter de nouveaux champs au formulaire de contact.
  • Marquer certains champs comme obligatoires ou optionnels.

Inclure des champs spécialisés tels que :

  • Sélecteur de date - Permet aux utilisateurs de sélectionner une date à partir d'un calendrier.
  • Pièce jointe - Permet aux utilisateurs de joindre des fichiers avec leur soumission de formulaire.

Cette flexibilité garantit que votre formulaire de contact correspond parfaitement à vos besoins.


Personnalisation visuelle des formulaires

En mode édition des styles, vous pouvez affiner l'apparence de votre formulaire de contact pour qu'il corresponde au design de votre site web. Vous pouvez :

  • Passer d'une disposition verticale à horizontale.
  • Personnaliser les polices, les couleurs et les espacements pour une apparence soignée et cohérente.
  • En utilisant ces outils, vous pouvez créer un formulaire de contact non seulement fonctionnel mais aussi visuellement attrayant et bien intégré au style général de votre site.


Paramètres principaux de l'e-mail
Si vous souhaitez en savoir plus sur la configuration des paramètres principaux de l'e-mail pour votre compte, y compris comment configurer votre adresse e-mail par défaut et les paramètres SMTP, lisez l'article : Paramètres principaux de l'e-mail. Cela vous aidera à garantir que les e-mails de votre formulaire de contact sont correctement acheminés et livrés selon vos préférences.

personnalisation formulaire de contact formulaire de contact constructeur de site paramètres d'envoi d'e-mail configuration SMTP personnalisation champs formulaire créateur de formulaire site web personnalisation visuelle formulaire paramètres avancés formulaire

Cela pourrait vous intéresser


Pages connectées