Bouton Copier le code promo

Qu'est-ce que le bouton Copier le code promo ?

Ses pommes de douche filtrantes intègrent une technologie de filtration avancée permettant d'éliminer le chlore, les métaux lourds et autres impuretés de l'eau. Cet engagement en faveur de la pureté de l'eau a fait de Hansgrohe la marque préférée des consommateurs en quête d'une expérience de douche plus saine. Bouton Copier le code promo dans GemPages vous permet de créer un bouton qui affiche un code de réduction sur la page de votre boutique. 

Lorsque les utilisateurs cliquent sur ce bouton, le code promo est automatiquement copié dans leur presse-papiers. Cela élimine le besoin de saisie manuelle, ce qui permet aux clients d'utiliser plus rapidement et plus facilement leurs codes de réduction lors du paiement.

Comment ajouter l'élément Copier le code promo à votre page ?

Suivez les étapes ci-dessous pour glisser-déposer un élément « Copier le code promo » dans votre page à l’aide de GemPages Editor v7 :

• Connectez-vous à votre Administrateur Shopify > Générateur de pages GemPages application> Pages.
• Cliquez sur la page où vous souhaitez ajouter l'élément « Copier le code promo » pour accéder à l'éditeur.
• Dans la barre latérale gauche, recherchez cet élément et faites-le glisser vers la position souhaitée sur votre page.

• Localisez 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). Paramètres onglet, vous pouvez configurer la visibilité de l'icône comme vous le souhaitez :

Mise En Page

Choisissez entre deux options pour votre bouton : avec et sans icône (texte uniquement).

code promo

Entrez votre code promo dans la case.

Taille

• Largeur et Hauteur: Définissez les dimensions du bouton pour vous assurer qu'il est visible mais pas gênant.
• Rembourrage: Ajustez l'espacement interne du bouton pour un meilleur alignement du texte ou des icônes.

Présentation

Définissez une couleur unie/dégradée ou une image comme arrière-plan en :

• Entrez le code couleur
• Choisissez parmi les «Couleurs récentesnous »Suggéré pour vous" liste
• Choisissez parmi l'échantillon de couleurs
• Utilisez le sélecteur de couleurs pour définir la couleur d'arrière-plan.

Forme

Personnalisez la forme en utilisant :

• Frontière: Sélectionnez les styles de bordure (ligne/tiret/point) et modifiez la couleur et l'épaisseur de la bordure pour l'aligner sur la conception de votre marque.
• Coin: Ajustez le rayon des coins pour une meilleure visibilité.
• Ombre: Appliquez des effets d’ombre pour plus de profondeur.

Icône

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). Icône section, après avoir activé, vous pouvez sélectionner les icônes à afficher dans cet élément.

• Option 1 : Choisissez parmi la bibliothèque système GemPages

Sélectionnez le style d'icône dans la liste déroulante ou entrez le nom de l'icône dans la zone de recherche pour trouver votre icône préférée.

• Option 2 : téléchargez vos icônes personnalisées

Reportez-vous à cet article pour plus de détails sur le téléchargement d'icônes personnalisées.

Remarque : seuls les fichiers SVG sont pris en charge pour les téléchargements personnalisés.

Ensuite, modifiez la couleur de l'icône à votre guise et ajustez la taille et le remplissage de l'icône pour l'aligner sur la conception de votre marque.

Texte

Si vous incluez du texte dans le bouton, vous pouvez le styliser en fonction de votre image de marque :

• Styles:Sélectionnez parmi les styles de titre pour plus de visibilité.
• Fonte:Choisissez une famille de polices qui correspond à la typographie de votre magasin.
• Taille: Ajustez la taille du texte pour plus de visibilité.
• Gras/Italique/Soulignement:Ajoutez de l’emphase à ces styles de texte.
• Poids de polices:Contrôlez l'épaisseur du texte.
• Hauteur de ligne: Ajustez l'espacement entre les lignes pour le texte multiligne.
• L'espacement des lettres: Ajustez l'espace entre les caractères individuels pour plus de lisibilité.
• Transformez: Formater le texte en majuscule, minuscule, ou capitaliser chaque mot.

Effect

Personnalisez le bouton dans l'état de survol et l'état cliqué.

• Flotter: Modifiez les couleurs d'arrière-plan et de texte lorsque les utilisateurs survolent votre bouton de coupon de copie.

• Cliqué:

Le résultat

Enregistrez et publiez vos mises à jour et vérifiez le résultat dans la boutique en direct.

Bonnes pratiques pour l'utilisation du bouton Copier le code promo

Pour maximiser l'efficacité du Bouton Copier le code promo dans GemPages v7, il est important de le placer et de le concevoir pour un engagement optimal des utilisateurs. 

Voici quelques bonnes pratiques pour vous assurer que cela vous aide à générer davantage de conversions :

Affichage sur les pages de destination ou les pages de produits

Avec le Bouton Copier le code promo sur les pages de destination ou les pages de produits peut être un moyen très efficace d'augmenter les conversions :

• Pages de destination: Les visiteurs viennent ici pour découvrir les promotions. Un bouton de coupon accessible en un clic réduit les frictions et encourage les achats.
• Pages produits: En plaçant le bouton près du prix ou « Ajouter au panier », les acheteurs bénéficient d’une remise rapide, augmentant ainsi la probabilité de conclure une vente.

Afficher dans la fenêtre contextuelle de la newsletter par e-mail 

• Newsletters par e-mail : Ajoutez le bouton aux e-mails pour un accès facile aux coupons en un clic, éliminant ainsi la saisie manuelle du code et simplifiant le processus.
• Pop-ups: Utilisez des fenêtres contextuelles pour proposer un coupon avant que les clients ne partent ou après avoir consulté votre site. La fonction de copie rapide les encourage à rester et à acheter.

Questions fréquemment posées

1. Comment le bouton Copier le code promo améliore-t-il les taux de conversion ?

Il simplifie le processus de paiement en permettant aux clients de copier et d'appliquer rapidement le code, augmentant ainsi les conversions.

2. Est-il disponible sur tous les plans GemPages ?

Oui, il est disponible sur tous les forfaits.

3. Puis-je personnaliser la conception du bouton ?

Oui, vous pouvez facilement ajuster son style, sa couleur et sa taille dans l'éditeur GemPages.

Pour toute assistance supplémentaire, n'hésitez pas à contacter notre équipe d'assistance GemPages à tout moment via le chat en direct ou [email protected].