Install the website script on Webflow

Before you start

• Access to the Webflow site's custom-code settings
• A published custom domain that matches the connected website
• The exact generated installation code from DocAccessible

Procedure

Step by step

1. 01

   Copy the generated tag

   Open the connected domain in DocAccessible, choose Installation, and copy the complete script tag.

2. 02

   Open site-level Custom code

   Open the Webflow site settings and choose Custom code. Use the site-level area rather than an individual page setting so new and existing pages receive the script.

3. 03

   Paste into Footer code

   Paste the tag into the Footer code area, which Webflow places before the closing body tag. Keep only one copy.

4. 04

   Save the custom code

   Save the setting, then review other global scripts for a Content Security Policy or consent loader that may block the DocAccessible origin.

5. 05

   Publish to the connected domain

   Publish the Webflow site and select the exact custom domain connected in DocAccessible. A Designer preview or saved draft is not enough.

6. 06

   Verify the published page

   Open a public page on that domain, view page source, find the site key, and return to Installation to confirm the connection.

Use site-level code, not page-only code

• Site-level Footer code: recommended.
• Individual page Before </body> code: use only for a deliberately limited subsite and expect incomplete inventory.
• Embed element inside page content: not a global installation method.

Publish and source check

<script async src="https://docaccessible.com/site/v1.js" data-site-key="YOUR_SITE_KEY"></script>

Official Webflow reference

• Webflow: Custom code in head and body tagsReview site-level and page-level custom-code placement and publishing behavior.