What is it?

The Manifold Plan Builder is comprised of three core components:

  • the Plan Builder itself

  • an embeddable Pricing Table that is generated by the Plan Builder

  • and a GraphQL API to query all of you products, packages and plans

Together they allow you to easily create and manage your pricing and packing in one central location. No matter where you want to sell your SaaS product, (your own website, mobile app, or distribution partners), building your pricing plans from a central location will allow you to maintain a single source of truth. Create new plans or make changes to existing ones and watch them get automatically updated wherever the Pricing Table is embedded.

The Plan Builder

Configure your product’s features and plans using the visual pricing plan builder. WYSIWYG functionality makes it easy for non-developers and developers alike to complete this step. See exactly how your plan table will look in production and test it before deploying with our preview functionality.

Visual Editor

Plan Builder is a tool that anyone on your team can use to click, drag, and toggle their way to a standard pricing table that showcases your product plans and corresponding features.

CTA buttons

You can change the name of your buttons from the "Embeddable UI" tab. There are two options to hook up your billing system, either a URL redirect that will pass plan parameters or your own custom JavaScript to handle the requests.

Embed code‍

Once your plan table is ready to add to your website, you’ll see two small blocks of code on the embeddable UI tab that will allow you to deploy the plan table Web Component wherever you want. Log in and save your plan to see your code.

The Pricing Table

The generated Pricing Table gives you a standard pricing table that you can quickly embed into your application.

Code-less Updates

Save and publish changes to your plans on-the-fly using the visual plan builder—they show up automatically in the Web Components in your front-end.

Flexible theming with CSS‍

Each of Manifold’s components have standardized naming conventions, so it’s easy to identify elements and alter them using CSS selectors. Customize the look of your pricing table to match your brand; change the color of your buttons, font, and other elements.

The GraphQL API

All of your data is accessible from our GraphQL API to use in Web Components and anywhere you need.

A Single Source of Truth

Manifold Web Components are powered by GraphQL which you can consume directly in any part of your application.

No matter where you want to sell your SaaS product, (your own website, mobile app, or distribution partners), building your pricing plans from a central location will allow you to maintain a single source of truth. Create new plans or make changes to existing ones and watch them get automatically updated wherever the Web Component is embedded. Data on for all plans ever created is always available.