À propos de l'élément déroulant
L'élément déroulant permet aux utilisateurs de sélectionnez parmi une liste prédéfinie d'options au sein du formulaire de contact/newsletter élément, tel que le choix d'une méthode de contact préférée ou d'un type d'abonnement.
C'est un outil essentiel pour créer des formulaires organisés et conviviaux, ainsi que pour rationaliser la collecte de réponses structurées.
Comment ajouter un élément déroulant à votre page ?
Important: L'élément Dropdown ne peut pas fonctionner indépendamment et doit être ajouté dans un élément Newsletter ou Formulaire de contact.
Pour ajouter l’élément Dropdown à votre page, suivez ces étapes :
Étape 1 : Consultez la Tableau de bord GemPages > Pages, puis cliquez sur la page cible pour localiser l'éditeur.
Étape 2 : Dans la barre latérale gauche, recherchez «dérouler", puis faites-le glisser et déposez-le dans une newsletter ou un élément de formulaire de contact.
Si vous n'en avez pas encore, ajoutez-en un sur votre page en premier, puis insérez le bouton Soumettre à l'intérieur.
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 :
Gestion des articles
Cliquez sur la case pour gérer les éléments de votre menu déroulant. Dans le panneau, survolez une option pour la renommer, la dupliquer ou la supprimer.
Vous pouvez également réorganiser les positions des options ou ajouter d'autres options à la liste déroulante selon vos préférences.
Style de texte
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). Style de texte section, modifiez le texte du bouton comme vous le souhaitez :
- Style: 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.
- Couleur:Choisissez une couleur qui complète votre design.
- 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.
- Transformez:Convertissez le texte en majuscules, en minuscules ou mettez en majuscule la première lettre de chaque mot.
Taille
- Largeur: Ajustez l'échelle horizontale du bouton. Vous pouvez la définir à 100 % par défaut ou saisir une valeur spécifique.
- Rembourrage: Définir l'espacement interne à l'intérieur de l'élément.
Configuration
- Obligatoire: complet » à Oui Non pour déterminer si le champ est obligatoire pour la soumission.
- Nom du champ : Attribuez un nom unique au champ de case à cocher pour le traitement du formulaire.
Aligner
Lorsque le bouton est la largeur est définie sur 100 % ou plus, l'alignement horizontal sera désactivé. Sinon, vous pouvez aligner le bouton à gauche, au centre ou à droite.
Configurer l'onglet Avancé
Pour une personnalisation plus avancée, veuillez accéder au Onglet Avancé et suivez les instructions dans cet article.
Questions fréquentes
1. Puis-je ajouter des hyperliens à l’intérieur de l’élément Dropdown ?
Non. L'élément Dropdown de GemPages est conçu uniquement pour les formulaires (par exemple, les formulaires de contact ou de newsletter) afin de permettre aux utilisateurs de sélectionner une option. Il ne prend pas en charge les hyperliens cliquables.
2. Que faire si je souhaite une liste déroulante avec des liens de menu (hyperliens) dans mon en-tête ?
Pour les menus de navigation, vous devrez les gérer dans Administration Shopify > Contenu > MenusCréez ou modifiez vos éléments de menu (par exemple, Accueil, Boutique, Contact) et ces liens apparaîtront automatiquement dans l'en-tête et le pied de page de votre boutique. Si vous utilisez une page GemPages, l'en-tête et le pied de page sont issus de votre thème Shopify. Les liens déroulants doivent donc être configurés via les menus Shopify, et non via l'élément déroulant.
Reportez-vous à cet article pour plus d'informations sur la façon de modifier l'en-tête et le pied de page Shopify.
