Ajouter ou supprimer une bannière dans un écran de campagne spécifique

Tabata Vossen -

Il est facile d'ajouter et de supprimer une bannière sur un écran de campagne spécifique grâce à de la CSS. Pour ajouter une bannière à l'ensemble de votre campagne, utilisez ces instructions pour personnaliser l'apparence de votre campagne.

Accès rapide :

☑︎ Ajouter une bannière à une étape spécifique de votre campagne

☑︎ Supprimer une bannière d'une étape spécifique de votre campagne

 

Pour commencer, connectez-vous à Qualifio.

Cliquez sur le bouton Modifier l'apparence de votre campagne. Indice : il se trouve à la toute fin, dans l'étape "Apparence".

 

Ajouter une bannière à une étape de campagne

Étape 1 : Redimensionnez votre image à la taille appropriée (environ 300px de haut).

Étape 2 : Accédez aux Paramètres avancés.

Étape 3 : Dans l'onglet CSS, utilisez ce bout de code.

body[data-qlf-step-name="questionset"] #bandeau_sup{
background-image: url(https://files.qualifio.com/library/demo/images/2020/landscape.jpeg) !important;
width: 100%;
height: 250px;
background-size: cover;

}

Le fonctionnement de ce code est très simple. Il se compose de trois parties principales. La première cible une étape spécifique de votre campagne ("intro" pour l'écran d'accueil, "questionset" pour le questionnaire, "identityset" pour le formulaire, ou "exit" pour l'écran de sortie).

Par exemple, si vous vouliez ajouter une bannière uniquement sur l'écran d'accueil, le code ressemblerait à ceci :

body[data-qlf-step-name="intro"] #bandeau_sup{
background-image: url(https://files.qualifio.com/library/demo/images/2020/landscape.jpeg) !important;
width: 100%;
height: 250px;
background-size: cover;

}

La deuxième partie fournit l'URL de la bannière que vous souhaitez ajouter. (Vous pouvez charger votre image dans Documents > Bibliothèque multimédia.)

La partie "height" doit être utilisée pour indiquer la hauteur de l'image de votre bannière.

Étape 4 : Prévisualisez vos changements en cliquant sur Appliquer.

Étape 5 : Enregistrez vos modifications en cliquant sur Sauvegarder et quitter.

Supprimer une bannière d'une étape de campagne

Étape 1 : Accédez aux Paramètres avancés.

Étape 2 : Ajoutez le code suivant dans la section CSS.

body[data-qlf-step-name="questionset"] #bandeau_sup img {
display: none;
}

Le fonctionnement de ce code est très simple. Il cible une étape spécifique de votre campagne ("intro" pour l'écran d'accueil, "questionset" pour le questionnaire, "identityset" pour le formulaire, ou "exit" pour l'écran de sortie).

Étape 3 : Prévisualisez vos changements en cliquant sur Appliquer.

Étape 4 : Enregistrez vos modifications en cliquant sur Sauvegarder et quitter.

 

Au secours ! Je ne vois pas mes changements !

Si vous ne voyez pas vos changements après avoir mis à jour votre campagne, vous devrez peut-être vider votre cache. Le cache contient des données qui peuvent parfois l'empêcher de se rafraîchir complètement. Contrairement au rafraîchissement de la page, la purge du cache d'un navigateur constitue une "réinitialisation" de la campagne.

 

Merci de votre lecture. Si vous avez besoin d'aide pour apporter des modifications à votre campagne, contactez-nous.