Toutes les collections
Outils et widgets
Widget Bouton
Créez et paramétrez vos boutons d'action
Créez et paramétrez vos boutons d'action

Configurez, configurez et personnalisez des boutons

Simon Dubreucq avatar
Écrit par Simon Dubreucq
Mis à jour il y a plus d’une semaine

Description

Quelque soit votre objectif (recrutement, engagement ou conversion), la finalité d'une campagne de jeu est d'amener les participants à réaliser différentes actions (abonnement newsletter, redirection vers une page Facebook ou Instagram, accéder à une page de jeu ou commerciale,...). Il faut donc chercher à provoquer ces actions de la part des utilisateurs de façon simple et efficace.

La meilleure manière de faire cela est d'avoir des "Call To Action" (CTA) positionnés à des endroits stratégiques et indiquant au participant les possibilités qui lui sont offertes via des textes incitatifs.

Le widget "Bouton" disponible dans l'éditeur répond à ce besoin et est donc un élément indispensable dans votre parcours de Jeu.

Tout savoir sur les boutons d'actions

Quelques règles à retenir

Créer un bouton performant répond à des notions précises que nous pouvons séparer en 3 sections :

Wording

  • privilégiez un wording cours et efficace ("Je joue", "Je vote", "Je partage",...) et évitez la ponctuation.

  • évitez les phrases, sauf dans le cas du bouton Opt-in par exemple ("Je joue et je souhaite recevoir la newsletter")

  • choisissez le temps présent au lieu de l'infinitif ("Je vote" au lieu de "Voter")

  • indiquez où mène votre bouton plutôt qu'expliquer comment cela marche ("Inscrivez-vous au prochain webinar" au lieu de "Cliquez ici")

Design

  • créez-le avec un contraste plus fort que le reste de votre campagne

  • uniformisez le style graphique de tous vos boutons

  • ajoutez un effet d'animation pour inciter au clic : tout le détail ici !

  • surprenez vos participants en détournant le visuel de vos boutons (personnage ou objet à sélectionner)

Position

  • pensez à mettre votre bouton bien en vue, à "l'isoler" du reste de votre texte

  • privilégiez un placement en bas de page pour un résultat plus efficace mais attention à mettre tous vos boutons au dessus de la ligne de flottaison (au dessus des 800px sur Desktop et 960px sur Mobile)

  • n'hésitez pas à dupliquer un même bouton sur plusieurs page pour renforcer sa lisibilité (like Facebook, partage d'URL,...)

Création d'un bouton dans l'éditeur

Il existe 2 façons de créer un bouton depuis le widget dédié :

  • cliquez sur "Ajouter un bouton" puis le faire glisser jusqu'à la position choisie sur la page :

  • vous pouvez aussi importer les visuels de vos boutons en cliquant sur : cela créé automatiquement des boutons qui sont prêts à être installés sur votre campagne. Sélectionnez ensuite le bouton de votre choix et faites le glisser jusqu'à la position que vous souhaitez :

Vous voulez gagner du temps ?

Faites un clic droit sur le(s) bouton(s) et accédez à la liste complète des raccourcis d'édition.

Personnalisation du visuel

Chaque bouton peut être personnalisé pour s'intégrer au mieux à votre univers de marque mais aussi pour répondre à des besoins spécifiques (incitation à l'Opt-in, visibilité accentuée sur une lecture de règlement ou d'instructions, dynamisme général de la page,...).

Il existe 2 niveaux de personnalisation :

Standard

Une fois votre bouton créé, vous pouvez décider de modifier complètement son libellé et changer sa couleur de base parmi les 6 possibilités proposées. La taille de votre bouton sera déterminée par celle du wording.

Avancé

Pour renforcer la visibilité de votre message, nous recommandons d'ajouter un visuel selon les règles énoncées plus haut dans cet article. Pour cela, cliquez sur votre bouton puis sur "Ajouter une image" pour importer votre visuel.

À savoir : la taille de votre bouton sera en fonction de celle de votre visuel importé. Vous pouvez cependant le redimensionner pour améliorer son intégration au design global de la page.

À savoir aussi : importer un visuel sous le format gif est aussi possible !

Animation d'un bouton

Pour dynamiser vos écrans et inciter au clic, vous pouvez y appliquer un effet d’animation.

Chaque animation se répète toutes les 2 secondes sur votre campagne (sauf l’effet « Pulsate background» qui se répète en boucle).

Voici les différents effets possibles :

Wobble bottom :

Shake bottom :

Pulsate :

Jello horizontal :

Bounce top :

Blink 2 :


L'option "Personnalisé"

En plus de ces options, vous avez la possibilité de simplement ajouter l'animation du bouton au survol et lors du clic.

Vous pouvez ainsi créer un bouton réagissant aux actions de vos participants, ce qui augmente sa performance et le nombre de clic.

Les actions possibles d'un bouton

Redirection vers une page de la campagne

Vous pouvez paramétrer votre bouton pour qu'il puisse diriger le participant vers une page précise de votre parcours de jeu, par exemple pour le faire rejouer à un jeu en particulier, pour lui montrer les instructions de jeu ou bien encore pour afficher un résultat.

Il suffit de cliquer sur le bouton et choisir sa page de destination dans la partie "Rediriger vers". Si la page de redirection n'existe pas, cliquez sur "Ajouter une page" dans les différentes options proposées.

A savoir : si une page est protégée par des règles de sécurité, la redirection peut ne pas marcher - veillez donc à bien rediriger le participant sur des pages qui ne sont pas protégées automatiquement (ex: page de Classement plutôt qu'une page "Gagné" d'un Instant Gagnant)

Ouvrir un nouvel URL

La redirection vers une URL externe est très utile pour diriger votre audience vers une page de destination ciblée en fonction de vos objectifs de campagne :

  • vers votre site marchand pour convertir la participation en achats

  • vers une page de présentation de vos produits/services si vous souhaitez gagner en visibilité et notoriété

  • vers la page d'un partenaire commercial de votre campagne de jeu

  • etc.

Il est possible d'ajouter une redirection automatique sur une page de la campagne lors du clic sur l'URL via "Rediriger vers".

Il existe 3 types de paramétrage :

URL externe

URL associée à une page

URL associée à la dotation remportée

Permet d'effectuer une redirection vers l'URL de votre choix. Par défaut, l'option d'affichage dans un nouvel onglet est activé mais vous pouvez choisir de la désactiver.

Permet d'effectuer une redirection vers une URL liée à du contenu - à utiliser notamment avec les modules Swiper et Gift Finder.

Valide uniquement si vous avez installé une dotation sur votre campagne et si vous avez ajouté une URL de redirection (voir le paragraphe "créer une dotation physique").

Cas d'usage : rediriger vos participants vers une page de site web, présentation de contenu, publicité,...

Cas d'usage : booster le trafic vers votre site avec un bouton qui permet de convertir la sélection du produit préféré/sélectionné en achat.

Cas d'usages : les participants vont accéder à la page de description du produit remporté ou vont pouvoir immédiatement être redirigé sur votre site marchand pour utiliser un code de réduction remporté sur un Instant Gagnant.

Exemple de redirection vers une URL externe :

A noter : le bouton "Continuer" renvoie lui vers une autre page de la campagne.

A savoir : Il est tout possible de créer un bouton pour permettre à l'utilisateur de choisir sa langue sur une campagne multilingue. Consultez l'article dédié pour en savoir plus.

Envoyer un emailing

Cette configuration nécessite de posséder la solution Emailing Adictiz. L'utilisateur pourra entrer une adresse mail de son choix (la sienne ou celle d'un ami) pour envoyer un email que vous aurez configuré via l'Emailing (partage de résultat obtenu, incitation à l'inscription,...).

Ouvrir une campagne

Cette action est très pratique si vous avez plusieurs campagnes en diffusion en même temps et souhaitez transférer vos participants d'une campagne à une autre : grâce aux paramètres de sélection des données à conserver, ils n'auront pas besoin de renseigner à nouveau ces champs sur le Formulaire de la nouvelle campagne. Seuls les champs non renseignés sur le premier Formulaire devront être remplis.

Vous optimisez ainsi l'expérience utilisateur et gagner en engagement en facilitant la récolte des données personnelles.

Exemple : Une fois le premier jeu Pronostic terminé, Orange Football Club redirige ses participants vers un second Pronostic incluant d'autres matchs.

Afficher une pop-in

Si vous souhaitez limiter le nombre de pages vues par vos participants et ainsi maximiser le taux de participation sur votre campagne, vous pouvez opter pour un affichage dans un format pop-in, par exemple pour afficher pour vos instructions au clic du participant ou pour afficher plus de détails sur vos dotations.

Cliquez sur le bouton ci-dessous pour voir nos recommandations graphiques pour la réalisation de votre pop-in :

Exemple :

Connexion anonyme

Tous les jeux qui collectent de la données (Concours Photo, Preuve d'achat, etc.. à l'exception du Formulaire) sont accessibles uniquement si le participant est authentifié. La connexion anonyme permet d'accéder à un module qui collecte de la donnée sans être authentifié. Par exemple, sur un Concours Photo ou Vidéo, vous pourriez accéder à la galerie pour voir les photos/vidéos sans remplir le formulaire. Un renvoi vers le Formulaire peut être fait par la suite si le visiteur veut voter ou uploader sa propre photo/vidéo.

Exemple d'un bouton "Vote" avec connexion anonyme pour pouvoir accéder à la galerie sans être identifié :

Déconnexion

La configuration de bouton "Déconnexion" permet de supprimer / réinitialiser la session en cours pour se réinscrire par exemple. Ceci est particulièrement utile sur un salon ou événement lorsque le jeu est diffusé sur tablette ou borne. Si vous souhaitez déconnecter automatiquement un joueur après une période d'inactivité, vous pouvez consulter cet article.

Exemple :


Vous avez besoin d'aide ?

Obtenez de l'aide auprès du support en ligne en cliquant sur la bulle 💬

Avez-vous trouvé la réponse à votre question ?