Resumen
Esta guía explica cómo integrar el widget de accesibilidad Inclusif en su sitio web o aplicación. El Widget de Inclusif puede integrarse de tres maneras:
Componente Web - Integración directa en su sitio web.
Plugin de WordPress - Instalación fácil para sitios de WordPress.
Plantilla de Google Tag Manager - Integración sin scripts a través de GTM.
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étodos de Instalación
Método 1: 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: " |
Atributos Opcionales
Atributo | Tipo | Descripción | Predeterminado |
position | String | Posición del widget:
|
|
Integración de Plugin de WordPress
El plugin de WordPress proporciona una forma fácil de agregar el Widget de Inclusif a su sitio de WordPress.
Requisitos del Sistema
WordPress: 6.7 o superior (probado con 6.8.2).
PHP: 7.4 o superior (probado con 8.2.27).
Pasos de Instalación
Descargue el plugin de: https://wordpress.com/plugins/inclusif-widget.
Instale a través de la interfaz de administrador de WordPress, o copie el contenido del archivo zip a wp-content/plugins.
Active el plugin a través del administrador de WordPress.
Plantilla de Google Tag Manager (GTM)
Si su sitio web ya usa Google Tag Manager, puede integrar el widget Inclusif sin modificar el código fuente de su sitio. Este método es especialmente útil para equipos de marketing o analítica que administran scripts a través de GTM.
Pasos de Instalación
Acceder a GTM
Inicie sesión en su cuenta de Google Tag Manager.
Navegue a su Contenedor deseado.
Agregar la Plantilla
Abra la sección Plantillas del menú izquierdo.
Haga clic en Buscar Galería.
Busque "Inclusif Accessibility Widget".
Agregue la plantilla a su contenedor.
Configurar la Etiqueta
Cree una nueva Etiqueta usando la plantilla Inclusif.
Establezca su Clave API (proporcionada por Inclusif).
Configure el Idioma (
esoen).Opcionalmente, establezca la posición del widget (la opción por defecto es
bottom-right).
Establecer un Trigger y pulsar en Publicar
Elija un Trigger (ej., "Todas las Páginas").
Guarde y publique su contenedor.
Ejemplo de Configuración
Configuración | Valor | Notas |
Clave API | YOUR_API_KEY | Requerido - proporcionado por Inclusif |
Idioma |
| Requerido |
Posición |
| Opcional - ver opciones de posición arriba |
Solución de Problemas
Conflictos con Otras Librerías
Si experimenta conflictos con otras librerías o frameworks:
Ubicación del Script: Intente mover las etiquetas de script de Inclusif al final de su etiqueta
<body>.Verificación de Versión: Asegúrese de estar usando la versión más reciente del Widget de Inclusif.
Soporte: Contacte a nuestro equipo de soporte con detalles sobre el conflicto.
Actualizaciones y Mantenimiento
📋 Actualizaciones Automáticas
El Widget se actualiza regularmente con nuevas características y mejoras.
Registro de Cambios
Manténgase informado sobre las últimas características y mejoras a través de nuestras actualizaciones regulares.