Popup Roulette

Applications, Sections

Popup Roulette

Ce tutoriel s'applique à la version la plus récente du Phantom Thème. Veillez à mettre à jour votre thème en suivant le tutoriel vidéo disponible sur votre Espace Client.

Chaque paramètre énoncé dans le pack Classique se retrouvera dans le Pack Premium et Master +.

Chaque paramètre énoncé dans le Pack Premium se retrouvera dans le Pack Master +.

Je conseille d'utiliser le paramétrage avec l'option Nombre de jours avant que la Popup ne réapparaisse sur Mode Test afin de vérifier vos modifications.

Master +

Général

  • Afficher la Popup Roulette : Afficher la Popup Roulette ou non
  • Afficher la Popup Roulette (Mobile) : Afficher la Popup Roulette sur mobile ou non (seulement si l'option ci-dessus est activée)
  • Injecter le code de réduction directement dans le checkout : Lorsque le client obtient son code de réduction, il sera alors automatiquement ajouté au passage en caisse

RGPD

  • Activer la RGPD : Afficher la RGPD pour l'acquisition du mail du client
  • RGPD Texte : Définissez le texte de votre RGPD ici-même

Destinations Emails

  • Liste de Mailing : Définir la liste d'arrivée des mails récoltés (Pour l'instant Shopify, Mailchimp et Klaviyo sont disponibles)

    • Shopify : Enregistre le mail directement dans votre liste de clients shopify
    • MailChimp : 
      • Lien de votre liste MailChimp : Récupérer le Lien redirigeant vers votre liste Mailchimp désirée
    • Klaviyo : (Remarque: Si vous disposez d'un forfait gratuit, un email de confirmation sera envoyé au client afin d'obtenir son consentement aux mailing. Pour éviter cela, il faudra préféré définir la liste de mailing Shopify, puis installer l'application Klaivyo dans le Shopify Store afin de synchroniser votre liste de mails. Si vous disposez d'un abonnement Payant, vous pourrez alors désactiver cette double vérification du consentement dans les paramètres de votre liste (disable double opt-in))
      • Clé API Publique : Rendez vous dans les paramètres de votre compte Klaviyo > Paramètres > Clé API. Créer ensuite une clé API Publique que vous placerez ici
      • Id de votre liste : Créer une liste Klaivyo et récupéré l'ID de votre liste dans la paramètres de celle-ci

Images

  • Image d'arrière plan : Définir l'image d'arrière plan de votre Popup
  • Alignement Horizontal de l'Arrière-Plan : Définir l'alignement Horizontal de votre image
  • Alignement Vertical de l'Arrière-Plan : Définir l'alignement Vertical de votre image
  • Image au centre de la rouge : Définir l'image au centre de la roue animée, en règle général votre logo sous forme carrée (en .png de préférence)
  • Bannière du Logo : Définir la Bannière de votre logo au dessus du texte affichée
  • Position de la roue : Définir la position de la Popup

    • Gauche :

    • Centré :

    • Droite : 

  • Alignement du Texte : Définir l'alignement du Texte à Gauche / Centré / Droite
  • Alignement de la Bannière : Définir l'alignement de la Bannière à Gauche / Centré / Droite

Délais

  • Afficher lorsque la souris quitte la fenêtre : Ne tiens alors pas compte du délais de la Popup ci-dessous
  • Délais du Popup : Définir le délais avant lequel la Popup doit apparaître
  • Nombre de Jours avant que la Popup ne réapparaisse : Définir la durée avant laquelle la Popup réapparaît (en fonction des cookies de l'utilisateur). Vous pouvez placer ce paramètre sur Mode Test afin d'afficher la Popup à chaque chargement de page pour voir votre paramétrage prendre effet
  • Temps avant pendant lequel le code de réduction est valable : Définir le compte à rebours une fois le jeu terminé. Le code restera valide même après le compte à rebours terminé, mais cela ajoute une urgence pour le client

Options Popup

  • Afficher l'ombre de la Popup : Afficher une ombre derrière la Popup pour donner une impression de profondeur
  • Épaisseur de la Bordure de la Popup : Définir l'épaisseur de la bordure de la Popup. Mettre sur 0px si vous ne souhaitez pas l'afficher
  • Arrondi de la Bordure de la Popup : Définir l'arrondi de la Popup. Mettre sur 0px si vous ne souhaitez pas d'arrondi
  • Couleur de la Bordure de la Popup : Définir la couleur la bordure de la Popup. Uniquement si l'épaisseur est différente de 0px

Options Roue

  • Trait Extérieur de la Roue : Définir la couleur du Trait extérieur de la Roue
  • Épaisseur du Trait Extérieur : Définir l'épaisseur du trait extérieur de la Roue
  • Trait Intérieur de la Roue : Définir la couleur du Trait intérieur de la Roue
  • Épaisseur du Trait Intérieur : Définir l'épaisseur du trait intérieur de la Roue
  • Centre de la Roue  Définir la couleur du centre de la Roue
  • Traits de séparation de la Roue : Définir la couleur des traits de séparation de la Roue
  • Épaisseur des Traits de séparation : Définir l'épaisseur des traits de séparation de la Roue
  • Longueur des Traits de séparation : Définir la longueur des traits de séparation de la Roue. Permet de les faire dépasser du Trait Extérieur
  • Bout Arrondi des Traits de Séparation : Permet d'arrondi l'extrémité des traits de séparations
  • Couleur de l'épingle : Définir la couleur de l'épingle de la Roue
  • Texte de la Roue : Définir la couleur du Texte par défaut de la Roue
  • Texte en Gras : Définir si le texte est à l'intérieur de la Roue est en gras
  • Taille du Texte de la Roue : Définir la taille de la police du Texte dans la Roue

 

Texte Options

  • Titre : Définir le titre de votre Popup. Permet d'ajouter dans couleurs dans le titre en format HTML, pour cela, utiliser un éditeur de texte HMTL
  • Sous-Titre : Définir le sous-titre de votre Popup
  • Règles : Permet d'expliquer les règles du Jeu à vos clients
  • Texte du Bouton : Définir le Texte du Bouton pour lancer le jeu
  • (Couleur) Sous-Titre : Définir la couleur du sous-titre de la Popup
  • (Couleur) Règles : Définir la couleur des règles de la Popup
  • (Couleur) Arrière Plan du Texte : Définir la couleur de fond de la colonne Texte de la Popup
  • Opacité Arrière Plan du Texte :  Définir l'opacité la couleur de fond de la colonne Texte de la Popup
  • Taille Logo Bannière : Définir la Taille du Logo Bannière
  • Taille Sous-Titre : Définir la Taille du Texte du Sous-Titre
  • Taille Règles : Définir la Taille du Texte des Règles

Texte de Fermeture 

  • Texte de Fermeture : Définir le texte affiché à côté du bouton de fermeture de la Popup
  • (Couleur) Texte de Fermeture : Définir la couleur du texte de fermeture de la Popup
  • Taille du Texte de Fermeture : Définir la Taille du Texte de Fermeture de la Popup

Jeu Fini

  • Afficher la Fin du Jeu en Mode Test : Permet d'afficher le Jeu une fois terminé
  • Titre Gagné : Définir le Titre Gagné de votre Popup. Permet d'ajouter dans couleurs dans le titre en format HTML, pour cela, utiliser un éditeur de texte HMTL
  • Texte Bouton Gagnant Code de Réduction : Définir le Texte du Bouton pour obtenir la récompense du Jeu

Barre fixé sur la page

La barre fixe ne s'affiche qu'une fois le jeu terminé et la Popup fermée.

  • Afficher la Barre fixe en Mode Test : Permet de voir la Barre peut importe le statut du Jeu (Cette option ne sert que lors du paramétrage)
  • Texte Code de Réduction Barre Fixe : Définir le Texte avant le compte à rebours de la Barre Fixe
  • (Couleur) Texte Barre Fixe : Définir la couleur du Texte de la Barre Fixe
  • (Couleur) Arrière-Plan Barre Fixe : Définir la couleur de fond de la Barre Fixe
  • Opacité Barre Fixe : Définir l'opacité de la couleur de fond de la Barre Fixe

Barre de Progression

  • Afficher la Barre de Progression : Définir d'afficher ou non la Barre de Progression du Jeu
  • Largeur de la Barre de Progression : Définir à combien de pourcentage les récompenses ont été récupérées (sur 100)
  • Couleur de la Barre de Progression : Définir la couleur de la Barre de Progression
  • Texte de la Barre de Progression : Définir le texte en dessous de la Barre de Progression
  • Taille du Texte : Définir la Taille du texte de la Barre de Progression

Définir les Options du Jeu

Vous pouvez définir jusqu'à 12 blocs maximum contenant vos options Gagnantes et Perdantes. Attention : Ce jeu est fait pour faire GAGNER vos clients, ils ne perdront donc jamais !

  • Options Perdantes :

    • Titre Option : Définir le Texte de l'option Perdante affiché dans la Roue
    • Couleur de la case : Définir la couleur de fond de cette option
    • Couleur du Texte : Définir la couleur du Texte de cette option

 

  • Options Gagnantes

    • Titre Option : Définir le Texte de l'option Gagnante affiché dans la Roue
    • Récompense Option : Définir le Texte de récompense pour cette option une fois le Jeu Terminé
    • Couleur de la case : Définir la couleur de fond de cette option
    • Couleur du Texte : Définir la couleur du Texte de cette option
    • Texte Fermeture Gagnant : Définir le Texte à côté du bouton de fermeture de la Popup une fois le jeu gagné
    • Code de Réduction : Définir ici le code de réduction gagné pour cette option, il doit être le même que celui définit dans les codes de réductions présents de votre boutique
    • Probabilité de cette Option : Définir ici la probabilité de gagner sur cette option. Les probabilités sont calculées de la façon suivante (Le total est égal à une probabilité sur 100 la somme des probabilités étant également à 100%) :

100 * Probabilité de l'option / Somme de toutes les Probabilités des options Gagnantes