Integration Details

Webflow
Integration

Add accessibility to your Webflow site with Accessical's powerful features. Integrate seamlessly using our custom code options to ensure your website is accessible to all visitors.

Webflow logo

Webflow Integration

Installation Steps

1
Copy your Accessical script

First, get your unique Accessical JavaScript code from your dashboard. This code is specific to your account and will enable the accessibility widget on your site.

2
Open Webflow Project Settings

In your Webflow Designer, click on the project settings icon in the left sidebar, then navigate to the 'Custom Code' tab.

3
Add to Footer Code

In the 'Footer Code' section, paste your Accessical script just before the closing </body> tag. This ensures the widget loads after your page content for optimal performance.

4
Publish your site

Click 'Save Changes' in your project settings, then publish your Webflow site. The Accessical widget will now appear on all pages of your live website.

Installation Code

<script src="https://cdn.accessical.com/widget/main.js"></script>
Get Your Accessical JavaScript Code