Comment personnaliser l'apparence d'une campagne

Antoine Adam -

 Lorsque vous créez une campagne, vous disposez d'une étape exclusivement dédiée à l'apparence de celle-ci :

Dans cette étape, vous pouvez personnaliser le design de votre campagne pour chaque canal de publication défini dans l'étape "Canaux". Sélectionnez un template, modifiez les paramètres que vous souhaitez et appliquez le tout à votre campagne.

1. Choisissez un template :

 Lire aussi : 

2. Personnalisez le design en cliquant sur "Modifier l'Apparence" :

S'ouvrira alors un espace de travail exclusivement dédié au design de vos campagnes. Cette zone occupe toute la largeur de votre écran et vous permet d’avoir un aperçu en temps réel de vos modifications. Ainsi, vous pouvez voir et ajuster votre design au fur et à mesure. Les différentes étapes utiles à la personnalisation de vos campagnes se trouvant sur la gauche.

Général

Largeur et hauteur : Définissez en pixels les valeurs de largeur et hauteur de votre campagne.

Position : Cette option vous permet de contrôler le comportement de votre campagne dès que l’internaute navigue d’une page à l’autre au sein de votre campagne.

3 options s'offrent à vous : 

  • Rester en place (par défaut)
  • Remonter en haut de l’iframe
  • Remonter en haut de votre page

Lire aussi : 

Banner : l’image que vous chargez ici s'affichera en haut de page :

  1. toujours, dans le cas où aucune image de fond n'a été chargée.  
  2. si une image de fond a été chargée, le banner apparaîtra uniquement si la largeur de l'écran est inférieure à la largeur que vous avez indiquée dans "Apparence" (810 px par défaut). La couleur de fond de votre campagne viendra se placer en fond de votre concours. Le banner s’affiche sur la version mobile lorsqu’il n’y a pas d’image de fond de chargée.

Image de fond : l’image que vous chargez ici sera le fond d'écran de votre campagne, lorsque l'écran est de la même taille que celle de votre image dans l'étape “Apparence”. Nous l’avons fixée à 810 px de large par défaut, mais vous pouvez bien sûr choisir d’autres valeurs.

Attention ! L'image de fond disparaît à partir du moment où la largeur de votre écran est inférieure à la largeur donnée à la campagne. Il est donc important d’ajouter également un banner pour l’affichage sur des écrans plus petits comme des smartphones ou tablettes.

Footer : l’image que vous chargez ici s'affichera en-dessous du contenu de votre campagne :

  1. toujours, dans le cas où aucune image de fond n'a été chargée ;
  2. si une image de fond a été chargée, le footer apparaîtra uniquement si la largeur de l'écran est inférieure à la largeur que vous avez indiquée dans "Apparence" (810 px par défaut). La couleur de fond de votre campagne viendra se placer en fond de votre concours. Il s’affiche sur la version mobile lorsqu’il n’y a pas d’image de fond de chargée.

 Lire aussi : 

Zone de jeu 

Utilisez cet onglet pour définir la largeur, la hauteur minimum et la couleur de fond de la zone de jeu.
Il est également possible via cet onglet de choisir si vous voulez centrer les questions/réponses ainsi que le formulaire. 

Textes

Utilisez le section "Textes" pour définir la taille, la couleur, la police et la graisse des textes. Il existe 4 type de textes :

  • Général : correspond aux textes simples, aux liens, ainsi qu'aux champs de question et de formulaire ;
  • Titres (h1) ;
  • Sous-titres (h2) ;
  • Questions.

Lire aussi : 

Boutons, Menu & Checkbox / Boutons radio

Utilisez cette section pour définir le style, le format et la couleur des boutons et des boutons de menu (en haut à droite de la campagne), ainsi que pour attribuer des couleurs aux boutons radio et cases à cocher utilisées dans votre campagne.

Il est possible de modifier l’intitulé des boutons via les sections "Intitulés des boutons" et "Intitulés menu", situé hors de l'espace de travail du design de la campagne, toujours dans l'étape "Apparence".

Lire aussi :

CSS

Utilisez l’onglet CSS pour aller encore plus loin dans votre personnalisation.

Enregistrer

Lorsque vous créez une campagne et travaillez sur l’apparence, 3 options s’offrent à vous :

1. Sauvegarder et quitter : Vous allez appliquer l’apparence UNIQUEMENT à la campagne sur laquelle vous travaillez et pour le canal que vous avez sélectionné. Cela vous fait ressortir de l'espace de travail et vous ramène à l'étape "Apparence".

2. Enregistrer comme nouveau template : cliquez sur le bouton "Sauver le template" situé juste à gauche de "Sauvegarder et quitter" pour faire apparaître cette option. Vous allez créer un nouveau template et le rendre disponible à un certain type de campagne et un certain type de canal.

Attention ! Les campagnes utilisant ces mêmes templates ne se modifieront pas automatiquement. Les changements s’appliqueront uniquement à votre campagne actuelle et à vos campagnes futures. Pour appliquer ces changements à des anciennes campagnes, vous devez retourner dans les campagnes concernées, dans l’étape "Apparence" et cliquer sur le template, puis enregistrer.

3. Enregistrer le template : cliquez sur le bouton "Sauver le template" situé juste à gauche de "Sauvegarder et quitter" pour faire apparaître cette option. Vous enregistrez les changements de votre template existant (non disponible pour les templates proposés par Qualifio : dans ce cas, vous devez les enregistrer comme nouveau template)

Etape suivante

Réalisé par Zendesk