L'éditeur d'apparences avancées vous permet de créer et gérer vos designs en assemblant des blocs parmi des composants basiques et dynamiques.

Dans cet article, nous vous présentons les options à votre disposition :

• Actions dynamiques
• Boutons
• Composant cliquable

Action dynamique

Dans votre apparence, lorsque vous utilisez le composant dynamique "Action dynamique" celle-ci s'adaptera à l'action que vous utiliserez dans votre scénario.

Il sera identifié par Poool comme le CTA principal du widget.

Nous insérons le composant dans notre apparence:

Dès l'aperçu, vous pourrez voir à quoi l'action correspondra dans votre scénario selon le widget que vous utiliserez

Dans ce cas l'action dynamique est automatiquement remplacée par un formulaire :

Ici, l'action dynamique correspond à celle d'un wall d'abonnement :

Où modifier le texte des actions dynamiques ?

Le texte des actions dynamiques se modifient :

Section "messages"

Dans l'onglet qui correspond à l'action sélectionnée

Edition du widget

Dans le scenario > widget > paramétrage avancé des textes

Comment modifier la couleur de mon action dynamique ?

Si vous souhaitez modifier la couleur de votre action dynamique, vous pouvez intégrer le CSS suivant :

.junipero.button.primary {
background-color: yourcolor;
}

Bouton

Le bouton est un composant basique que vous pourrez placer et personnaliser dans votre apparence. La grande différence avec l'action dynamique est que votre bouton sera "figé" dans l'apparence et ne s'adaptera pas au widget que vous utiliserez dans votre scénario.

Et ainsi de suite... Le bouton reste bien le même quelque soit le widget choisi !

Le composant basique bouton vous donne la possibilité de régler différents éléments relatifs à l'aspect et au comportement que vous souhaitez définir pour celui-ci. En cliquant sur "Editer", vous accéderez à l'onglet "Paramètres":

Ici, vous allez pouvoir:

• Définir le texte qui apparait sur le bouton:
• Définir l'action que vous souhaitez (Ouvrir un lien ou Déclencher un événement JS):

Sur ce dernier point, vous pourrez approfondir en consultant cet article:

• Définir le type HTML de l'élément et lui attribuer un identifiant:

Comment paramétrer la couleur de mon bouton ?

Le paramétrage se fait de deux manières :

Dans le Dashboard, options > style > couleur d'arrière plan

Ou autre option, via le CSS :

.button {
    background-color: yourcolor;
}

Composant cliquable

De la même manière qu'un bouton, vous pouvez aussi choisir le composant "cliquable". Il vous permet de définir un zone de votre wall qui sera cliquable.

Il est similaire au composant rangée et permet de rendre cliquable l'ensemble du contenu présent à l'intérieur de celui-ci.

Les mêmes options que celles proposées pour le bouton sont disponibles pour ce composant, afin de maîtriser la redirection :

• Ouvrir un lien => permet de renseigner l'URL vers laquelle les lecteurs seront redirigés après avoir cliqué sur le bouton.
• Déclencher un événement => permet de définir si le clic déclenchera l'ouverture d'un nouvel onglet ou non.

Permet de déclencher l'événement javascript customButtonClick suite au clic sur le bouton.

Si vous souhaitez ajouter un pointer, ajoutez dans le bloc CSS de votre apparence le CSS suivant :

.mon-image {
    cursor: pointer;
}

Action dynamique vs Bouton et Cliquable : comment suivre les clics?

L'action dynamique est reconnue par Poool comme le CTA principal par Poool. Ainsi, les clics sur ce type de boutons remonteront dans l'onglet "Statistiques>Clics" de votre dashboard Poool.

En revanche, les clics sur les composants basique Bouton et cliquables ne remonteront pas dans votre dashboard Poool.

Il vous sera possible de suivre les clics sur cet élément dans votre outil analytics (GA, Piano etc...) car Poool déclenche l'événement JavaScript customButtonClick au clic sur ces boutons.

Ainsi, vous pourrez faire remonter les informations relatives aux clics directement sur votre outil d'analyse.

Des doutes, des questions ? N'hésitez pas à nous contacter via le chat !

Mis à jour le : 20/03/2026