Appearance
Getting Started
Widget Platform lets you add interactive components — called widgets — to your community. Widgets can display content, pull data from external services, or provide custom experiences for your users.
Whether you're a community manager looking to enrich your pages or a developer building custom Connectors, this guide will point you in the right direction.
What Can You Do
There are three main ways to work with widgets, depending on your goals and technical comfort level.
Use Built-in Widgets
Best for: Community managers, content creators, anyone comfortable with drag-and-drop.
The No-Code Builder is a visual editor where you can add, arrange, and configure widgets on your community pages — no coding required. Many widgets are available out of the box.
Build Custom Widgets from Code
Best for: Developers who want full control over widget behavior and appearance.
Create your own widgets using HTML, CSS, and JavaScript, store them in a Git repository, and the platform automatically publishes them every time you push. You get version control, code review, and branch-based environments out of the box.
- Extensions — overview of widgets, scripts, and stylesheets
- Your First Widget — hands-on widget tutorial
- Your First Script — hands-on script tutorial
- Your First Stylesheet — hands-on stylesheet tutorial
Enhance Widgets with Connectors
Best for: Teams that want to pull or push data from services like Salesforce, Statuspage, or any API.
Connectors act as secure bridges between your widgets and external APIs. You configure them through a form-based interface — setting the URL, authentication, and data format — and your widgets can call them without exposing any credentials. Use connectors inside your custom widgets to fetch live data or send information to external services.
How It All Fits Together
Choose Your Path
| I want to... | Start here |
|---|---|
| Add widgets to pages without coding | Use the No-Code Builder (built into your community) |
| Build a custom widget from scratch | Your First Widget |
| Add a global script to the community | Your First Script |
| Add a global stylesheet to the community | Your First Stylesheet |
| Connect a widget to an external API | Build Your First Connector |
| Understand the SDK for calling connectors | SDK |
| Learn the key terms and concepts | Key Concepts |
Next Steps
- Your First Widget — hands-on widget tutorial
- Your First Script — hands-on script tutorial
- Your First Stylesheet — hands-on stylesheet tutorial
- Build Your First Connector — hands-on tutorial for external API integration
- Extensions — all guides and reference for widgets, scripts, and stylesheets
- Connectors — all guides and reference for connectors
- Key Concepts — the terms and ideas used throughout this documentation