TWWIM Integration Guide
Add TWWIM voice navigation to any website with a single script tag. No framework dependencies, no build step required. Works with static HTML, WordPress, Shopify, React, Next.js, Vue, Angular, and any other web platform.
Quick Start
Add the following script tag before the closing </body> tag of your website:
<script
src="https://cdn.twwim.ai/widget.js"
data-api-key="YOUR_API_KEY"
async
></script>Replace YOUR_API_KEY with the API key from your TWWIM dashboard. The widget loads asynchronously and does not block page rendering.
Configuration Options
| Attribute | Type | Description |
|---|---|---|
data-api-key | string | Your TWWIM API key (required) |
data-language | string | Default language: "de" or "en" (auto-detected if omitted) |
data-position | string | Widget position: "bottom-right" (default), "bottom-left", "top-right", "top-left" |
data-theme | string | Color theme: "auto" (default), "light", "dark" |
data-activation | string | Activation mode: "click" (default) or "hotkey" |
Platform Compatibility
- Static HTML / PHP — Add script tag directly to HTML
- WordPress — Add via theme footer or plugin (e.g., Insert Headers and Footers)
- Shopify — Add to theme.liquid before closing body tag
- React / Next.js — Use next/script or add to _document.tsx
- Vue / Nuxt — Add to nuxt.config.js head section or app.vue
- Angular — Add to index.html or use a dynamic script loader
- Webflow / Wix / Squarespace — Use custom code injection settings
Browser Support
TWWIM supports all modern browsers with Web Speech API: Chrome 33+, Edge 79+, Safari 14.1+, Firefox 85+ (with SpeechRecognition flag). Mobile browsers on iOS Safari and Android Chrome are fully supported.
Features by Plan
Free
- Included Commands: 100 — 100 commands included
- Integrations: 1 — 1 website
Lite
- Included Commands: 100 — 100 commands included
- Price per 100 Commands: 2 — Then €2 per 100 commands
- Integrations: 1 — 1 Website
Starter
- Included Commands: 3000 — 3,000 commands included
- Price per 1,000 Commands: 8 — €8 per 1,000 extra commands
- Knowledge Files: 2 — 2 Knowledge entries per website
- Integrations: 1 — 1 websites
Next Steps
- Voice Commands Reference — See all supported commands
- BFSG Compliance — Learn about accessibility compliance
- FAQ — Common integration questions