Contao is a content management system used to build and manage websites. You can install the Barriano Accessibility Widget by adding the Barriano installation script to the page layout used by your Contao website. Contao page layouts provide settings for adding custom code that is included in the generated website.
Step 1: Register Your Contao Website with Barriano
Register your Contao website with Barriano and complete the website registration process.
After registration, Barriano will generate a unique installation script for your website. Copy the script to your clipboard or save it as a text file.
Your installation script will look similar to the following:
<script
src="https://widget.barriano.com/ada-widget.embed.min.js?YOUR_UNIQUE_KEY"
async>
</script>Replace YOUR_UNIQUE_KEY with the unique key generated for your website.
If your Contao website has already been registered, sign in to your Barriano dashboard, select the relevant website, and copy its existing installation script.
Step 2: Open Your Contao Theme
Sign in to your Contao backend.
From the left navigation menu, go to Layout and open Themes.
Select the theme currently being used by your website.
Contao uses page layouts to define the structure and frontend configuration of website pages.
Step 3: Open the Page Layout
Inside your active theme, open the Page layouts section.
Locate the page layout currently assigned to your website and click Edit.
Step 4: Add the Barriano Installation Code
Scroll through the page layout settings until you reach the Expert settings section.
Locate the Additional <head> tags field. Contao provides this field for adding additional markup to the <head> section of the website.
Paste your Barriano installation script into the field:
<script
src="https://widget.barriano.com/ada-widget.embed.min.js?YOUR_UNIQUE_KEY"
async>
</script>Do not modify the script URL or remove the unique website key.
Step 5: Save Your Changes
After adding the Barriano installation script, click Save to update the page layout.
If your website uses multiple page layouts, add the Barriano installation script to each layout where you want the accessibility widget to appear.
Step 6: Clear the Contao Cache
After saving your changes, clear the Contao cache so the updated page layout is loaded on the website.
Use the cache management options available in your Contao backend or hosting environment to clear the relevant frontend cache.
Step 7: Preview Your Website
Open your Contao website and verify that the Barriano Accessibility Widget has been installed successfully.
Confirm that:
- The Barriano accessibility icon is visible.
- The widget opens correctly.
- The accessibility features work as expected.
- The widget appears on all required pages.
- The widget works properly on desktop and mobile devices.
Step 8: Customize Your Widget
Sign in to your Barriano dashboard and select your Contao website.
Open the widget settings to customize the appearance and behavior of the Barriano Accessibility Widget.
You can customize the following:
- Color
- Position
- Icon
- Size
- Display preferences
Save your changes after completing the customization.
You’re All Set!
The Barriano Accessibility Widget is now installed on your Contao website.
Your visitors can now personalize their browsing experience according to their accessibility needs, helping make your Contao website more inclusive and accessible to a wider audience.
