Inclusif Web Component: Integration Guide

Overview

This guide explains how to integrate the Inclusif accessibility widget into your website or application. The Inclusif widget can be integrated in three ways:

1. Web Component - Direct integration on your website
2. WordPress Plugin - Easy installation for WordPress sites
3. Google Tag Manager Template - Script-free integration via GTM

Web Component Integration

Prerequisites

Before you begin, ensure you have:

• A website or web application where you want to add the accessibility widget
• Basic knowledge of HTML
• Admin access to modify your website's code

Installation Methods

Method 1: CDN Integration (Recommended)

The simplest way to add the Inclusif widget to your website is by using our CDN:

<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>

Important: Replace YOUR_API_KEY with the API key provided when you registered for the Inclusif service.

Configuration Options