# Mach jeden Blogbeitrag zur Verkaufsseite. > Setze ein Einzelprodukt-Widget inline in jeden Blogbeitrag. Leser kaufen, ohne zu gehen. Funktioniert mit Ghost, WordPress, Webflow und statischen Websites. 0% Plattformgebühren. Setze ein Einzelprodukt-Widget in jeden Absatz jedes Beitrags. Leser sehen das Produkt, kaufen an Ort und Stelle und lesen weiter. Kein Umweg zu einer separaten Shop-Seite. Kein „Klick hier, um unseren Shop zu besuchen“. Der Verkauf passiert dort, wo das Interesse entstanden ist. [Kostenlos testen](https://app-v3.shoprocket.io/signup?lang=de)[Die Einbettung ansehen](#the-embed) 14 Tage kostenlos testen Keine Kreditkarte 0% Plattformgebühren Funktioniert auf jeder Blog-Plattform Inline In jedem Beitrag 1 Einbettungs-Snippet Voll Kasse 0% Plattformgebühren ● Das Problem ## Die meisten E-Commerce-Lösungen wollen, dass Leser aufhören zu lesen und zum Shop gehen. Eine Produktbewertung, die auf einen separaten Shop verlinkt, verliert den Großteil des Kaufschwungs, den die Bewertung selbst aufgebaut hat. Bis der Leser auf der Produktseite landet, ist der halbe Kontext verloren. Inline ist der Weg, ihn zu behalten. 01 ### Inhalte erzeugen die Kaufabsicht. Ein Leser landet auf deiner Produktbewertung, deinem Tutorial oder deinem Vergleich mit einer bereits geformten Frage. Der Moment, in dem er kaufen will, ist der Moment, in dem er deinen Absatz dazu zu Ende liest. Dort sollte das Widget sein. 02 ### Weiterleitungen verlieren Aufmerksamkeit. Einen Leser auf eine separate Shop-URL zu schicken, verliert einen spürbaren Teil von ihnen an Ablenkung im Browser, Tab-Wechsel und das „ich komme später wieder“, das meist nie heißt. Widgets im Beitrag schließen die Lücke. 03 ### Dein Blog ist dein wichtigstes SEO-Asset. Content-Websites ranken. Eine Produktbewertung rankt für Long-Tail-Suchanfragen, für die Produktlisten selten ranken. Steht das Produkt IM Beitrag, wird die rankende Seite zur Conversion-Seite. ● So funktioniert es ## Ein Snippet für die Website. Ein Tag pro Produkterwähnung. Füge das Loader-Script einmal im Theme deines Blogs ein. Setze dann überall, wo du ein Produkt inline erwähnst, ein einzelnes HTML-Tag mit der Produkt-ID. Das Widget bindet sich beim Rendern automatisch ein. Die Einbettung ### Ein Einzelprodukt-Widget, inline eingesetzt. Das Loader-Script kommt in den Header deines Blog-Themes (einmalige Installation). Jedes Mal, wenn du einen Beitrag schreibst, der ein Produkt erwähnt, fügst du ein HTML-Tag im Inhalt dort ein, wo das Produkt erscheinen soll. Das Widget rendert mit Bild, Preis, Variantenauswahl und In-den-Warenkorb-Button, alles inline, alles im Beitrag. Leser verlassen ihn nie. - ✓ Einmalige Loader-Installation im Blog-Theme - ✓ Ein Inline-HTML-Tag pro Produkterwähnung in einem Beitrag - ✓ Der Warenkorb bleibt über Beiträge und Seiten erhalten, Leser können beim Lesen mehrere Produkte hinzufügen ● Gängige Muster ## Drei Wege, wie Blog-first-Commerce gewinnt. Nicht jeder Beitrag braucht ein Produkt-Widget. Bei diesen drei Mustern schlägt der Ansatz das Schicken der Leser zu einem separaten Shop. 01 ### Produktbewertungen. Du hast das Ding bewertet. Leser wollen es kaufen. Das Widget sitzt am Ende der Bewertung, schon geladen, einen Klick vom Warenkorb entfernt. Keine „besuche unseren Shop“-Reibung. 02 ### Tutorials und Anleitungen. Du bringst jemandem etwas bei. Der Beitrag erwähnt die nötigen Werkzeuge oder Materialien. Jedes bekommt ein Inline-Widget, sodass der Leser das ganze Set beim Lesen kaufen kann. Einmal bezahlen am Ende. 03 ### Vergleichsartikel. Drei Produkte im Vergleich. Jeder Vergleichsabschnitt trägt das passende Widget. Leser wählen das, wofür du argumentiert hast, und gehen zur Kasse, oder starten einen Warenkorb mit zwei Kandidaten und entscheiden an der Kasse. 04 ### Zusammenfassungen und Geschenkführer. Eine kuratierte Liste mit 10 Produkten. Jeder Eintrag hat sein eigenes Inline-Widget. Ein einzelner Beitrag wird zur saisonalen Landingpage, die konvertiert. 05 ### Launch-Ankündigungen. Neuer Produktdrop. Der Ankündigungsbeitrag selbst trägt den Kaufbutton, nicht irgendwo weiter unten ein „Jetzt shoppen“-Link. Vom ersten Absatz in den Warenkorb in unter einer Minute. 06 ### Archivseiten des Newsletters. Hat dein Newsletter ein Web-Archiv (Ghost, Substack-Publikationsseite, Buttondown-Archiv), leben Inline-Produkt-Widgets auch dort. Abonnenten landen Monate später im Archiv, die Widgets funktionieren noch. ● Funktioniert dort, wo du bloggst ## Wenn dein Blog HTML erlaubt, erlaubt er Shoprocket. Jede ernstzunehmende Blog-Plattform unterstützt Inline-HTML oder einen eigenen HTML-Block. So steht es ehrlich um jede. 01 ### Ghost. Native HTML-Karte in jedem Beitrag. Perfekt für Creator, die Publikationen mit bezahlten Stufen oder E-Commerce neben Inhalten betreiben. Zwei Minuten Installation. 02 ### WordPress. Eigener HTML-Block (Gutenberg) oder ein HTML-Abschnitt im Classic Editor. Funktioniert mit jedem Theme und jedem Page-Builder (Elementor, Divi usw.). Kein WooCommerce nötig. 03 ### Webflow CMS. Embed-Element in einem CMS-Collection-Template oder in einem Rich-Text-Feld. Produkt-Widgets rendern pro Beitrag anhand eines CMS-Felds mit der Produkt-ID. 04 ### Statische Websites (Jekyll, Hugo, Astro, 11ty). Setze das Loader-Script in dein Layout. Nutze einen Shortcode oder rohes HTML in Markdown, um Widgets pro Beitrag einzubetten. Funktioniert mit Netlify, Vercel, Cloudflare Pages, überall, wo du hostest. 05 ### Substack und Medium. Beide blockieren beliebiges HTML in Beiträgen, um ihre Plattformen zu schützen. Der ehrliche Ausweg: Nutze einen gehosteten Shoprocket-Shop oder einen Ghost- / WordPress-Blog, bei dem dir Inhalt und Commerce gehören. 06 ### Notion (über Super.so / HeyNotion). Rohe veröffentlichte Notion-Seiten erlauben kein HTML. Wrapper-Dienste (Super.so, HeyNotion) machen aus einer Notion-Seite eine echte Website, die es tut, und das Widget funktioniert dort in Einbettungen. ● Häufige Fragen ## Fragen zu Blog-Commerce, beantwortet. Was wir von Creatorn und Bloggern hören, die darüber nachdenken, ihre Inhalte zu monetarisieren. Bleibt der Warenkorb über Beiträge hinweg erhalten? Wenn ein Leser aus zwei verschiedenen Artikeln hinzufügt, kann er dann einmal bezahlen? + Ja. Der Warenkorb liegt in der Sitzung des Besuchers, nicht auf der Seite. Füge in Beitrag A hinzu, surfe zu Beitrag B, füge ein weiteres Produkt hinzu, bezahle einmal mit beiden. Das schwebende Warenkorb-Symbol erscheint auf jeder Seite mit installiertem Loader, Leser sehen ihren Warenkorb-Status also überall in deinem Blog. Verlangsamt das Widget meinen Blog? + Keine nennenswerte Auswirkung. Das Loader-Script ist asynchron und blockiert das Rendern deines Blogs nicht. Jedes Widget bindet sich verzögert in seinen reservierten Container ein, es gibt also keinen kumulativen Layout-Shift. Blogs, die die Core Web Vitals vor der Installation bestanden haben, bestehen sie danach. Kann ich eine Widget-Vorlage in vielen Beiträgen nutzen (z. B. „meine Top-3-Produkte“)? + Ja. Lege das HTML in ein Snippet / Partial / Template-Include (Ghost Dynamic Member Tier, wiederverwendbarer WordPress-Block, Hugo-Partial usw.) und verweise aus jedem Beitrag darauf. Das Widget bindet jede Kopie automatisch ein. Wie sieht es mit RSS-Feeds und E-Mail-Newslettern aus? Funktionieren Widgets dort? + Nein. RSS-Reader und E-Mail-Clients führen kein JavaScript von Drittanbietern aus (und sollten es nicht). Dein RSS-Feed zeigt statt des eingebetteten Widgets einen Link zum Beitrag, das übliche Verhalten für interaktive Inhalte. Die Conversion passiert, wenn der Leser zum Beitrag selbst durchklickt. Woher weiß ich, welche Produkt-ID ich einbetten muss? + Jedes Produkt in deinem Shoprocket-Dashboard hat eine eindeutige ID. Die Produktseite zeigt das Einbettungs-Snippet zum Einfügen bereit, in der Praxis öffnest du also das Dashboard, findest das Produkt, über das du schreibst, kopierst das Snippet und fügst es in deinen Beitrag ein. Können Leser bezahlen, ohne meinen Beitrag zu verlassen? + Ja. Warenkorb, Adressen und Versandauswahl laufen in der Einbettung in deinem Beitrag. Der letzte Zahlungsschritt nutzt aus PCI-Gründen eine gehostete Weiterleitung zum Zahlungsdienstleister (Stripe, PayPal) und bringt den Leser dann zu einer Bestätigung auf deiner Website zurück. Derselbe Ablauf wie auf einer eigenen Shop-Seite. Was, wenn mein Beitrag in einer bezahlten / Mitglieder-Stufe liegt? + Dem Widget ist das egal. Wenn dein Ghost / Substack / Patreon den Beitrag selbst hinter eine Paywall stellt, sehen nur zahlende Mitglieder das Widget. Ist der Beitrag öffentlich, sieht es jeder. Das Widget respektiert die Sichtbarkeit, die deine Blog-Plattform durchsetzt. Kann ich nachverfolgen, welche Blogbeiträge welche Verkäufe bringen? + Ja. Die Analyse von Shoprocket erfasst die verweisende Seite jedes Warenkorbs und jeder Bestellung. Du siehst, von welchem Blogbeitrag eine Conversion ausging, welche Produkte dieser Beitrag verkauft hat und über welchen Zeitraum. Gut, um zu erkennen, welche Inhalte ihr Gewicht tragen. Sind es bei Shoprocket wirklich 0% Plattformgebühren? + Ja. Dein Zahlungsdienstleister (Stripe, PayPal usw.) berechnet weiterhin seine übliche Bearbeitungsgebühr, das sind die Kosten fürs Bewegen von Geld, aber Shoprocket schlägt nichts obendrauf. 0% Plattformgebühren gilt für jeden Tarif, jede Einbettung, jeden Blog. ## Wo Leser sind, sind Käufer. 14 Tage kostenlos testen. Keine Kreditkarte. Füge einen Loader ein, setze Inline-Widgets überall in deine Inhalte. [Kostenlos testen](https://app-v3.shoprocket.io/signup?lang=de)[Sprich mit uns](https://v3.shoprocket.io/de/kontakt.md) --- - HTML version: https://v3.shoprocket.io/de/funktionen/aus-blogbeitraegen-verkaufen - Language: Deutsch (de) - Also in: [العربية](https://v3.shoprocket.io/ar/features/sell-from-blog-posts.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), [Français](https://v3.shoprocket.io/fr/fonctionnalites/vendre-depuis-un-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)