Documentation des widgets chuchoteurs



Widget "Slider de secrets d'un chuchoteur"

Le widget "Slider de secrets d'un chuchoteur" permet d'afficher les secrets d'un chuchoteur donné dans un slider.

A. Intégration

Pour intégrer le widget dans une page, insérer les lignes suivantes dans le code html de la page, à n'importe quel endroit dans le <body> :

<div id="secrets-slider-author" widget-key="votre_clé_widget" account="mail_du_compte_chuchoteur"></div>
<script src="https://widgets.chuchoteurs.com/widgets/secrets-slider-author.js"></script>

Remplacer votre_clé_widget par votre clé widget et mail_du_compte_chuchoteur par le mail du chuchoteur.

B. Personnalisation

Pour personnaliser le widget, insérer une balise <style> avec les éléments suivants:

<style type="text/css">
#secrets-slider-author {
  color: #777777; /* couleur des textes */
  font-family: "Verdana"; /* police des textes */
}
#secrets-slider-author .slide-title {
  color: black; /* couleur du titre */
}
#secrets-slider-author .secret-author-card {
  background-color: red; /* couleur du background du widget */
}
</style>



Widget "Slider de secrets d'un produit"

Le widget "Slider de secrets d'un produit" permet d'afficher les secrets d'un produit donné dans un slider.

A. Intégration

Pour intégrer le widget dans une page, insérer les lignes suivantes dans le code html de la page, à n'importe quel endroit dans le <body> :

<div id="secrets-slider" widget-key="votre_clé_widget" product="ID_du_produit"></div>
<script src="https://widgets.chuchoteurs.com/widgets/secrets-slider.js"></script>

Remplacer votre_clé_widget par votre clé widget et ID_du_produit par l'ID du produit dans le SIT.

B. Personnalisation

Pour personnaliser le widget, insérer une balise <style> avec les éléments suivants:

<style type="text/css">
#secrets-slider {
  color: #777777; /* couleur des textes */
  font-family: "Verdana"; /* police des textes */
}
#secrets-slider .slide-title {
  color: black; /* couleur du titre */
}
#secrets-slider .secret-product-card {
  background-color: red; /* couleur du background du widget */
}
</style>