Skip to main content

5-Minute Quick Start Guide

Get AllAccessible up and running on your website in 5 minutes or less. This guide walks you through account creation, widget installation, and basic c

Written by Frank

5-Minute Quick Start Guide

Overview

Get AllAccessible up and running on your website in 5 minutes or less. This guide walks you through account creation, widget installation, and basic configuration to make your site accessible immediately.

Who This Is For

  • New AllAccessible users

  • Anyone wanting the fastest path to implementation

  • Non-technical website owners

What You'll Learn

  • How to create your AllAccessible account

  • How to install the widget on your website

  • How to verify it's working

  • Your next steps after installation

Before You Start

What You'll Need:

  • ✅ Access to your website's HTML (or WordPress/Drupal admin)

  • ✅ 5 minutes of time

  • ✅ Basic understanding of copy/paste

Don't worry if you're not technical! This guide uses simple steps anyone can follow.

Step 1: Create Your Account (1 minute)

1. Go to allaccessible.org

Visit allaccessible.org/free-trial

2. Choose Your Plan

  • Free Trial: Start with 7 day free, no credit card required

  • Starter Plan: $29/month for basic features

  • Professional Plan: $99/month for advanced features

👉 Tip: Start with the free trial to test everything!

3. Enter Your Information

  • Email address

  • Password

  • Organization name

  • Website URL

4. Verify Your Email

Check your inbox and click the verification link.

✅ Account created!

Step 2: Add Your Website (30 seconds)

1. Log into your dashboard

Go to app.allaccessible.org

2. Click "Add New Site"

You'll see this button on your dashboard.

📷 Dashboard with "Add New Site" button highlighted

3. Enter Your Website Details

  • Site Name: Your website's name (e.g., "My Company Website")

  • Domain: Your website URL (e.g., "mycompany.com")

  • Primary Language: Select your site's language

4. Click "Save"

✅ Website added!

Step 3: Install the Widget (2 minutes)

You'll now see installation instructions with your unique code snippet. Choose your platform:

Option A: Manual Installation (Any Website)

1. Copy your installation code

It looks like this:

<script src="https://api.allaccessible.org/widget/{ACCOUNT_ID}.js" id="allAccessibleWidget" data-accessible-account-id="{ACCOUNT_ID}" data-nscript="afterInteractive"></script>

📷 Installation code shown in dashboard

2. Paste it in your website's HTML

Add this code right before the closing </body> tag on every page, OR add it to your site's header/footer template (so it appears on all pages automatically).

Where to add it:

  • WordPress: Use a plugin like "Insert Headers and Footers" or add to your theme's footer.php

  • Shopify: Theme Customization → Edit Code → theme.liquid

  • Wix: Settings → Tracking & Analytics → Custom Code

  • Squarespace: Settings → Advanced → Code Injection → Footer

  • Custom Site: Your template or layout file

3. Save your changes

✅ Widget installed!

Option B: WordPress Plugin

1. Download the plugin
Click "Download WordPress Plugin" from your dashboard.

2. Install the plugin

  • Go to WordPress Admin → Plugins → Add New

  • Click "Upload Plugin"

  • Choose the downloaded file

  • Click "Install Now"

3. Activate the plugin
Click "Activate" after installation.

4. Enter your license key
Go to Settings → AllAccessible and paste your license key (found in your dashboard).

✅ WordPress plugin activated!

Option C: Drupal Plugin

1. Download the module
Click "Download Drupal Module" from your dashboard.

2. Install the module

  • Go to Drupal Admin → Extend → Install new module

  • Upload the module file

  • Click "Install"

3. Enable and configure

  • Enable the AllAccessible module

  • Go to Configuration → AllAccessible

  • Enter your license key

✅ Drupal module activated!

Step 4: Verify It's Working (1 minute)

1. Visit your website

Open your website in a browser.

2. Look for the accessibility button

You should see a small circular button (usually bottom-right corner) with an accessibility icon.

📷 Accessibility button visible on website

3. Click the button

The AllAccessible widget should open, showing accessibility options.

📷 Open widget showing features

4. Test a feature

Try increasing text size or enabling high contrast mode to see it work.

✅ Success! What Now?

Congratulations! Your website is now accessible. Here's what to do next:

Immediate Next Steps (Optional, 5-10 minutes)

1. Customize Your Widget

  • Change button position

  • Add your logo

  • Match your brand colors

👉 See: Customizing Widget Colors and Changing Widget Position

2. Generate Your Accessibility Statement

  • Go to Dashboard → Accessibility Statement

  • Click "Auto-Generate"

  • Review and customize

  • Copy the code to add it to your site

👉 See: Auto-Generating Your Accessibility Statement

3. Run Your First Audit (Professional Plan)

  • Go to Dashboard → Audits

  • Click "Run New Audit"

  • Review issues found

  • Get recommendations

👉 See: Understanding Accessibility Audits

Common Issues & Quick Fixes

"I don't see the widget button"

Possible causes:

  1. Cache: Clear your browser cache and refresh

  2. Domain mismatch: Make sure the domain in your dashboard exactly matches your website (www vs non-www matters!)

  3. Installation location: Code must be in <body>, not <head>

  4. Ad blocker: Disable ad blockers and refresh

Quick test:

  • Right-click on your page → View Page Source

  • Search for "allaccessible"

  • If you don't see the script, it's not installed correctly

👉 See: Installation Troubleshooting

"Widget appears but features don't work"

Possible causes:

  1. JavaScript conflicts: Another script is interfering

  2. CSP (Content Security Policy): Your security headers need updating

👉 See: Configuration Problems

"Widget looks different on mobile"

This is normal! The widget automatically adapts to smaller screens for better usability.

Platform-Specific Tips

WordPress

  • Use a plugin like "Insert Headers and Footers" for easy code insertion

  • Make sure you're editing the active theme

  • Clear cache plugins (W3 Total Cache, WP Super Cache)

Shopify

  • Add code to theme.liquid for site-wide installation

  • Test in preview before publishing

  • Code persists through theme updates

Wix

  • Use "Custom Code" in Tracking & Analytics

  • Set code to load on all pages

  • May take a few minutes to propagate

Squarespace

  • Use Code Injection feature

  • Add to Footer (not Header)

  • Applies to all pages automatically

Video Walkthrough

Prefer to watch? Here's a complete video guide:

[VIDEO PLACEHOLDER: 5-minute setup walkthrough]

What You've Accomplished

✅ Created your AllAccessible account
✅ Added your website to the platform
✅ Installed the accessibility widget
✅ Verified it's working correctly

Your website is now accessible to people with disabilities!

Next Steps

Essential:

  1. Customize your widget - Match your brand

  2. Generate accessibility statement - Show your commitment

  3. Invite team members - Collaborate with your team

Recommended:
4. Understanding all widget features - Know what's available
5. Run an accessibility audit - Find areas to improve
6. Add subdomains - Cover all your domains

Advanced:
7. Partner program - For agencies managing client sites
8. API integration - For developers

Need Help?

Stuck on something?

  • 📧 Email: [email protected]

  • 💬 Live Chat: Available on our website

  • 📚 Help Center: Full documentation at help.allaccessible.org

  • 🎥 Video Tutorials: Step-by-step guides

Average response time: Under 2 hours during business hours

Related Articles

Last Updated: October 2025
​Time Required: 5 minutes
​Difficulty: Beginner

Related Articles
Did this answer your question?