Éléments Shopify - Champs pour formulaire de contact

Dans cet article, vous allez en apprendre plus sur un des éléments Shopify disponible dans PageFly – les Champs pour formulaire de contact.

À propos de l’élément Champs pour formulaire de contact

L’élément Champs pour formulaire de contact permet de personnaliser votre formulaire de contact.

Veuillez noter que :

  • l’élément Champs pour formulaire de contact ne fonctionne pas en dehors d’un formulaire de contact, assurez-vous d’avoir glissé un élément Formulaire de contact dans votre mise en page avant d’ajouter un élément Champs pour formulaire de contact.
  • Chaque formulaire de contact nécessite au moins un email pour fonctionner correctement.

pagefly contact form field

L’élément Champs pour formulaire de contact est disponible en plusieurs variantes devant couvrir la plupart de vos besoins, mais nous en ajouterons de nouvelles prochainement pour vous aider à gagner du temps.

Les éléments suivants sont disponibles : email, texte court, paragraphe, choix unique, case à cocher, menu déroulant, nombre, date et heure.

Configuration de l’élément Champs pour formulaire de contact

L’élément Champs pour formulaire de contact peut être configuré de manière pointue pour répondre à vos besoins et vous permettre d’atteindre le meilleur taux de conversion possible.

Tous les éléments de champs de formulaire de contact ont des paramètres similaires.

Sélectionnez un élément pour voir les paramètres disponibles.

Les paramètres dans les onglets Général et Style sont spécifiques à cet élément.

Paramètres de l’onglet Général
1. CONTENT
  • Libellé de l’étiquette : Nom du champs
  • Afficher l’étiquette : Cachez ou Affichez l’étiquette
  • Position de l’étiquette : Position de l’étiquette en fonction de la zone de saisie
  • Type de champs : Vous pouvez choisir parmis Email, Texte court, Paragraphe, Choix unique, Case à cocher, Menu déroulant, Nombre, Date et Heure
    • Email / Texte court
      • Texte par défaut : Texte à afficher dans la zone de saisie jusqu’à ce que votre visiteur commence à écrire.
    • Paragraphe
      • Nombre de lignes : Définissez la hauteur de la zone de saisie en fonction du nombre de lignes de texte à afficher (valeur minimale 1, valeur maximale 20)

 

    • Choix unique
      • Eléments à choisir : Vous pouvez renommer, ajouter ou enlever des options
    • Case à cocher
      • Etiquette de la case à cocher : entrez le nom de la case à cocher
    • Menu déroulant
      • Eléments à choisir : Vous pouvez renommer, ajouter ou enlever des options
    • Nombre
      • Nombre par défaut : Option par défaut proposée au client
    • Date
      • Date par défaut : Option par défaut proposée au client
    • Heure
      • Heure par défaut : Option par défaut proposée au client
  • Champs requis : Réponse obligatoire dans ce champs

 

2. ATTRIBUTS Ceci est un paramètre que tous les éléments ont. Vous pouvez en apprendre d’avantage ici.
3. VISIBILITY Ceci est un paramètre que tous les éléments ont. Vous pouvez en apprendre d’avantage ici.
4. ANIMATION Ceci est un paramètre que tous les éléments ont. Vous pouvez en apprendre d’avantage ici.
Paramètres de l’onglet Style
Vous pouvez choisir un État du champs, parmis 3 options : Normal, Sélectionné, Focalisé
1. GLOBAL Vous pouvez en apprendre GLOBAL paramètres ici.
2. ESPACEMENT Vous pouvez en apprendre ESPACEMENT paramètres ici.
3. TYPOGRAPHIE Vous pouvez en apprendre TYPOGRAPHIE paramètres ici.
4. FOND Vous pouvez en apprendre FOND paramètres ici.
5. BORDURE Vous pouvez en apprendre BORDURE paramètres ici.
6. AFFICHAGE Vous pouvez en apprendre AFFICHAGE paramètres ici.
7. CSS PERSONNALISE Vous pouvez en apprendre CSS PERSONNALISE paramètres ici.

Attention :

  1. Vous ne pouvez voir les options d’État de champs que lorsque vous sélectionnez une zone de saisie de votre Champs pour formulaire de contact.

2. Si vous souhaitez rendre un Choix unique obligatoire, choisissez explicitement une option et activez la fonction Champs requis avant de sauvegarder ou publier votre page.

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French and Portuguese.Please check the flags on the page header.

I got it!
Languages