Tutorial

How To Add Plugin In Hostinger Website Builder 2025: Die ultimative Anleitung

Melden

Hier ist ein aktuelles Tutorial für das Jahr 2025, das genau erklärt, wie du die Funktionalität deiner Hostinger-Website erweitern kannst.

Wer den Hostinger Website Builder (ehemals Zyro) nutzt, stellt oft fest: Es gibt keinen klassischen "Plugin-Store" wie bei WordPress. Das liegt daran, dass der Builder ein geschlossenes, optimiertes System ist. Dennoch kannst du fast jede gewünschte Funktion (wie WhatsApp-Chat, Bewertungen, Pop-ups oder Buchungstools) hinzufügen.

In dieser Anleitung lernst du die drei Wege kennen, wie du 2025 "Plugins" bzw. Erweiterungen installierst.

Methode 1: Native Integrationen (Der einfachste Weg)

Hostinger hat bereits viele wichtige Tools direkt in das System integriert. Dies ist die sicherste Methode, da sie die Ladezeit der Website kaum beeinflusst.

  1. Einloggen: Melde dich in deinem Hostinger-Account an und öffne den Website Builder.
  2. Einstellungen öffnen: Klicke unten links im Editor-Menü auf das Zahnrad-Symbol (Einstellungen).
  3. Integrationen wählen: Klicke auf den Reiter "Integrationen".
  4. Tool verbinden: Hier findest du vorgefertigte Felder für:
    • Google Analytics / Tag Manager (für Statistiken)
    • Facebook Pixel (für Marketing)
    • WhatsApp / Messenger Live Chat
    • Hotjar (für Nutzerverhalten)
  5. Code/ID eingeben: Gib einfach die entsprechende ID oder den Code ein, den du von dem jeweiligen Anbieter erhalten hast, und klicke auf "Änderungen speichern".

Methode 2: Das "Einbetten"-Element (Für externe Widgets)

Wenn du ein spezielles Plugin suchst (z. B. ein Gästebuch, Börsen-Ticker oder spezielle Kontaktformulare von Drittanbietern wie Elfsight oder POWR), nutzt du das HTML-Einbetten-Tool.

  1. Code kopieren: Gehe zur Website des Drittanbieters (z. B. Elfsight) und erstelle dein Widget. Kopiere den bereitgestellten HTML/JavaScript-Code.
  2. Element hinzufügen: Klicke im Hostinger-Editor links auf das Plus-Symbol (+ Element hinzufügen).
  3. Einbetten wählen: Ziehe das Element "Einbetten" (Embed Code) an die gewünschte Stelle auf deiner Website.
  4. Code einfügen: Klicke auf das neu platzierte Feld und wähle "Code eingeben". Füge deinen kopierten Code in das Fenster ein.
  5. Speichern & Veröffentlichen: Klicke auf "Speichern" und dann oben rechts auf "Website aktualisieren".

Methode 3: Benutzerdefinierter Code im Header (Für globale Plugins)

Manche Plugins müssen auf jeder Seite geladen werden (z. B. Cookie-Banner oder spezielle Chat-Tools).

  1. Einstellungen: Gehe wieder auf die Einstellungen (Zahnrad) links unten.
  2. Benutzerdefinierter Code: Wähle den Punkt "Benutzerdefinierter Code".
  3. Header-Bereich: Füge den Skript-Code in das Feld "Head-Code" ein. Dies stellt sicher, dass das Plugin geladen wird, sobald die Seite aufgerufen wird.
  4. Speichern: Klicke auf Speichern und veröffentliche deine Website neu.

Profi-Tipps für 2025

  • Performance checken: Jedes externe Skript (Plugin) kann deine Website verlangsamen. Nutze Tools wie Google PageSpeed Insights, nachdem du ein Plugin hinzugefügt hast.
  • Widget-Anbieter nutzen: Da Hostinger keine eigenen Plugins verkauft, sind Anbieter wie Elfsight, CommonNinja oder POWR deine besten Freunde. Sie bieten hunderte Widgets (Instagram-Feeds, Google Reviews, Preis-Tabellen), die perfekt mit dem Hostinger Builder funktionieren.
  • KI-Assistent: Nutze den integrierten KI-Assistenten von Hostinger, um Formulare oder Texte für deine Plugins direkt im Builder zu optimieren.

Zusammenfassung: WordPress vs. Hostinger Builder

Solltest du feststellen, dass du extrem spezifische, komplexe Plugin-Systeme benötigst (z. B. ein vollwertiges Learning Management System oder komplexe Mitgliederbereiche), ist der Hostinger WordPress-Installer eventuell die bessere Wahl für dich. Der Hostinger Website Builder ist hingegen ideal für Schnelligkeit, Design und einfache Integrationen.

War dieses Tutorial hilfreich? Vergiss nicht, deine Website nach jeder Änderung zu sichern!

0