É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 contactClick to copy

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 contactClick to copy

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. ATTRIBUTSCeci est un paramètre que tous les éléments ont. Vous pouvez en apprendre d’avantage ici.
3. VISIBILITYCeci est un paramètre que tous les éléments ont. Vous pouvez en apprendre d’avantage ici.
4. ANIMATIONCeci 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. GLOBALVous pouvez en apprendre GLOBAL paramètres ici.
2. ESPACEMENTVous pouvez en apprendre ESPACEMENT paramètres ici.
3. TYPOGRAPHIEVous pouvez en apprendre TYPOGRAPHIE paramètres ici.
4. FONDVous pouvez en apprendre FOND paramètres ici.
5. BORDUREVous pouvez en apprendre BORDURE paramètres ici.
6. AFFICHAGEVous pouvez en apprendre AFFICHAGE paramètres ici.
7. CSS PERSONNALISEVous pouvez en apprendre CSS PERSONNALISE paramètres ici.

Attention :Click to copy

  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.

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

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

I got it!
Boost Father's Day Sales: Utilize PageFly's templates to create captivating pages that drive results - Discover Now