Kloosive

Log in
Start free trial
Log in

Installation Guide for Webflow

This guide explains how to add the accessibility widget to your Webflow site using the Custom Code injection feature. Total installation time: approximately 5 minutes.

Prerequisites

  • Site plan that supports custom code injection
  • Access to your Webflow project settings
  • A valid widget script from dashboard

Installation Steps

Adding to All Pages

  1. Access Webflow Project Settings
    • From your Webflow dashboard, open your project and click the Settings icon (⚙️)
  2. Navigate to Custom Code
    • Select “Custom Code” from the left sidebar
  3. Locate Footer Code Section
    • Scroll down to the “Footer Code” section, which adds code before the closing </body> tag
  4. Add Widget Script
    • Paste the script from the dashboard
  5. Save Changes
    • Click “Save Changes” to apply the custom code
  6. Publish Site
    • Click “Publish” to make your changes live

Verification

  1. Preview in Designer
    • Click the “Preview” button (eye icon) to test the widget
  2. Check Live Site
    • Visit your published site to verify the widget appears correctly

Support

Need help? Contact our support team at: support@kloosive.com.