• Skip to content
  • Skip to footer

Collective Voice

A place for all the tips and tricks to best monetize your Collective Voice links.

(FR) Comment ajouter un widget dans la barre latérale de votre blog ?

April 1, 2016 | Pour les blogueurs français

Aujourd’hui nous allons vous expliquer comment ajouter dans la barre latérale de votre blog des liens affiliés ShopStyle Collective sous forme d’un widget. Vous avez peut être vu d’autre blogueurs le faire, et vous en serez bientôt capable en suivant nos conseils pas à pas.

WordPress

1. Créer un widget directement depuis ShopStyle Collective (+ d’infos sur comment créer un widget ici ). Veuillez à adapter la taille de votre widget afin qu’il corresponde à la taille parfaite de votre barre latérale (WxH), cela varie selon les utilisateurs. Sauvegadez votre widget sous un nom dont vous vous souviendrez comme étant le widget de votre barre latérale et mettez-le en favoris, cela sera plus facile pour le mettre à jour de l’avoir rapidement sous la main. Copié le code HTML.

2. Dans le dashboard de votre WordPress, descendre jusqu’à la sélection “Apparence” puis cliquez sur “Widgets” et une nouvelle page apparaitra.

Screen Shot 2016-04-01 at 14.06.33

3. Dans l’onglet Widget, choisissez le bouton “Texte” dans vos applications. (Selon le thème que vous utilisez cela pourra s’appeler autrement).

Screen Shot 2016-04-01 at 14.33.24

4. Cliquez sur la flèche du widget “Texte” et donnez lui un titre. Dans l’exemple ci-dessus nous avons choisi “Mes Favoris”. Dans la case vide, ajoutez le code HTML que vous avez copié depuis ShopStyle Collective.

Screen Shot 2016-04-01 at 14.24.48

5. Sauvegardez, rafraichissez la page de votre blog. Les produits de votre widget sont désormais disponibles dans la barre latérale de votre blog. Vous pouvez directement modifier le widget depuis ShopStyle Collective et votre widget sera mis à jour automatiquement sur votre blog.

Screen-Shot-2016-03-14-at-2.54.14-PM-e1457997230465

Blogger

1. Créer un widget directement depuis ShopStyle Collective (+ d’infos sur comment créer un widget ici ). Veuillez à adapter la taille de votre widget afin qu’il corresponde à la taille parfaite de votre barre latérale (WxH), cela varie selon les utilisateurs. Sauvegadez votre widget sous un nom dont vous vous souviendrez comme étant le widget de votre barre latérale et mettez-le en favoris, cela sera plus facile pour le mettre à jour de l’avoir rapidement sous la main. Copié le code HTML.

2. Sur votre dashboard blogger cliquez sur “Layout” à gauche, puis en dessous de “sidebar-right-1” (barre latérale de droite), cliquez sur “add a gadget.”

Screen-Shot-2016-03-14-at-4.17.13-PM-e1457998083839

3. Une case “Add a Gadget” apparaitra, descendre sur la page pour trouver le bouton “HTML/JavaScript” et cliquez dessus.

Screen-Shot-2016-03-14-at-5.51.33-PM-e1458003116180

4. Cliquez sur “HTLM/Javascript” puis entrez le titre que vous souhaitez pour ce widget et copiez le code HTML de votre widget (préalablement copié depuis ShopStyle Collective) dans la section “content”.

Screen-Shot-2016-03-14-at-4.21.10-PM-e1457998423568

5. Sauvegardez, rafraichissez la page de votre blog. Les produits de votre widget sont désormais disponibles dans la barre latérale de votre blog. Vous pouvez directement modifier le widget depuis ShopStyle Collective et votre widget sera mis à jour automatiquement sur votre blog.

Screen-Shot-2016-03-14-at-4.27.04-PM-e1457998464977

Faites en sorte de mettre à jour régulièrement votre sidebar au maximum. Vous pouvez par exemple utilisez l’outil “Sold-out” qui vous indique et aide à remplacer les produits sold-out en quelques clics.

A très vite,

Diane

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Footer

About Collective Voice

We empower influencers to be lifestyle leaders. Grow your brand and audience with our guidance, data, innovative tools, and team of experts. We believe in your influence and we’re here to power that passion.
  • Facebook
  • Instagram
  • Pinterest
  • Twitter
This error message is only visible to WordPress admins

Error: No posts found.

Make sure this account has posts available on instagram.com.

Copyright © 2025 · Collective Voice · Designed by Bella Creative Studio