# Transformez chaque article de blog en page de vente. > Placez un widget produit unique en ligne dans n’importe quel article. Les lecteurs achètent sans quitter la page. Fonctionne sur Ghost, WordPress, Webflow et les sites statiques. 0 % de frais de plateforme. Placez un widget produit unique dans n’importe quel paragraphe de n’importe quel article. Les lecteurs voient le produit, achètent sur place et continuent de lire. Pas de détour par une page boutique séparée. Pas de « cliquez ici pour visiter notre boutique ». La vente se fait là où l’envie est née. [Démarrer l’essai gratuit](https://app-v3.shoprocket.io/signup?lang=fr)[Voir l’intégration](#the-embed) Essai gratuit de 14 jours Sans carte bancaire 0 % de frais de plateforme Fonctionne sur toutes les plateformes de blog Intégré Dans n’importe quel article 1 Code d’intégration Complet Paiement 0% Frais de plateforme ● Le problème ## La plupart des solutions e-commerce veulent que les lecteurs arrêtent de lire pour aller à la boutique. Un test de produit qui renvoie vers une boutique séparée perd l’essentiel de l’élan de conversion que le test lui-même a créé. Le temps que le lecteur arrive sur la page produit, la moitié du contexte s’est évaporée. L’intégration en ligne est la façon de le garder. 01 ### Le contenu crée l’intention d’achat. Un lecteur arrive sur votre test de produit, votre tutoriel ou votre comparatif avec une question déjà formée. Le moment où il veut acheter est celui où il finit de lire votre paragraphe à ce sujet. C’est là que doit se trouver le widget. 02 ### Les redirections font fuir l’attention. Envoyer un lecteur vers une URL de boutique séparée en perd une part non négligeable, entre distractions du navigateur, changement d’onglet et « j’y reviendrai plus tard » qui veut surtout dire jamais. Les widgets dans l’article suppriment cet écart. 03 ### Votre blog est votre meilleur atout SEO. Les sites de contenu se positionnent. Un test de produit se positionne sur des requêtes de longue traîne que les pages catalogue atteignent rarement. Placer le produit DANS l’article, c’est faire de la page qui se positionne la page qui convertit. ● Comment ça marche ## Un code pour le site. Une balise par mention de produit. Collez le script de chargement une seule fois dans le thème de votre blog. Ensuite, partout où vous mentionnez un produit en ligne, placez une seule balise HTML avec l’ID du produit. Le widget se monte automatiquement au rendu. L’intégration ### Un widget produit unique, placé en ligne. Le script de chargement se place dans l’en-tête du thème de votre blog (installation unique). Chaque fois que vous écrivez un article qui mentionne un produit, vous ajoutez une balise HTML dans le contenu à l’endroit où le produit doit apparaître. Le widget s’affiche avec l’image, le prix, le sélecteur de variante et le bouton d’ajout au panier, le tout en ligne, dans l’article. Les lecteurs ne le quittent jamais. - ✓ Installation unique du script de chargement dans le thème du blog - ✓ Une balise HTML en ligne par mention de produit dans un article - ✓ Le panier persiste d’un article et d’une page à l’autre, les lecteurs peuvent ajouter plusieurs produits au fil de leur lecture ● Cas courants ## Trois façons dont le commerce centré sur le blog l’emporte. Tous les articles n’ont pas besoin d’un widget produit. Ces trois cas sont ceux où l’approche bat l’envoi des lecteurs vers une boutique séparée. 01 ### Tests de produits. Vous avez testé le produit. Les lecteurs veulent l’acheter. Le widget se trouve à la fin du test, déjà chargé, à un clic du panier. Pas de friction « visitez notre boutique ». 02 ### Tutoriels et articles pratiques. Vous apprenez à quelqu’un à faire quelque chose. L’article mentionne les outils ou matériaux nécessaires. Chacun reçoit un widget en ligne, pour que le lecteur puisse acheter tout le kit en lisant. Un seul paiement à la fin. 03 ### Articles comparatifs. Trois produits comparés. Chaque section de comparaison porte le widget correspondant. Les lecteurs choisissent celui que vous avez défendu et passent à la caisse, ou démarrent un panier avec deux candidats et décident au paiement. 04 ### Sélections et guides cadeaux. Une liste sélectionnée de 10 produits. Chaque entrée a son propre widget en ligne. Un seul article devient une page d’atterrissage saisonnière qui convertit. 05 ### Annonces de lancement. Sortie d’un nouveau produit. L’article d’annonce porte lui-même le bouton d’achat, pas un lien « Acheter maintenant » plus bas. Du premier paragraphe au panier en moins d’une minute. 06 ### Pages d’archives de newsletter. Si votre newsletter a une archive web (Ghost, page d’accueil d’une publication Substack, archive Buttondown), les widgets produit en ligne y vivent aussi. Les abonnés arrivent sur l’archive des mois plus tard, les widgets fonctionnent toujours. ● Fonctionne là où vous bloguez ## Si votre blog accepte le HTML, il accepte Shoprocket. Toute plateforme de blog sérieuse accepte le HTML en ligne ou un bloc HTML personnalisé. Voici l’état des lieux honnête de chacune. 01 ### Ghost. Carte HTML native dans n’importe quel article. Idéal pour les créateurs qui tiennent des publications avec offres payantes ou du e-commerce à côté du contenu. Une installation de deux minutes. 02 ### WordPress. Bloc HTML personnalisé (Gutenberg) ou section HTML de l’éditeur classique. Fonctionne avec tous les thèmes et tous les constructeurs de pages (Elementor, Divi, etc.). Pas besoin de WooCommerce. 03 ### Webflow CMS. Élément Embed placé dans un gabarit de collection CMS, ou dans un champ de texte enrichi. Les widgets produit s’affichent article par article à partir d’un champ CMS contenant l’ID du produit. 04 ### Sites statiques (Jekyll, Hugo, Astro, 11ty). Placez le script de chargement dans votre mise en page. Utilisez un shortcode ou du HTML brut dans le markdown pour intégrer des widgets article par article. Fonctionne avec Netlify, Vercel, Cloudflare Pages, partout où vous hébergez. 05 ### Substack et Medium. Les deux bloquent le HTML arbitraire dans les articles pour protéger leurs plateformes. La solution honnête : utiliser une boutique hébergée Shoprocket ou un blog Ghost / WordPress où vous possédez le contenu et le commerce. 06 ### Notion (via Super.so / HeyNotion). Les pages Notion publiées brutes n’autorisent pas le HTML. Les services d’habillage (Super.so, HeyNotion) transforment un site Notion en vrai site qui l’autorise, et le widget fonctionne dans les intégrations qui s’y trouvent. ● Questions fréquentes ## Vos questions sur le commerce de blog, avec leurs réponses. Ce que nous entendons des créateurs et blogueurs qui envisagent de monétiser leur contenu. Le panier persiste-t-il d’un article à l’autre ? Si un lecteur ajoute depuis deux articles différents, peut-il payer en une seule fois ? + Oui. Le panier vit dans la session du visiteur, pas dans la page. Ajoutez depuis l’article A, naviguez vers l’article B, ajoutez un autre produit, payez en une fois avec les deux. L’icône du panier flottant apparaît sur chaque page où le script est installé, les lecteurs voient donc l’état de leur panier partout sur votre blog. Le widget va-t-il ralentir mon blog ? + Aucun impact notable. Le script de chargement est asynchrone, il ne bloque donc pas le rendu de votre blog. Chaque widget se monte en différé dans son conteneur réservé, donc aucun décalage cumulatif de mise en page. Les blogs qui passaient les Core Web Vitals avant l’installation les passent après. Puis-je utiliser un même modèle de widget dans de nombreux articles (par ex. « mes 3 meilleurs produits ») ? + Oui. Placez le HTML dans un snippet / partial / include de gabarit (niveau membre dynamique Ghost, bloc réutilisable WordPress, partial Hugo, etc.) et référencez-le depuis n’importe quel article. Le widget monte automatiquement chaque copie. Et les flux RSS et les newsletters ? Les widgets y fonctionnent-ils ? + Non. Les lecteurs RSS et les clients e-mail n’exécutent pas de JavaScript tiers (et ne devraient pas). Votre flux RSS affichera un lien vers l’article à la place du widget intégré, ce qui est le comportement standard pour tout contenu interactif. La conversion a lieu quand le lecteur clique vers l’article lui-même. Comment savoir quel ID de produit intégrer ? + Chaque produit de votre tableau de bord Shoprocket a un ID unique. La page produit affiche le code d’intégration prêt à coller : en pratique, vous ouvrez le tableau de bord, trouvez le produit dont vous parlez, copiez le code et le collez dans votre article. Les lecteurs peuvent-ils payer sans quitter mon article ? + Oui. Le panier, les adresses et le choix de livraison s’exécutent dans l’intégration de votre article. L’étape finale du paiement utilise une redirection hébergée vers le processeur (Stripe, PayPal) pour la conformité PCI, puis ramène le lecteur vers une confirmation sur votre site. Même flux qu’une page boutique dédiée. Et si mon article est dans une offre payante ou réservée aux membres ? + Le widget s’en moque. Si votre Ghost / Substack / Patreon place l’article lui-même derrière un paywall, seuls les membres payants voient le widget. Si l’article est public, tout le monde le voit. Le widget respecte la visibilité qu’applique votre plateforme de blog. Puis-je suivre quels articles de blog génèrent quelles ventes ? + Oui. Les statistiques de Shoprocket capturent la page de provenance de chaque panier et de chaque commande. Vous voyez de quel article de blog une conversion est issue, quels produits cet article a vendus, et sur quelle période. Utile pour repérer les contenus qui font le travail. Shoprocket prend-il vraiment 0 % de frais de plateforme ? + Oui. Votre processeur de paiement (Stripe, PayPal, etc.) prélève toujours ses frais de traitement habituels, c’est le coût du transfert d’argent, mais Shoprocket n’ajoute rien par-dessus. Les 0 % de frais de plateforme s’appliquent à tous les forfaits, toutes les intégrations, tous les blogs. ## Là où sont les lecteurs, il y a des acheteurs. Essai gratuit de 14 jours. Sans carte bancaire. Collez un script de chargement, placez des widgets en ligne n’importe où dans votre contenu. [Démarrer l’essai gratuit](https://app-v3.shoprocket.io/signup?lang=fr)[Parlez-nous](https://v3.shoprocket.io/fr/contact.md) --- - HTML version: https://v3.shoprocket.io/fr/fonctionnalites/vendre-depuis-un-blog - Language: Français (fr) - Also in: [العربية](https://v3.shoprocket.io/ar/features/sell-from-blog-posts.md), [Deutsch](https://v3.shoprocket.io/de/funktionen/aus-blogbeitraegen-verkaufen.md), [Ελληνικά](https://v3.shoprocket.io/el/features/sell-from-blog-posts.md), [English](https://v3.shoprocket.io/features/sell-from-blog-posts.md), [Español](https://v3.shoprocket.io/es/funciones/vender-desde-entradas-de-blog.md), [עברית](https://v3.shoprocket.io/he/features/sell-from-blog-posts.md), [हिन्दी](https://v3.shoprocket.io/hi/features/sell-from-blog-posts.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/fitur/jual-dari-postingan-blog.md), [Italiano](https://v3.shoprocket.io/it/funzionalita/vendere-dagli-articoli-del-blog.md), [日本語](https://v3.shoprocket.io/ja/features/sell-from-blog-posts.md), [Lietuvių](https://v3.shoprocket.io/lt/funkcijos/pardavimas-tinklarascio-irasuose.md), [Norsk](https://v3.shoprocket.io/nb/funksjoner/selg-fra-blogginnlegg.md), [Nederlands](https://v3.shoprocket.io/nl/functies/verkopen-via-blogposts.md), [Polski](https://v3.shoprocket.io/pl/funkcje/sprzedaz-z-wpisow-na-blogu.md), [Português](https://v3.shoprocket.io/pt/funcionalidades/vender-pelo-blog.md), [Română](https://v3.shoprocket.io/ro/functionalitati/vinde-din-articole-de-blog.md), [Русский](https://v3.shoprocket.io/ru/features/sell-from-blog-posts.md), [ไทย](https://v3.shoprocket.io/th/features/sell-from-blog-posts.md), [Türkçe](https://v3.shoprocket.io/tr/ozellikler/blog-yazilarindan-satis.md), [中文](https://v3.shoprocket.io/zh/features/sell-from-blog-posts.md)