Barrierefrei im Netz - SiteCockpit Blog

Starten Sie mit unserem easyVision Widget in 3 einfachen Schritten

Geschrieben von Marketing SiteCockpit | Sep 19, 2025 12:15:41 PM

Das easyVision Widget lässt sich in wenigen Minuten auf Ihrer Website integrieren – ganz ohne technisches Vorwissen. In diesem Beitrag zeigen wir Ihnen Schritt für Schritt, wie Sie den Embed-Code einfügen, das Widget positionieren und das Erscheinungsbild an Ihre Anforderungen anpassen.

Schritt 1: Embed-Code einfügen

Sie finden Ihren individuellen Embed-Code im SiteCockpit Backend unter dem Menüpunkt „easyVision Widget“. Alternativ können Sie über die Domaineinstellungen zum Tab „Widget“ wechseln.

Dort finden Sie den Abschnitt „Manueller Embed-Code für Ihre Webseite“. Kopieren Sie diesen Code und fügen Sie ihn direkt vor dem schließenden -Tag Ihrer Website oder in den Footer Ihres Shop-Systems ein. Damit ist das Widget technisch aktiv.

  • Individuellen Embed-Code im Backend finden
  • Einbindung über Domaineinstellungen oder Widget-Menü
  • Code im Footer oder vor einfügen – fertig

Schritt 2: Position und Darstellung konfigurieren

Nach der Einbindung können Sie festlegen, wo das Widget angezeigt wird. Standardmäßig erscheint der Button unten rechts. Über die Einstellungen „Widget Abstand rechts“ und „Widget Abstand links“ können Sie ihn flexibel verschieben, etwa nach links oder zentriert.

Außerdem können Sie Icon, Größe, Farbe und Darstellung des Buttons anpassen. Besonders auf mobilen Geräten empfiehlt sich eine Prüfung, wenn Sie z. B. zusätzlich Trusted Shops nutzen, um Überlappungen zu vermeiden.

  • Position des Buttons flexibel anpassen
  • Layout via Abstand links/rechts steuerbar
  • Icon, Farbe und Größe individuell konfigurierbar
 

Schritt 3: Funktionen und Profile aktivieren

Im Backend können Sie aus einer Vielzahl von Funktionen auswählen, die Sie im Widget verfügbar machen möchten, z. B. Kontrastmodus, Lesemodi oder Schriftgrößen. Durch einfaches Anklicken können Sie diese Optionen hinzufügen oder entfernen.

Zusätzlich stehen Ihnen vordefinierte Barrierefreiheits-Profile zur Verfügung, die sich Nutzer mit einem Klick aktivieren können. Auch Spracheinstellungen lassen sich individuell anpassen und mehrsprachig aktivieren oder deaktivieren.

  • Funktionen per Klick aktivieren oder entfernen
  • Kontrastmodus, Lesemodi, Schriftgrößen steuerbar
  • Profile und Sprachen individuell konfigurierbar