Le bouton d’action est un composant essentiel de votre plateforme Convious. Il apparaît en haut à gauche de votre site Internet avec un texte personnalisé. Lorsque le visiteur clique dessus, le bouton d’action ouvre votre checkout Convious. Vous pouvez ainsi vendre plus de tickets en ligne à meilleur prix.
Naturellement, votre bouton d’action doit être attrayant et s’intégrer parfaitement au style de votre site Internet. Nous vous donnons donc la possibilité de le personnaliser à l’image de votre entreprise.
Adaptez vos composants à toutes les situations en configurant plusieurs fonctionnalités d’engagement pour ordinateur et mobile. En ayant plusieurs versions de vos fonctionnalités sous la main, vous pouvez choisir en toute flexibilité la version à publier selon votre stratégie du moment.
Présentation de la page Engage Tools :
Accédez au menu principal situé à gauche de votre écran et cliquez sur Engage Tools dans la section Engage.
Toutes les fonctionnalités d’engagement que vous avez configurées sont affichées dans des onglets séparés.
Pour afficher les boutons d’action que vous avez configurés, sélectionnez l’onglet Trigger Buttons.
Dans chaque onglet, vous pouvez :
Publier ou retirer une version de la fonctionnalité d’engagement
Modifier ses informations : nom et support compatible (en revanche, vous ne pouvez pas modifier le type de fonctionnalité).
Modifier le texte, le style, les déclencheurs et les paramètres
Supprimer une version
via l’option Actions située à droite.
Vous pouvez filtrer les versions de chaque fonctionnalité d’engagement configurées, par date, statut et type de support.
2 a) Pour les filtrer par date, cochez Define by date range.
Ensuite, vous pouvez sélectionner une plage de dates personnalisée dans le calendrier ou choisir une période prédéfinie.
b) Pour filtrer les versions selon leur statut, cliquez sur Status dans le menu des filtres à gauche et sélectionnez un autre statut à afficher.
Vous pouvez filtrer et afficher les versions publiées (Published), les versions retirées (Unpublished), les brouillons (Draft), les versions programmées (Upcoming) à venir et les versions arrivées à échéance (Expired).
Sélectionnez le statut de votre choix, puis cliquez sur Apply.
2 c) Enfin, vous pouvez filtrer les versions selon le type de support. Comme vous pouvez configurer plusieurs versions pour chaque fonctionnalité et chaque support, vous pouvez désormais filtrer les versions qui s’affichent uniquement sur les mobiles (Mobile), uniquement sur les ordinateurs (Desktop) ou sur tous les supports (Any).
Sélectionnez le type de support à afficher, puis cliquez sur Apply.
2 d) Enfin, si vous utilisez les fonctionnalités d'engagement personnalisées et que les versions sont configurées par type de public, vous pouvez alors filtrer par public.
Comment créer un bouton d’action ?
Cliquez sur Add new pour ajouter un nouveau bouton d’action.
Nommez votre bouton d’action.
Le type de la fonctionnalité est déterminé selon l’onglet de la fonctionnalité d’engagement dans lequel vous vous trouvez.
3. Configurez le support sur lequel vous voulez afficher le bouton d’action.
All (version par défaut) : bureau ou mobile. Défini par défaut lorsque les versions Desktop/Mobile n’ont pas été sélectionnées.
Desktop : portable ou de bureau, muni d’un écran de plus de 7 pouces.
Mobile : c’est-à-dire pour les appareils de type smartphones.
4. Programmez la publication de votre version en indiquant une date de début (start date) et une date de fin (end date).
5. Enregistrez vos modifications en cliquant sur Save.
Pour modifier le bouton d’action, cliquez sur Action, puis Studio pour ouvrir Convious Studio.
Vous êtes dans Convious Studio si ce logo apparaît en haut à gauche de votre écran :
Dans Studio, vous pouvez modifier les éléments suivants :
Text (Texte)
Style
Targeting (Ciblage)
Settings (Paramètres)
Text (Texte)
Avant toute chose, configurez vos paramètres linguistiques. Vous pourrez ensuite écrire le texte de votre bouton d’action et insérer un lien.
Pour commencer, vous devez choisir la langue dans laquelle vous souhaitez afficher votre bouton d’action et votre checkout.
Nous vous recommandons de :
configurer votre bouton d’action et votre checkout dans la même langue que votre site Internet ;
les connecter entre eux pour garantir une expérience utilisateur optimale.
Pour les visiteurs, il n’y a rien de plus frustrant que de cliquer sur un bouton d’action dans une langue et d’atterrir sur une page dans une autre langue.
2. Une fois que vous avez choisi vos langues (par exemple, anglais et allemand), sélectionnez la langue par défaut dans la section Languages. Il s’agit de la langue principale de votre site Internet.
3. Maintenant, vous pouvez écrire le texte de votre bouton d’action. Ici, vous pouvez laisser libre cours à votre imagination. Cependant, nous vous conseillons d’être le plus clair possible pour encourager les visiteurs à passer à l’action.
Pendant votre saisie, vous pouvez visualiser en temps réel les modifications apportées au bouton d’action.
Ensuite, connectez le bouton d’action à votre checkout en positionnant le bouton à bascule sur la droite.
Si vous utilisez le bouton d’action dans un autre but (déconseillé), vous pouvez le connecter à une autre URL de destination vers laquelle les visiteurs seront redirigés lorsqu’ils cliqueront sur le bouton.
Ensuite, ajoutez la traduction de votre texte dans les autres langues choisies au début. Saisissez votre texte.
6. Cliquez sur Next pour poursuivre la configuration de votre bouton d’action.
Style
Vous pouvez maintenant personnaliser l’apparence de votre bouton d’action.
Le style de votre bouton d’action doit correspondre à la charte graphique de votre site Internet et faire ressortir votre message.
Plus votre bouton d’action sera percutant, plus il sera facile de capter l’attention des visiteurs pour les encourager à cliquer dessus et à acheter des billets.
1. Pour commencer, configurez ces paramètres généraux : Font family (famille de polices), Font color (couleur de police), Font size (taille de police), Background color (couleur d’arrière-plan) et Background opacity (opacité de l’arrière-plan).
Vous pouvez visualiser vos choix en temps réel dans Studio pour vérifier l’apparence de votre pop-up et ajuster votre configuration si besoin.
2. Ensuite, personnalisez l’icône du bouton d’action.
Nous vous proposons une image de billet mais vous pouvez importer d’autres icônes pour personnaliser le bouton à votre image. Vous pouvez soit parcourir les dossiers de votre ordinateur ou glisser et déposer directement votre icône.
Sélectionnez la couleur de votre icône (SVG icon color) et de l’arrière-plan (Background color).
Vous pouvez soit saisir un code HEX ou un code RGB, soit sélectionner manuellement la couleur de votre choix.
Indiquez si vous souhaitez autoriser l’utilisateur à réduire ou masquer votre bouton d’action via l’option « Minimize icon x ». Lorsque cette option est activée, l’utilisateur peut fermer le bouton d’action en cliquant sur l’icône « x »Pour activer cette option, positionnez le bouton à bascule sur la droite. Vous pouvez aussi définir la taille de l’icône (Icon size) et son type.
4. Cliquez sur Next pour passer à la suite.
Targeting (Ciblage)
La troisième étape consiste à configurer les règles de ciblage pour définir les pages sur lesquelles votre bouton d’action doit apparaître.
1. L’option « Display on » est prédéfinie sur « All Devices » (Tous les supports) si vous avez sélectionné Default Version (Version par défaut).
Rendez votre site web irrésistible en utilisant le pouvoir de la personnalisation : Audiences dans les outils Engage
Si vous disposez de la version avancée de l'outil Engage incluse dans votre partenariat avec nous, vous pouvez cibler les utilisateurs de votre site Web et créer des expériences personnalisées pour eux. Cela ne fera pas qu'améliorer leur expérience d'achat ou de réservation en ligne, mais il a été constaté que cela avait un impact direct sur la conversion.
Voyons maintenant comment configurer votre outil d'engagement, y compris les audiences.
Lorsque vous entrez dans la section de ciblage, vous devriez voir l'option suivante :
Développez le menu déroulant pour voir la liste complète des audiences prédéfinies parmi lesquelles vous pouvez choisir :
Voulez-vous donner à vos détenteurs de cartes de saison un accès rapide au flux de réservation ? Ou vous assurer que les visiteurs de votre site ont toutes les informations à portée de main ou qu'ils trouvent le ticket de parking qu'ils ont peut-être oublié ?
Tous ces exemples sont de bons exemples de personnalisation en fonction d'un public.
Prenons l'exemple de vos visiteurs qui ont abandonné leur panier.
1. Tout d'abord, vous devrez définir le caractère du message que vous avez préparé.
Pourquoi ? Parce que vous ne pouvez pas utiliser les informations de vos clients à des fins de marketing sans leur consentement. Mais vous pouvez les cibler si l'objectif de votre message est simplement lié au service que vous offrez.
Service : La communication des nouvelles mesures COVID ou du fait qu'il n'est pas possible de se garer sur le parking 1 aujourd'hui est considérée comme vitale pour le service que vous offrez et, par conséquent, un message de service.
Marketing : Cibler vos clients pour leur offrir des tickets de parking ou leur proposer une offre spéciale de repas est considéré comme du marketing.
Si votre message est un message de service, vous pouvez ignorer la case à cocher du cookie marketing située sous la sélection du public.
Si votre message est un message de marketing, vous devez cocher la case du cookie située sous la sélection de l'audience, car cela signifie que cette version de l'outil d'engagement ne sera affichée qu'aux personnes qui ont accepté que leurs données soient utilisées pour personnaliser leur expérience sur votre site Web.
Dans notre exemple ci-dessus, nous devons cocher la case du cookie de marketing car le message est clairement un message de marketing.
Veuillez noter que pour vous assurer de ne pas oublier cette importante case à cocher, nous avons mis en place une fenêtre contextuelle de sécurité qui vous rappellera de vérifier si vous avez défini les bons filtres avant de publier. Elle n'apparaîtra que si la case à cocher des cookies marketing n'est pas cochée.
Si vous êtes sûr que tout est bien configuré, cliquez sur Publier. Si vous voulez y revenir plus tard, cliquez sur Enregistrer comme brouillon. Si vous voulez le modifier immédiatement, cliquez sur Annuler, modifiez votre version et publiez à nouveau.
Avez-vous besoin de plus d'inspiration pour cibler vos publics et tirer le meilleur parti de votre opportunité ? Consultez cet article pour découvrir quelques campagnes par public.
Vous ne voyez pas les audiences dans votre Convious Studio mais vous voulez saisir les nombreuses possibilités de personnalisation ? Veuillez contacter votre Customer Success Manager, et nous pouvons le mettre en place avec vous.
AU-DELÀ DU CIBLAGE D'AUDIENCE
1. L'affichage sur sera prédéfini sur Tous les appareils car vous avez choisi de concevoir la version par défaut.
2. Indiquez si vous souhaitez masquer votre bouton d’action sur certaines pages. Développez la section « Hide your Trigger Button on ». Ici, vous avez le choix entre plusieurs options : URLs that contain, URLs that do not contain et REGEX.
L’option URLs that contain vous permet d’ajouter un mot figurant dans l’URL de la page sur laquelle vous ne souhaitez pas afficher le bouton d’action.
Par exemple, si vous ne souhaitez pas afficher le bouton d’action sur la page des mentions légales, ajoutez /mentions-légales dans le champ et cliquez sur Add pour enregistrer vos préférences.
Le bouton d’action sera alors masqué sur les pages dont l’URL contient les mots /mentions-légales.
À l’inverse, si vous choisissez l’option « URLs that do not contain », le bouton d’action n’apparaîtra pas sur les pages dont l’URL ne contient pas les mots indiqués.
REGEX est la contraction de « regular expression » en anglais, ou expression régulière. Une expression régulière est un modèle de chaînes de caractères permettant de rechercher et de modifier du texte.
Cette option s’adresse essentiellement aux développeurs. Nous vous recommandons de vous servir des options « URLs that contain » ou « URLs that do not contain » qui sont plus simples à utiliser.
En règle générale, nous vous déconseillons de masquer le bouton d’action ou les autres fonctionnalités d’engagement sur vos pages.
Comme vous pouvez le voir sur l’image ci-dessus, nous avons défini une série d’URL très spécifiques.
3. Cliquez sur Next pour terminer la configuration de votre bouton d’action.
Settings (Paramètres)
Cette étape vous permet de définir d’autres règles d’affichage de votre bouton d’action, notamment le délai d’affichage.
Paramètre Display:
L’option Upon Page Load vous permet d’afficher le bouton d’action lors du chargement de la page (conseillé pour attirer l’attention du visiteur immédiatement).
Si vous préférez retarder l’affichage de votre bouton, sélectionnez l’option With Delay et indiquez le nombre de secondes souhaitées.
Pour afficher votre bouton au moment où le visiteur est sur le point de quitter votre site, sélectionnez l’option On exit intent.
Vous pouvez aussi choisir de l’afficher lorsque le visiteur a fait défiler la moitié de votre page en sélectionnant l’option 50% completion of scrolling.
Enfin, vous pouvez l’afficher lorsque le visiteur revient en haut de votre page (ce qui suppose qu’il a d’abord atteint le bas de la page).
Choisissez ensuite la position de votre bouton d’action. Vous pouvez le placer dans n’importe quel coin de l’écran. Toutefois, nous vous recommandons fortement de l’afficher en bas à gauche. Nous avons observé au fil de nos recherches que la position en bas à gauche générait le plus de résultats.
Cliquez sur « Publish » pour programmer la publication de votre bouton d’action, le publier immédiatement ou enregistrer son brouillon si vous n’avez pas fini de le paramétrer.
Comment modifier, publier ou retirer une version de votre bouton d’action ?
Vous pouvez cliquer sur Actions pour retirer ou publier une version de votre bouton d’action, modifier ses informations (nom et support seulement ; vous ne pouvez pas modifier le type de la fonctionnalité) ou le supprimer.