Skip to main content

Widget Builder Documentation

Welcome to the Widget Builder documentation. Learn how to create and manage custom widgets for your Staffbase intranet.

Introduction​

The Widget Builder allows you to quickly and easily create widgets tailored to your needs. With a user-friendly interface and extensive customization options, you can effectively enhance your communications platform.

How Does the Widget Builder Work?​

Getting Started with the Widget Builder​

Conveniently log in to the Widget Builder with your existing Staffbase account.

Managing Widgets​

The widget catalog displays all published and inactive widgets. Here you can:

  • Create new widgets
  • Edit existing widgets
  • Publish widgets or switch them to draft mode

Key Features​

  • Flexible Layouts
    Create and customize layouts using HTML, Handlebars, and Tailwind CSS.
  • Adaptable Templates
    Choose from various templates and customize them to your needs.
  • Real-Time Preview
    See your changes instantly in a live preview.
  • Integration
    Seamless integration with various platforms and frameworks.
  • Export Options
    Export your widgets in different formats such as HTML, CSS, and JavaScript.

Quick Start Guide​

  1. Accessing the Widget Builder
    Open the Widget Builder through your dashboard or directly via the URL: https://app.widgetbuilder.de/.
  2. Selecting a Template
    Choose a suitable template to start your widget.
  3. Customizing the Widget
    Use HTML, Handlebars, and Tailwind CSS to edit and customize layouts.
  4. Save and Publish
    Save your work and publish the widget for Staffbase Studio.