Élément de champ de courrier électronique

À propos de l'élément de champ de courrier électronique

L'élément Champ e-mail est un champ de formulaire conçu pour collecter les adresses e-mail valides des utilisateurs.

Pourquoi collecter les emails des clients ?

• Développez votre liste de diffusion directement depuis votre boutique pour atteindre plus de clients potentiels.
• Établissez des relations plus solides avec vos clients grâce au marketing par e-mail de suivi.
• Utilisez les e-mails collectés pour les promotions, les mises à jour de produits et la récupération de panier abandonné.

Pour utiliser l'élément de champ e-mail, faites-le glisser et déposez-le dans le formulaire Contact/Newsletter. Veuillez vous référer à l'article : Comment créer un formulaire de contact pour une meilleure compréhension.

Configurer l'onglet Paramètres

En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Onglet Paramètres, vous pouvez ajuster les sections suivantes :

Style de texte

Définissez le texte d’espace réservé qui apparaît dans le champ. 

• Espace réservé: Guider les utilisateurs sur le type de saisie attendu, par exemple «Entrez votre e-mail ».
• Styles: Choisissez le style de texte parmi Rubrique 1-6 or Paragraphe 1-3 comme le style mondial. 
• Fonte:Sélectionnez un style de police qui correspond à l’identité de votre marque.
• Taille: Ajustez la taille de la police pour mettre le texte en évidence.
• Poids de polices:Contrôlez l'épaisseur ou la finesse du texte.
• Hauteur de ligne:Ajustez l'espace entre les lignes pour une meilleure lisibilité.
• L'espacement des lettres:Créez un look plus moderne ou compact en modifiant l'espace entre les lettres.
• Transformer: Convertissez le texte en majuscules, en minuscules ou mettez en majuscule la première lettre de chaque mot.

Taille

Ajustez la taille de l’élément Champ de courrier électronique pour l’adapter à la conception de votre formulaire. 

• LargeurPersonnalisez la largeur du champ e-mail. Vous pouvez l'ajuster pour qu'il s'intègre parfaitement à la mise en page de votre formulaire ou l'agrandir pour une meilleure lisibilité.
• Rembourrage: Définissez l'espacement interne à l'intérieur du bouton.

Configuration

• Si la Obligatoire = OuiLe champ e-mail sera obligatoire pour éviter les soumissions incomplètes. Sinon, les utilisateurs pourront soumettre le formulaire en ignorant ce champ.
• Masquer sur le client: Réglez-le sur Oui Si vous ne souhaitez pas que le champ apparaisse pour les utilisateurs sur la page en direct, cette option est utile pour les champs dont vous n'avez besoin qu'en interne ou que vous prévoyez d'utiliser ultérieurement.

Aligner

Alignez votre zone de texte sur le à gauche, centre, ou bien. Cependant, si la largeur est définie sur 100 % ou plus, l'alignement horizontal sera désactivé.

Configurer l'onglet Avancé

Pour une personnalisation plus avancée, veuillez accéder au Onglet Avancé et suivez les instructions dans cet article.

FAQ sur l'élément de champ de courrier électronique

1. Puis-je utiliser le champ E-mail pour collecter des e-mails pour les newsletters ?

Oui. Le champ E-mail est conçu pour une collecte fiable des adresses e-mail dans les formulaires de newsletter ou de contact. Ajoutez-le simplement à votre formulaire et indiquez-le comme « Obligatoire » pour collecter des adresses e-mail valides.

2. Comment puis-je garantir de meilleures performances de collecte d’e-mails ?

Utilisez un texte d'espace réservé clair (par exemple, « Entrez votre e-mail »), définissez le champ comme « Requis, » et placez votre formulaire dans une zone visible, par exemple au-dessus du pli ou à la fin d'un article de blog, pour maximiser les soumissions.

3. Le champ E-mail s'intègre-t-il aux applications de marketing par e-mail ?

Oui. Vous pouvez connecter le champ E-mail à des applications tierces telles que Klaviyo grâce aux intégrations GemPages, ce qui facilite la synchronisation des e-mails collectés pour vos campagnes.

4. Comment ajouter un bloc de contenu d'inscription par e-mail à ma page ?

Pour créer un bloc d'inscription par e-mail, faites simplement glisser et déposez le Formulaire de newsletter élément sur votre page, puis insérez le Champ e-mail À l'intérieur. Cette configuration fonctionne comme un bloc de contenu d'inscription par e-mail, permettant aux clients de s'abonner aux mises à jour ou aux promotions de votre boutique.

5. Comment puis-je changer la couleur du texte dans le champ Email ?

• Identifier et copier le classe de votre élément de champ de courrier électronique à partir du modèle.

• Ajoutez le CSS personnalisé suivant, en remplaçant .gXqhVdGkms par la classe réelle de votre élément. Vous pouvez également remplacer noir avec la couleur de votre choix :

.gXqhVdGkms entrée { couleur : noir ; }