<!-- Add this script tag to your <head> section -->
<script src="https://www.colortxt.com/js-widget/colortxt-widget.js"></script>
<!-- Add this widget anywhere in your <body> -->
<colortxt-widget type="menu"></colortxt-widget>
That's it! Your website now has a colorTXT menu that lets readers toggle colored text on and off.
<!-- Add before </head> -->
<script src="https://www.colortxt.com/js-widget/colortxt-widget.js"></script>
<!-- Add in your navigation menu -->
<colortxt-widget type="menu"></colortxt-widget>
React Integration
// Add script to your index.html
<script src="https://www.colortxt.com/js-widget/colortxt-widget.js"></script>
// Use in your JSX (React will treat it as a custom element)
<colortxt-widget type="menu"></colortxt-widget>
Vue.js Integration
<!-- In your index.html -->
<script src="https://www.colortxt.com/js-widget/colortxt-widget.js"></script>
<!-- In your Vue template -->
<colortxt-widget type="menu"></colortxt-widget>
🔧 Troubleshooting
Widget Not Appearing?
Check these common issues:
Ensure the script tag is in the <head> section
Verify the script URL is correct and accessible
Check browser console for any JavaScript errors
Make sure you're using the correct widget element name
Colors Not Working?
Possible solutions:
Try clicking the widget to enable coloring
Check if your CSS is overriding colorTXT styles
Ensure your content is in standard HTML text elements