16 docs tagged with "Custom Widgets"

Learn how to use Staffbase authentication tokens in your custom widgets. Access ID tokens and access tokens to make secure API requests to authenticated endpoints.

Explore the pre-made widget templates available in the Widget Builder. Activate built-in widgets or use them as a starting point for your own custom widgets.

Learn how to create custom widgets from scratch using the Widget Builder. Follow step-by-step instructions to build your first "Hello World" widget.

Learn how to create and configure API requests in the Widget Builder to fetch external data.

Learn how to use custom variables in the Widget Builder for interactive widgets. Create dynamic state with setVariable() for pagination, tabs, and filters.

Learn how to modify and enhance Built-In Widgets using the Widget Builder. Customize templates to better fit your specific needs with practical examples.

Discover the Widget Builder in less than 5 minutes. Get started quickly by creating your first custom widget with step-by-step guidance.

Learn how to use Handlebars to create dynamic and flexible templates within the Widget Builder.

Use HTML within the Widget Builder to create and customize your widgets.

Learn how to export widgets from the Widget Builder and import them into another account. Transfer widget configurations between environments.

Learn how to install the Widget Builder as an administrator in Staffbase. Complete the one-time registration process to establish a connection between the Widget Builder and your Staffbase platform.

Learn how to manually add the Widget Builder JavaScript bundle to your Staffbase platform. This advanced guide shows you how to configure custom widgets directly in Staffbase Studio.

Changelog and release notes for all Widget Builder versions — new features, improvements, and bug fixes.

Discover how to utilize Tailwind CSS for building responsive and highly customizable widget designs.

Complete reference of all available field types for widget settings in the Widget Builder. Learn how to configure text inputs, dropdowns, toggles, and more.

Create multilingual widgets with the comprehensive translation management system. Use table-based UI with inline editing, keyboard navigation, and automatic layout key detection.