-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' of github.com:SchematicHQ/schematic-fern-config
- Loading branch information
Showing
6 changed files
with
98 additions
and
3 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
54 changes: 54 additions & 0 deletions
54
...ocs/pages/components/overview (Jasdeep Garcha's conflicted copy 2025-01-06).mdx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,54 @@ | ||
--- | ||
title: Components Overview | ||
|
||
slug: components/overview | ||
--- | ||
|
||
Schematic’s embeddable UI components are designed to deliver a consumer-grade purchasing experience to all of your end users. That includes the ability to manage subscriptions, view feature-level usage, and customize plans in your app — all without requiring heavy lifting to build from scratch or maintain. | ||
|
||
Components are drop-in components for React that can be easily configured and designed within Schematic, and quickly integrated natively into your application. | ||
|
||
## Creating a Component | ||
|
||
### **Configuring the Catalog** | ||
|
||
1. Navigate to **Catalog > Configuration** | ||
2. Choose a default plan that all companies will be assigned if there is no formal subscription (optional) | ||
3. Choose “live plans” (those that your end users can choose to downgrade from or upgrade to) | ||
4. Save changes | ||
|
||
<Info>Plans must be associated with Stripe Products to be added to Live Plans. If you don’t use Stripe, skip this section.</Info> | ||
|
||
<img | ||
src="../../assets/images/components/components-plan-configuration.png" | ||
/> | ||
|
||
### **Creating a new UI component** | ||
|
||
Once you’ve configured your Catalog, Components will be populated with your data rather than sample data (if you skip to this section, you can simply use the sample data). | ||
|
||
1. Navigate to **Components** in the navigation bar | ||
2. Click **New Component** and choose “Customer Portal” as an example | ||
3. Click into the new Component you created and you should see a rendered customer portal in the Schematic Component Builder | ||
4. Press **Save & Publish** and follow the [steps to drop into your application](/components/set-up) | ||
|
||
<img | ||
src="../../assets/images/components/components-builder.png" | ||
/> | ||
|
||
Components are fully customizable both in the elements they are made up of (e.g. Current Plan, Included Features, Invoices, etc.) and in how they look and feel (so it appears native to your product). | ||
|
||
Additionally, you may preview as any company in your account using the dropdown at the top of the builder. | ||
|
||
<img | ||
src="../../assets/images/components/components-builder-preview.png" | ||
/> | ||
|
||
|
||
## Component Builder | ||
|
||
Components are inherently flexible, made up of [elements](/components/element-library) that can be mixed and matched based on the experience you’d like to give your end user. | ||
|
||
Within Schematic, you have access to a Component Builder which allows for full customization both in the elements that are a part of any given Component (e.g. Current Plan, Included Features, Invoices, etc.) and in how the Component looks and feels (so it appears native to your product). | ||
|
||
Once you design a Component to your liking, you can drop it directly into your application. |
27 changes: 27 additions & 0 deletions
27
...s/feature_management/overview (Jasdeep Garcha's conflicted copy 2025-01-06).mdx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,27 @@ | ||
--- | ||
title: Feature Management Overview | ||
|
||
slug: feature_management/overview | ||
--- | ||
|
||
Feature Management in Schematic enables you to control how product features are rolled out, accessed by end customers, and monetized. Unlike traditional feature management tools, Schematic is purpose-built with billing in mind, so feature access can be tied directly to a company’s plan and any other policy set up in Schematic (e.g. add ons, overrides, or individual targeting). | ||
|
||
Flags and Features are technically different concepts in Schematic: | ||
- **Flags** - represent the gate that you implement in your codebase to control whether or not a resource is accessible to the end user. | ||
- **Features** - represent an abstraction on top of flags that the business may market or sell. | ||
|
||
<img | ||
src="../../assets/images/features/features-homepage.png" | ||
/> | ||
|
||
## Use cases | ||
- **Rollout new features**: Rollout gradually to a small cohort to mitigate risk or to gather feedback. | ||
- **Line up access with subscriptions**: Ensure customers only see features tied to their subscription plans or usage limits. | ||
- **Manage exceptions**: Selectively enable or disable features for individual customers. | ||
- **Drive upgrades and renewals**: Enable feature trials or time-limited overrides. | ||
- **Simplify billing implementation**: Eliminate the need for custom code by linking feature flags directly to billing. | ||
|
||
## How can teams use Schematic feature management | ||
- **Engineers**: Replace homegrown feature flag or metering logic and get an out of the box admin panel to manage them. | ||
- **Product Managers**: Get fine-grained control over how much and which features are available to different customer segments. | ||
- **GTM Teams**: Grant plan and feature trials to close deals and drive upsell. |