Ir al contenido principal

Guía de integración del widget de Inclusif para cualquier web

Esta es la guía de implementación del widget de Inclusif usando nuestro bloque de código HTML

Actualizado hace más de un mes

Resumen

Esta guía explica cómo integrar el widget de accesibilidad Inclusif en su sitio web o aplicación con tan solo un bloque de código HTML.


Integración de Componente Web

Prerrequisitos

Antes de comenzar, asegúrese de tener:

  • Un sitio web o aplicación web donde quiera agregar el widget de accesibilidad.

  • Conocimiento básico de HTML.

  • Acceso administrativo para modificar el código de su sitio web.

Método de Instalación

Integración del componente web usando nuestro CDN (Recomendado)

La forma más simple de agregar el widget de Inclusif a su sitio web es usando nuestro CDN, integrando en su web el siguiente script:

<script>
(function(w,d,s,o,f,js,fjs){
w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments)};
js=d.createElement(s), fjs=d.getElementsByTagName(s)[0];
js.src="https://plugin.inclusif.life/widget.js";
js.async=1;
fjs.parentNode.insertBefore(js, fjs);
})(window, document, 'script', 'Inclusif');

Inclusif('init', {
apiKey: 'YOUR_API_KEY',
language: 'es',
position: 'bottom-right'
});
</script>

Importante: Reemplace YOUR_API_KEY con la clave API proporcionada cuando se registró para el servicio Inclusif.


Opciones de Configuración

Atributos Requeridos

Atributo

Tipo

Descripción

apiKey

String

Su clave API única para el servicio Inclusif

language

String

El idioma para el widget: "es" para español
o "en" para inglés

Atributos Opcionales

Atributo

Tipo

Descripción

Predeterminado

position

String

Posición del widget:

top-left,
top-right,
center-left,
center-right, bottom-left o bottom-right

bottom-right

¿Ha quedado contestada tu pregunta?