Mit dem Fallstudien-Widget kannst du deine Projekte und Erfolge direkt auf deiner eigenen Website präsentieren – automatisch synchronisiert, visuell ansprechend und ohne zusätzlichen Pflegeaufwand. Du kannst das Design, die angezeigten Fallstudien und die Einbettung genau an deine Website anpassen.
Voraussetzungen
Bevor du ein Widget erstellen kannst, benötigst du:
Ein verifiziertes Profil
Die Rolle „Inhaber“
Einen Premium-Plan, da nur dieser Zugriff auf Fallstudien und Widgets ermöglicht
Schritt-für-Schritt-Anleitung
1. Agentur-Dashboard öffnen
Logge dich in dein Unternehmenskonto auf trustmarkt.de/login ein und öffne den Verwaltungsbereich deines Unternehmens.
2. Auf „Fallstudien“ klicken
In der linken Navigation findest du den Menüpunkt „Fallstudien“.
3. „Widgets verwalten“ öffnen
Oben rechts findest du den Button „Widgets verwalten“.
Klicke darauf, um zur Widget-Verwaltung zu gelangen.
4. Neues Widget erstellen
Klicke auf „+ Widget erstellen“, um ein neues Fallstudien-Widget anzulegen.
Einstellungen für das Widget
Beim Erstellen eines Widgets kannst du verschiedene Optionen konfigurieren:
🎨 Design auswählen (hell oder dunkel)
Wähle das helle Design für Webseiten mit hellen Hintergründen oder das dunkle Design für dunkle Layouts. Beide Varianten sind optisch optimiert, damit deine Fallstudien perfekt zur jeweiligen Website passen.
🏷️ Nach Tags filtern
Wenn du mehrere Fallstudien hast, kannst du Tags vergeben und sie im Widget filtern. Beispiele:
„E-Commerce“
„Branding“
„Industrie“
„SEO“
„Webentwicklung“
👉 Nur Fallstudien mit dem ausgewählten Tag werden im Widget angezeigt.
Das eignet sich hervorragend, um auf unterschiedlichen Unterseiten deiner Website passende Referenzen anzuzeigen – z. B. branchenspezifische Fallstudien.
📄 Anzahl der Fallstudien pro Seite
Du kannst festlegen, wie viele Fallstudien gleichzeitig angezeigt werden sollen – z. B. 8, 12 oder 24 pro Seite. Wenn du mehr hast, wird automatisch Pagination genutzt.
🔄 Autoscroll aktivieren/deaktivieren
Wenn Besucher zur nächsten Seite der Fallstudien wechseln (z. B. Seite 2), kann automatisch nach oben gescrollt werden.
Autoscroll aktiv → Die Ansicht springt automatisch an den Anfang der Liste
Autoscroll inaktiv → Die Position der Besucher bleibt unverändert
Beides ist abhängig von deinem Layout und Nutzererlebnis.
⚙️ Interner Name & erlaubte Domains
Du kannst:
Einen internen Namen vergeben (nur für dich sichtbar, z. B. „Startseite-Widget“).
Domains hinterlegen, auf denen das Widget eingebunden werden darf.
👉 Wichtig: Trage hier deine Hauptdomain ein, sonst erhältst du beim Einbetten eine Fehlermeldung. Wenn du das Widget auf mehreren Websites nutzen willst, füge alle Domains ein.
📥 Widget einbetten (Code)
In der Navigationsleiste innerhalb des Bearbeitungs-Popups findest du zwei Code-Blöcke:
1. Head-Code
Dieser gehört in den <head>-Bereich deiner Website.
2. Widget-Code
Dieser gehört in den <body>-Bereich – genau an die Stelle, an der das Widget erscheinen soll.
Sobald beide Code-Bestandteile korrekt eingebunden sind, wird das Widget automatisch geladen und deine Fallstudien werden angezeigt.
🔁 Automatische Synchronisierung
Alle Fallstudien werden vollständig automatisch synchronisiert:
Änderungen an deinen Fallstudien werden sofort übernommen
Neue Fallstudien erscheinen automatisch
Gelöschte Fallstudien verschwinden automatisch
Du musst nichts manuell aktualisieren
Damit hast du immer eine vollständig aktuelle Fallstudien-Übersicht auf deiner eigenen Website.
Zusammenfassung
Mit dem Fallstudien-Widget kannst du:
Deine Projekte professionell auf deiner eigenen Website präsentieren
Das Design perfekt an dein Weblayout anpassen
Fallstudien per Tags filtern
Die Einbettung selbst steuern
Alles automatisch synchronisieren lassen
Es ist ein leistungsstarkes Marketing-Tool, um deine Erfolge sichtbar zu machen – überall im Web.