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

Guía de integración de widgets

Rápido y sencillo

Cómo instalar el
Widget Accessibi

El widget Accessibi ayuda a mejorar la accesibilidad de su sitio web. Esta guía proporciona instrucciones detalladas para integrar el widget en diferentes plataformas: HTML, WordPress, Shopify, Wix, Weebly, Joomla, Drupal, Magento, Angular, React y Laravel.
¿No puede? Solicite ayuda

Opción 1: Inserción manual en el tema

  1. Abra el archivo HTML de su sitio

    • Utilice un editor de texto o IDE para editar el archivo HTML.

  2. Añadir código de widget

    • Pegue el siguiente script antes de la etiqueta </body> :

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
  1. Guardar y verificar
    • Guarde el archivo y vuelva a cargar la página para comprobar que el widget funciona

Opción 2: Usar Elementor

    1. Vaya a Elementor > Código personalizado

      • Haga clic en Añadir código personalizado.

    2. Introduzca el código

      • Pega el siguiente script:

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

    • Publica el código y comprueba que el widget es visible.

  1. Acceder al panel de administración

    • Ir a Tienda electrónica > Temas > Acciones > Editar código.

  2. Editar el archivo del tema

    • Abrir el expediente tema.líquido.

    • Pegue el código antes del </body>:

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

    • Compruebe que el widget funciona correctamente.

  1. Accede a tu cuenta Wix

    • Vaya al editor de su sitio.

  2. Añadir código de widget

    • Ir a Configuración > Avanzado > Código personalizado.

    • Pegue el código en el campo Cuerpo:

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

    • Comprueba que el widget está activo.

  1. Acceder al panel de administración

    • Ir a Configuración > SEO.

  2. Introduzca el código del widget

    • En la sección Código de pie de páginapasta:

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

    • Comprueba que el widget es visible.

  1. Acceder al panel de control

    • Ir a Extensiones > Plantillas > Plantillas.

  2. Editar el archivo de plantilla

    • Seleccione la plantilla en uso y edite el archivo index.php.

    • Pega el código del widget antes de la etiqueta </body>:

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

    • Guarde los cambios y compruebe que el widget es visible.

  1. Acceder al panel de administración

    • Ir a Estructura > Bloques.

  2. Crear un nuevo bloque personalizado

    • Pegue el código del widget en el campo HTML:

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

  1. Asignar bloque

    • Coloque el bloque en el pie de página.

  2. Guardar y verificar

    • Compruebe el funcionamiento del widget.

  1. Acceder al panel de administración

    • Ir a Contenido > Diseño > Configuración.

  2. Cambiar el diseño

    • Seleccione el tema en uso y haga clic en Editar.

  3. Introduzca el código del widget

    • Pegue el siguiente código en el campo Pie de página HTML:

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

    • Guarde los cambios y compruebe el funcionamiento del widget.

  1. Abra el archivo HTML de su sitio

    • Utilice un editor de texto o IDE para editar el archivo HTML.

  2. Añadir código de widget

    • Pegue el siguiente script antes de la etiqueta </body>:

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

    • Guarde el archivo y vuelva a cargar la página para comprobar que el widget funciona.

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.