After storing your plans, features, and values in PlanGraph you can choose to use one of our Web Components to display your data on your website.
An embed is the combination of a script include and web component markup that when included in your application can automatically handle structuring and displaying your plans.
Each embed has a unique ID so that they can be independently customized without needing to update the code added to the page.
To install an embed simply copy and paste the two scripts onto your page. Or learn more about our components here.
When viewing a specific product in PlanGraph you have two main tabs: Plan Builder, and Embeds. When you enter the embeds tab you will be given the option to create a new embed:
Click the "Create new embed" button
Provide a name for your embed, shown in your embeds list
Customize your embed
Our Plan Table component has a few customization options that enable you to change the look and behavior of the buttons for each plan.
From the component preview tab, to change the text or behavior of a button:
Click the button you wish to customize (which defaults to Get Started)
Change the button text
Select the button's action
Click the "Save changes" button
Saved changes are updated instantly wherever the embed is included.
Your account can create multiple embeds. If you wish to display your pricing and packaging with a different behavior simply following the embed creation process again.
To remove the embed:
Select the embed from the list you wish to delete
Click the trash can icon at the top right of the component preview
Click the "Delete embed" confirmation button