Qodex Badge
A lightweight embeddable widget that adds a “Made by Qodex” badge to client websites. One script tag, zero dependencies, full style isolation via Shadow DOM.
Preview
Made by QodexMade by Qodex
Dark theme (left) · Light theme (right)
Usage
Add a single script tag before the closing </body> tag:
Bottom-left (default)
<script src="https://qodex.co.za/badge.js"></script>Bottom-right
<script src="https://qodex.co.za/badge.js" data-position="bottom-right"></script>Inline (e.g. footer)
<script src="https://qodex.co.za/badge.js" data-position="inline"></script>Light theme
<script src="https://qodex.co.za/badge.js" data-theme="light"></script>Customization
| Attribute | Values | Default |
|---|---|---|
| data-position | bottom-left, bottom-right, inline | bottom-left |
| data-theme | dark, light | dark |
Features
- ✓ Shadow DOM — zero CSS conflicts with host site
- ✓ ~2KB total size, no external dependencies
- ✓ Subtle entrance animation with reduced-motion support
- ✓ Accessible — proper ARIA labels and focus states
- ✓ UTM tracking built-in for analytics
- ✓ Skips rendering inside iframes