Haga que su sitio web cumpla la normativa y sea inclusivo hoy mismo.
Consulta gratuita
Consulta gratuita

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.

Solicite su consulta gratuita

Rellene el formulario para recibir una consulta personalizada y descubrir cómo podemos ayudarle a que su sitio web sea accesible y cumpla la normativa. Nuestro equipo de expertos está preparado para guiarle paso a paso y ofrecerle soluciones adaptadas a sus necesidades.