À propos de l'élément du bouton Soumettre
Le bouton Soumettre est un élément clé utilisé exclusivement dans les formulaires de contact pour permettre aux visiteurs de soumettre leurs informations ou leurs réponses.
Le bouton « Envoyer » est spécialement conçu pour envoyer et soumettre les données du formulaire. Il ne peut pas fonctionner comme un bouton (dans la fenêtre de contrôle qui apparaît maintenant) pour rediriger vers un autre lien ou comme Ajouter au panier Bouton.
Comment ajouter un élément de bouton Soumettre à votre page ?
Pour ajouter le bouton Soumettre à 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 «bouton « Soumettre », 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.
Étape 3 : Cliquez sur l'élément pour ouvrir ses paramètres pour une personnalisation supplémentaire.
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 :
Taille
Largeur: Choisissez la manière dont le bouton s'adapte horizontalement :
- Ajuster le contenu (Auto) : Le bouton s'ajustera à la taille de son contenu (texte et icône).
- Plein (100 px) : Le bouton s'étendra pour remplir toute la largeur de son conteneur.
- Largeur personnalisée : Si vous préférez d'autres valeurs, entrez un nombre spécifique dans la case (en %) pour ajuster la largeur du bouton à votre guise.
Hauteur: Définissez la hauteur sur Ajuster au contenu (Auto) ou sur une valeur de pixel fixe.
Rembourrage: Définissez l'espacement interne à l'intérieur du bouton.
Présentation
Définir un solide or arrière-plan de couleur dégradée Pour votre bouton « Envoyer ». Vous pouvez ajuster la couleur :
- Entrez le code couleur
- Faites glisser ou sélectionnez parmi les échantillons de couleurs
- Utilisez le sélecteur de couleurs pour sélectionner n'importe quelle couleur sur votre page actuelle
- Choisissez-en un parmi les Couleurs récentes or Suggéré pour vous listes
Icône
Pour ajouter une icône dans l'élément Bouton Soumettre, activez l'option Icône section et personnalisez l'icône à votre façon dans les paramètres.
- Icône: Choisissez une icône parmi les options disponibles de GemPages, ou vous pouvez télécharger la vôtre (fichier .SVG uniquement).
- Poste: Sélectionnez la position de l'icône à gauche ou à droite avec le texte du bouton.
- Écart: Ajuster l'espacement entre l'icône et le texte du bouton
Styles 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). Styles de texte section, modifiez le texte du bouton comme vous le souhaitez :
- Menu:Modifiez le texte du bouton pour inciter les clients à agir.
- 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.
Cliquez à nouveau sur Afficher plus pour développer les paramètres complets du Styles de texte section:
- 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.
- Ombre: Appliquez des effets d’ombre portée pour améliorer la profondeur visuelle.
Effect
Personnalisez la façon dont votre bouton Soumettre réagit lorsqu'il est survolé :
Présentation: Sélectionnez la couleur d'arrière-plan que votre bouton adoptera lorsque vous passerez la souris dessus.
Couleur du texte: Changer la couleur du texte au survol.
Forme: Personnaliser la forme du bouton lorsque vous passez la souris dessus :
- Frontière: Ajoutez ou personnalisez le style de bordure au survol (couleur, épaisseur, trait).
- CORNER: Ajustez le rayon des coins au survol pour rendre les bords plus arrondis ou carrés.
- Shadow: Appliquez un effet d'ombre pour donner plus de profondeur au bouton lorsqu'il est survolé.
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.
