Overview
This guide explains how to integrate the Inclusif accessibility widget into your website or application with only an HTML code snippet.
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 Method
Integration of CDN script (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
Required Attributes
Attribute | Type | Description |
apiKey | String | Your unique API key for the Inclusif service |
language | String | The language for the widget: |
Optional Attributes
Attribute | Type | Description | Default |
position | String | Widget position: |
|