Installing AllAccessible on Showit
Overview
Install the AllAccessible accessibility widget on your Showit website in just a few minutes. Showit supports adding custom code through its Design App, making it easy to add the widget across your entire site or on specific pages.
Who This Is For
Showit website owners and designers
Photographers, creatives, and small businesses using Showit
Anyone managing a Showit site who needs to add accessibility features
What You'll Learn
How to install AllAccessible on all pages of your Showit site
How to install on individual pages only
How to verify the widget is working
Troubleshooting tips specific to Showit
Before You Start
Requirements:
An active AllAccessible account with a Site ID
Access to your Showit Design App
Google Chrome browser (recommended for the Showit Design App)
What You'll Need:
Your Account ID (found in your AllAccessible dashboard under Sites)
Time Required: 2-5 minutes
Step 1: Get Your Installation Code
Log in to your AllAccessible dashboard
Click Sites in the left menu
Find your site and click the Installation or Get Code button
Copy the JavaScript snippet
Your code will look like this:
<script>
(function(d) {
var s = d.createElement("script");
s.setAttribute("data-accessible-account-id", "YOUR_ACCOUNT_ID");
s.setAttribute("id", "allAccessibleWidget");
s.async = true;
s.setAttribute("src", "https://api.allaccessible.org/widget/YOUR_ACCOUNT_ID.js");
d.head.appendChild(s);
})(document)
</script>
Replace YOUR_ACCOUNT_ID with your actual Account ID from the dashboard.
Step 2: Add the Code in Showit
Option A: All Pages at Once (Recommended)
This method adds the AllAccessible widget to every page on your Showit site using Global Custom Code.
Open your site in the Showit Design App
Go to your Site Settings (gear icon)
Look for Global Custom Code or Custom Head HTML under the site-wide settings
Click the code input area
Paste your AllAccessible script code
Click Save
This is the recommended approach because the widget will automatically appear on every page, including any new pages you create in the future.
Option B: Individual Pages Only
If you only want the widget on specific pages:
Open your site in the Showit Design App
Click on the page name you want to add the widget to
In the Properties Panel on the right, select the Advanced Settings tab
Click the Custom Head HTML box
Paste your AllAccessible script code in the popup window
Click Save
Repeat for each page where you want the widget
Step 3: Publish Your Site
After adding the code, you need to publish for the changes to go live:
Click Publish in the Showit Design App
Wait for the publish process to complete
Visit your live website to verify
Important: The widget will not appear in the Showit Design App preview. You must publish and visit your live site to see it.
Step 4: Verify Installation
Visit your live website (not the Showit editor)
Look for the accessibility button — it typically appears in the bottom-right corner of the page
Click the button to open the widget
Test a feature like increasing text size or changing contrast
If You Don't See the Widget
Check 1: Make sure you published
The widget only appears on your live published site, not in the Showit Design App.
Check 2: View Page Source
On your live site, right-click and select View Page Source
Press Ctrl+F (Windows) or Cmd+F (Mac) and search for "allaccessible"
You should see your script code in the source
Check 3: Clear your browser cache
Hard refresh: Ctrl+Shift+R (Windows) or Cmd+Shift+R (Mac)
Or try opening your site in an incognito/private browsing window
Check 4: Verify your domain
Log in to your AllAccessible dashboard
Go to Sites
Make sure your Showit domain is registered (check both www and non-www versions)
Troubleshooting
Cannot Paste Code in Showit
If you're unable to paste code in the Showit Design App:
Open Chrome Settings → Privacy and Security
Go to Site Settings → Permissions
Find Clipboard settings
Make sure
app.showit.comis allowed to read your clipboardRefresh the Showit Design App and try again
Widget Doesn't Appear After Publishing
Possible Causes:
Wrong Account ID — double-check the ID matches your dashboard
Domain not registered — add your exact Showit domain in the AllAccessible dashboard under Sites
Browser cache — try incognito mode or clear cache
Ad blocker — temporarily disable any ad blockers and test
Widget Appears on Some Pages But Not Others
If you used the per-page method (Option B), make sure you've added the code to each page individually. Consider switching to the global method (Option A) for site-wide coverage.
Frequently Asked Questions
Q: Will the widget appear in the Showit Design App?
A: No. The widget only appears on your live published site. You need to publish and visit your site to see it.
Q: Do I need to add the code to every page?
A: No — if you use the Global Custom Code method (Option A), it applies to all pages automatically.
Q: Will the widget slow down my Showit site?
A: No. The widget loads asynchronously, meaning it won't block your page content from loading. Typical impact is less than 0.1 seconds.
Q: What if I use a custom domain with Showit?
A: Make sure your custom domain is registered in your AllAccessible dashboard under Sites. The widget works with any domain Showit publishes to.
Q: Can I customize the widget's appearance?
A: Yes! Customize colors, position, language, and branding from your AllAccessible dashboard — no code changes needed.
Q: Does this work with Showit's WordPress blog integration?
A: The Global Custom Code method covers your Showit pages. For the WordPress blog portion of your site, you may also want to install the AllAccessible WordPress plugin to ensure coverage on blog pages.
Showit Reference
Showit: How to Embed HTML Code - Official Showit documentation on embedding custom code
Related Articles
Universal JavaScript Installation - General installation guide for all platforms
WordPress Plugin Installation - For Showit sites with WordPress blog integration
Customizing Widget Position - Change where the widget button appears
Widget Customization Overview - Full customization options
Verifying Your Installation - Detailed testing guide
Last Updated: February 2026
Installation Method: Custom Head HTML
Difficulty: Beginner
Time Required: 2-5 minutes
Platform: Showit