Appearance
Getting Started
Developer Studio lets you extend your community from code. You publish Extensions — widgets, scripts, and stylesheets — from a Git repository, wire them to external services with Connectors, and drive it all with the SDK. If you'd rather not write code, the No-Code Builder lets you add and configure built-in widgets visually.
Whether you're a community manager enriching your pages or a developer building custom Extensions, this page points you to the right starting point.
What Can You Do
There are several ways to extend your community, depending on your goals and technical comfort level.
Use the No-Code Builder
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 Extensions from Code
Best for: Developers who want full control over what they ship.
Extensions are the widgets, scripts, and stylesheets you publish from a Git repository. Declare them in extensions_registry.json, push to your watched branch, and the platform publishes them automatically — with version control, code review, and branch-based environments.
- 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
Connect to External Data
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 Extensions and external APIs. You configure them through a form-based interface — setting the URL, authentication, and data format — and your code can call them without exposing any credentials.
Call Connectors from Code
Best for: Developers wiring live data into a widget.
The SDK is the JavaScript library your widget code uses to call connectors and read community context from the browser.
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