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

Guida all'Integrazione Widget

Facile e veloce

Come installare il
widget di Accessibi

Il widget di Accessibi aiuta a migliorare l’accessibilità del tuo sito web. Questa guida fornisce istruzioni dettagliate per integrare il widget su diverse piattaforme: HTML, WordPress, Shopify, Wix, Weebly, Joomla, Drupal, Magento, Angular, React, e Laravel.
Non riesci? Richiedi supporto

Opzione 1: Inserimento Manuale nel Tema

  1. Apri il file HTML del tuo sito

    • Usa un editor di testo o un IDE per modificare il file HTML.

  2. Aggiungi il codice del widget

    • Incolla il seguente script prima del tag </body> :

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Salva e verifica
    • Salva il file e ricarica la pagina per controllare che il widget funzioni

Opzione 2: Utilizzo di Elementor

    1. Vai su Elementor > Custom Code

      • Clicca su Aggiungi Codice Personalizzato.

    2. Inserisci il codice

      • Incolla il seguente script:

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

    • Pubblica il codice e verifica che il widget sia visibile.

  1. Accedi al pannello di amministrazione

    • Vai su Online Store > Themes > Actions > Edit Code.

  2. Modifica il file del tema

    • Apri il file theme.liquid.

    • Incolla il codice prima del tag </body>:

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

    • Controlla che il widget funzioni correttamente.

  1. Accedi al tuo account Wix

    • Vai sull’editor del tuo sito.

  2. Aggiungi il codice del widget

    • Vai su Impostazioni > Avanzate > Codice Personalizzato.

    • Incolla il codice nella sezione Body:

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

    • Verifica che il widget sia attivo.

  1. Accedi al pannello di amministrazione

    • Vai su Impostazioni > SEO.

  2. Inserisci il codice del widget

    • Nella sezione Codice footer, incolla:

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

    • Controlla che il widget sia visibile.

  1. Accedi al pannello di controllo

    • Vai su Extensions > Templates > Templates.

  2. Modifica il file del template

    • Seleziona il template in uso e modifica il file index.php.

    • Incolla il codice del widget prima del tag </body>:

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

    • Salva le modifiche e controlla che il widget sia visibile.

  1. Accedi al pannello di amministrazione

    • Vai su Struttura > Blocchi.

  2. Crea un nuovo blocco personalizzato

    • Incolla il codice del widget nel campo HTML:

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

  1. Assegna il blocco

    • Posiziona il blocco nel footer.

  2. Salva e verifica

    • Verifica il funzionamento del widget.

  1. Accedi al pannello di amministrazione

    • Vai su Content > Design > Configuration.

  2. Modifica il layout

    • Seleziona il tema in uso e clicca su Edit.

  3. Inserisci il codice del widget

    • Incolla il seguente codice nella sezione HTML Footer:

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

    • Salva le modifiche e verifica il funzionamento del widget.

  1. Apri il file HTML del tuo sito

    • Usa un editor di testo o un IDE per modificare il file HTML.

  2. Aggiungi il codice del widget

    • Incolla il seguente script prima del tag </body>:

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

    • Salva il file e ricarica la pagina per controllare che il widget funzioni.

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