Machen Sie Ihre Website noch heute konform und integrativ.
Kostenlose Konsultation
Kostenlose Konsultation

Anleitung zur Widget-Integration

Schnell und einfach

Wie installiert man die
Accessibi-Widget

Das Accessibi-Widget hilft, die Barrierefreiheit Ihrer Website zu verbessern. Diese Anleitung enthält detaillierte Anweisungen für die Integration des Widgets auf verschiedenen Plattformen: HTML, WordPress, Shopify, Wix, Weebly, Joomla, Drupal, Magento, Angular, React und Laravel.
Sie können es nicht? Unterstützung anfordern

Option 1: Manuelles Einfügen in das Thema

  1. Öffnen Sie die HTML-Datei Ihrer Website

    • Verwenden Sie einen Texteditor oder eine IDE, um die HTML-Datei zu bearbeiten.

  2. Widget-Code hinzufügen

    • Fügen Sie das folgende Skript vor dem Tag ein </head> :

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Speichern und Überprüfen
    • Speichern Sie die Datei und laden Sie die Seite neu, um zu prüfen, ob das Widget funktioniert

Option 2: Verwendung von Elementor

    1. Gehen Sie zu Elementor > Benutzerdefinierter Code

      • Klicken Sie auf Benutzerdefinierten Code hinzufügen.

    2. Geben Sie den Code ein

      • Fügen Sie das folgende Skript ein:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Speichern und veröffentlichen

    • Veröffentlichen Sie den Code und überprüfen Sie, ob das Widget sichtbar ist.

  1. Zugang zum Verwaltungsbereich

    • Nach oben gehen Online Store > Themen > Aktionen > Code bearbeiten.

  2. Bearbeiten Sie die Themendatei

    • Öffnen Sie die Datei Thema.flüssig.

    • Fügen Sie den Code vor der </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Speichern und Überprüfen

    • Prüfen Sie, ob das Widget richtig funktioniert.

  1. Melden Sie sich bei Ihrem Wix-Konto an

    • Rufen Sie den Editor Ihrer Website auf.

  2. Widget-Code hinzufügen

    • Nach oben gehen Einstellungen > Erweitert > Benutzerdefinierter Code.

    • Fügen Sie den Code in das Feld Kopf:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Speichern und veröffentlichen

    • Prüfen Sie, ob das Widget aktiv ist.

  1. Zugang zum Verwaltungsbereich

    • Nach oben gehen Einstellungen > SEO.

  2. Geben Sie den Widget-Code ein

    • In dem Abschnitt Code für die FußzeileKleister:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Speichern und Überprüfen

    • Prüfen Sie, ob das Widget sichtbar ist.

  1. Zugriff auf das Bedienfeld

    • Nach oben gehen Erweiterungen > Templates > Templates.

  2. Bearbeiten Sie die Vorlagendatei

    • Wählen Sie die verwendete Vorlage aus und bearbeiten Sie die Datei index.php.

    • Fügen Sie den Widget-Code vor dem Tag ein </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Speichern und Überprüfen

    • Speichern Sie die Änderungen und prüfen Sie, ob das Widget sichtbar ist.

  1. Zugang zum Verwaltungsbereich

    • Nach oben gehen Struktur > Blöcke.

  2. Einen neuen benutzerdefinierten Block erstellen

    • Fügen Sie den Widget-Code in das HTML-Feld ein:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>

  1. Block zuweisen

    • Platzieren Sie den Block in der Fußzeile.

  2. Speichern und Überprüfen

    • Überprüfen Sie die Funktion des Widgets.

  1. Zugang zum Verwaltungsbereich

    • Nach oben gehen Inhalt > Design > Konfiguration.

  2. Ändern Sie das Layout

    • Wählen Sie das verwendete Thema und klicken Sie auf bearbeiten.

  3. Geben Sie den Widget-Code ein

    • Fügen Sie den folgenden Code in die Datei HTML-Fußzeile:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Speichern und Überprüfen

    • Speichern Sie die Änderungen und überprüfen Sie die Funktion des Widgets.

  1. Öffnen Sie die HTML-Datei Ihrer Website

    • Verwenden Sie einen Texteditor oder eine IDE, um die HTML-Datei zu bearbeiten.

  2. Widget-Code hinzufügen

    • Fügen Sie das folgende Skript vor dem Tag ein </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Speichern und Überprüfen

    • Speichern Sie die Datei und laden Sie die Seite neu, um zu prüfen, ob das Widget funktioniert.

Fordern Sie Ihre kostenlose Beratung an

Füllen Sie das Formular aus, um ein persönliches Beratungsgespräch zu erhalten und herauszufinden, wie wir Ihnen helfen können, Ihre Website barrierefrei und vorschriftenkonform zu gestalten. Unser Expertenteam wird Sie Schritt für Schritt begleiten und Ihnen Lösungen anbieten, die auf Ihre Bedürfnisse zugeschnitten sind