Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
|
integrer_une_popup [2023/05/16 08:39] florent [Créer une popup via Elfsight] |
integrer_une_popup [2024/03/15 09:53] (Version actuelle) florent ancienne révision (2023/08/03 13:20) restaurée |
||
|---|---|---|---|
| Ligne 16: | Ligne 16: | ||
| * Triggers : cochez par exemple "Time on page duration" en indiquant une durée à partir de laquelle la popup apparaîtra pour l'utilisateur (ex : 4 secondes) | * Triggers : cochez par exemple "Time on page duration" en indiquant une durée à partir de laquelle la popup apparaîtra pour l'utilisateur (ex : 4 secondes) | ||
| - | **Pensez à nommer votre popup** : le compte étant mutualisé, pour retrouver votre popup, identifiez la avec le nom de votre marque blanche ! | + | **Pensez à nommer votre popup** : le compte étant mutualisé, pour retrouver votre popup, identifiez la avec le nom de votre marque blanche (champ en haut à gauche de l'écran, nommé par défaut "Untitled widget"). |
| Une fois votre configuration terminée, cliquez sur "Save" pour créer la popup. | Une fois votre configuration terminée, cliquez sur "Save" pour créer la popup. | ||
| Ligne 33: | Ligne 33: | ||
| Votre popup est maintenant fonctionnelle. | Votre popup est maintenant fonctionnelle. | ||
| + | ==== Intégrer plusieurs popups sur un même site ==== | ||
| + | Si vous souhaitez ajouter plusieurs popups sur un même site, pour chaque nouvelle popup, il suffira de copier et ajouter la 2ème ligne de code seulement (qui débute et se termine par <div>). | ||
| + | |||
| + | Exemple de rendu pour 2 popup: | ||
| + | |||
| + | <script src="https://apps.elfsight.com/p/platform.js" defer></script> | ||
| + | |||
| + | <div class="elfsight-app-popup-1"></div> | ||
| + | |||
| + | <div class="elfsight-app-popup-2"></div> | ||