Veröffentlichungs-Integrationen
Website-Baukästen (HTML-Widget)
Zuletzt aktualisiert:
Fügen Sie das HTML-Widget in Webflow, Squarespace, Framer, GoDaddy, Weebly, BigCommerce, Duda, Drupal, Joomla, Blogger oder Lovable ein, um Ihre Artikel anzuzeigen.
Wenn Ihr Website-Baukasten Clodix keine Möglichkeit zur direkten Veröffentlichung bietet – Webflow, Squarespace, Framer, GoDaddy, Weebly, BigCommerce, Duda, Drupal, Joomla, Blogger und Lovable funktionieren alle so –, gibt Clodix Ihnen stattdessen ein kleines Code-Snippet. Fügen Sie es einmal auf der Seite ein, auf der Ihr Blog erscheinen soll, und es zeigt Ihre veröffentlichten Artikel automatisch an, einschließlich einer vollständigen Artikelansicht, wenn ein Besucher auf einen klickt.
Ihren Code abrufen
- Öffnen Sie Settings → Publishing integrations und klicken Sie auf die Kachel Ihrer Plattform (oder auf HTML widget für jede andere Website).
- Kopieren Sie das angezeigte Snippet.
Wo Sie es einfügen
| Plattform | Wo |
|---|---|
| Webflow | Fügen Sie im Designer der Seite ein Code Embed-Element hinzu, fügen Sie das Snippet ein, klicken Sie auf Save & Close und veröffentlichen Sie dann Ihre Website. |
| Squarespace | Fügen Sie auf der Seite, auf der Ihr Blog erscheinen soll, einen Code Block hinzu und fügen Sie das Snippet ein. |
| Framer | Fügen Sie der Seite eine Embed-Ebene (HTML) hinzu, fügen Sie das Snippet ein und veröffentlichen Sie dann. |
| GoDaddy | Fügen Sie im GoDaddy Website Builder einen HTML-Abschnitt hinzu, fügen Sie das Snippet ein und veröffentlichen Sie dann. |
| Weebly | Ziehen Sie ein Embed Code-Element auf die Seite, klicken Sie auf Edit Custom HTML und fügen Sie das Snippet ein. |
| BigCommerce | Fügen Sie im Page Builder ein HTML-Widget hinzu (oder nutzen Sie den Script Manager) und fügen Sie das Snippet ein. |
| Duda | Ziehen Sie im Duda-Editor ein HTML-Widget auf die Seite und fügen Sie das Snippet ein. |
| Drupal | Fügen Sie einen Custom Block mit dem Textformat Full HTML hinzu, fügen Sie das Snippet ein und platzieren Sie ihn auf der Seite. |
| Joomla | Fügen Sie der Seite ein Custom HTML-Modul hinzu, fügen Sie das Snippet ein und speichern Sie. |
| Blogger | Gehen Sie zu Layout → Add a Gadget → HTML/JavaScript, fügen Sie das Snippet ein und speichern Sie. |
| Lovable | Bitten Sie im Lovable-Chat: „Create a Blog page at /blog and add this code to it exactly as it is“, fügen Sie danach das Snippet ein und klicken Sie dann auf Publish. |
| Any other site | Fügen Sie das Snippet irgendwo auf der Seite direkt vor </body> ein. |
Jede Website mit einem einfachen <div id="clodix-articles"></div> und dem Script-Tag danach funktioniert auf dieselbe Weise, auch außerhalb eines genannten Baukastens.
- Klicken Sie zurück in Clodix auf I've added the code.
Nach dem Verbinden
- Ein Feld Page where you added the widget erlaubt es Clodix, in der App direkt auf die Live-URL jedes Artikels zu verlinken – optional, aber nützlich.
- Klicken Sie auf View live, um Ihre Website zu öffnen und zu prüfen, ob das Widget Ihre Artikel anzeigt.
- Neue und bearbeitete Artikel erscheinen automatisch im Widget – Sie müssen nichts erneut veröffentlichen. Clodix speichert das Skript des Widgets bis zu 5 Minuten im Cache, daher kann es beim ersten Mal ein paar Minuten dauern, bis ein ganz neuer Artikel erscheint.
„Ich habe den Code eingefügt, aber Clodix sagt, er sei nicht auf meiner Website“
Ein Klick auf I've added the code markiert das Widget nur als verbunden. Der Status neben Ihrem Code wechselt von Not found on your site yet zu Live on your site, sobald der Browser eines Besuchers das Widget zum ersten Mal tatsächlich von Ihrer Seite lädt – und bis dahin sehen Sie außerdem das Banner Your articles aren't showing on your site yet.
Direkt nachdem Sie auf I've added the code geklickt haben, sucht Clodix auch selbst nach dem Code – auf der Seite, die Sie angegeben haben, auf Ihrer Startseite und auf den Seiten Ihrer Sitemap. Findet es den Code, wechselt der Status innerhalb von etwa einer Minute zu Live on your site, ohne dass jemand die Seite besuchen muss. Wenn nicht, gehen Sie diese Liste durch:
- Öffnen Sie Ihre veröffentlichte Seite in einem normalen Browserfenster – nicht im Editor Ihres Baukastens. Wenn Sie die Seite selbst laden, zählt das als Besuch.
- Veröffentlichen Sie Ihre Website nach dem Einfügen. Die meisten Baukästen zeigen eingefügten Code nur auf der veröffentlichten Website, nicht in einem Entwurf.
- Nutzen Sie die richtige Art von Block. Der Code muss in einen HTML-, Embed code-, Code Embed- oder Custom HTML-Block (siehe Tabelle oben). Ein einfacher Textblock entfernt ihn. Im Quelltext Ihrer Seite sollten Sie
<div id="clodix-articles">gefolgt von einem Skript finden. - Prüfen Sie, ob es die Seite ist, die Besucher sehen – Ihre Blog-Seite, in Ihrem Menü, nicht ausgeblendet und nicht passwortgeschützt. Wenn Sie ihn auf einer anderen Seite eingefügt haben, erscheinen Ihre Artikel dort.
- Leeren Sie Ihren Cache. Ein Caching-Plugin, ein CDN oder der Cache Ihres Hosters kann weiterhin die alte Seite ohne den Code ausliefern.
- Prüfen Sie, ob es die richtige Website ist. Hat Ihr Konto mehr als eine Website, hat jede ihren eigenen Code – fügen Sie den Code der Website ein, deren Domain Sie verwenden.
Kommen Sie nicht weiter? Kontaktieren Sie den Support mit Ihrer Seitenadresse und der Plattform, die Sie nutzen – oder senden Sie den Code an die Person, die Ihre Website betreut.
Das Widget wirkt im Editor des Baukastens leer
Das ist normal. Viele Website-Baukästen (Wix, GoDaddy, Squarespace und andere) stellen eingefügten Code beim Bearbeiten in einer abgeschotteten Vorschau dar, die das Widget nicht immer füllen kann. Öffnen Sie Ihre veröffentlichte Website (nicht die Bearbeitungsansicht des Baukastens), um Ihre Artikel zu sehen – dort läuft das Widget tatsächlich.
FAQ
Ist das gut für SEO?
Es ist besser als nichts, aber nicht so stark wie ein echter Beitrag. Das Widget fügt Ihren Artikel der Seite per JavaScript hinzu, nachdem die Seite geladen wurde. Deshalb sehen manche Suchmaschinen und die meisten Link-Vorschau-Tools beim ersten Laden eine leere Seite. Wenn Ihre Plattform Direktveröffentlichung unterstützt (WordPress, Shopify, Wix, Ghost oder HubSpot), nutzen Sie stattdessen diese – den Vergleich finden Sie unter Verbinden Sie Ihre Website.
Kann ich das Widget an meine Website anpassen?
Das Widget übernimmt die Schriftarten Ihrer Seite automatisch und wählt eine lesbare Textfarbe abhängig vom Hintergrund (oder Sie setzen data-theme="light" / data-theme="dark" selbst). Eine tiefergehende Gestaltung ist derzeit nicht möglich.
Muss ich den Code erneut einfügen, wenn ein neuer Artikel veröffentlicht wird?
Nein. Fügen Sie das Snippet einmal ein – jeder neue oder bearbeitete Artikel erscheint innerhalb weniger Minuten automatisch, ohne dass Sie etwas tun müssen.
Scrollt das Widget in einem kleinen Fenster?
Nein. Ein Besucher, der einen Artikel öffnet, sieht ihn vollständig auf derselben Seite – der Block wächst passend mit, am Desktop und am Smartphone –, es gibt also keine Bildlaufleiste im Widget.
Ich kann den Code nicht selbst einfügen.
Leiten Sie das Snippet an die Person weiter, die Ihre Website baut oder betreut – es muss nur einmal eingefügt werden. Gibt es niemanden, schreiben Sie an support@clodix.ai und teilen Sie uns mit, welchen Baukasten Ihre Website nutzt.
Kann ich das Widget auf mehr als einer Seite einfügen?
Ja – fügen Sie dasselbe Snippet auf beliebig vielen Seiten ein; jede lädt dieselbe Artikelliste.