API Widget Key
The API Widget key is a single string that defines how your widget works.
It connects the widget template, visual theme, and your data source.
You paste this key into the app to configure a widget.
It connects the widget template, visual theme, and your data source.
You paste this key into the app to configure a widget.
What the key does
An API Widget key defines:
- which template is used (for example, W12),
- which visual theme is applied,
- where the widget fetches its JSON data from.
Key structure
An API Widget key consists of several parts combined into one string.
Conceptually, it looks like this:
[ version :: template :: theme :: source :: data-endpoint ]
Each part has a specific purpose:
🧩 API Widget Key Examples:
1) A simple W12 widget with the default dark theme:
v1::w12::dark::json::https://example.com/json-endpoint
2) The same data endpoint, using a different visual theme:
v1::w12::terminal::json::https://example.com/json-endpoint
3) A widget displaying live metrics from another endpoint:
v1::w12::dark::json::https://api.example.com/metrics
4) Using built-in demo data (demo source #1):
v1::w12::light::demo::1
Conceptually, it looks like this:
[ version :: template :: theme :: source :: data-endpoint ]
Each part has a specific purpose:
- version — identifies the key format version
- template — defines the widget layout
- theme — controls the visual appearance
- source — defines the data source type (for example, json)
- data-endpoint — the URL of your JSON API endpoint
🧩 API Widget Key Examples:
1) A simple W12 widget with the default dark theme:
v1::w12::dark::json::https://example.com/json-endpoint
2) The same data endpoint, using a different visual theme:
v1::w12::terminal::json::https://example.com/json-endpoint
3) A widget displaying live metrics from another endpoint:
v1::w12::dark::json::https://api.example.com/metrics
4) Using built-in demo data (demo source #1):
v1::w12::light::demo::1
Data endpoint
The data endpoint must:
➡️ See W12 Template for the required JSON structure.
- be publicly accessible over HTTPS,
- return valid JSON,
- follow the format expected by the selected template.
➡️ See W12 Template for the required JSON structure.
Updating a widget
If you need to change:
The widget will refresh automatically based on system conditions.
- the data source,
- the theme,
- or the template,
The widget will refresh automatically based on system conditions.
Common mistakes
If a widget doesn’t display data, check that:
- the endpoint URL is correct and reachable,
- the endpoint returns valid JSON,
- the data format matches the selected template,
- the key has no extra spaces or missing parts.
What’s next?
To learn more about data formatting and styling, continue with:
➡️ W12 Template — supported fields, colors, and limits.
➡️ W12 Template — supported fields, colors, and limits.