Product Demo: Flexible Pricing Tables
Learn how to create custom, multi-tab pricing tables using Stripe or Pelcro with the flexible pricing table block for consistent theme styling.
The pricing table block allows you to create a custom pricing table by manually setting products and prices. This feature uses Stripe payment links instead of the standard Indiegraf Pay checkout, offering an alternative for those using Pelcro. It enables you to offer multiple monthly options, display choices for large donors, or implement other unique pricing structures.
Managing Tabs
- Create and manage one or multiple tabs to organize your pricing.
- Choose how to name and organize these tabs, such as by frequency (monthly, yearly, one-time) or supporter levels (Level 1, Level 2, Level 3).
- Set a specific tab as the default; for instance, you can switch the default view from monthly to yearly by clicking "set default".
- Add or edit options within a tab by selecting "manage" to add different price points.
Customizing Pricing Items
- Customize the colors displayed within the pricing table.
- For each pricing item, you can add an optional icon.
- Customize the title, amount, and period for every item.
- Add a discount label if applicable; if left blank, it will not be visible.
- Include description for each pricing item.
- Highlight a specific item, such as the one in the center, as "most popular".
Button and Link Integration
- Customize the button text and the destination link.
- Add a Stripe payment link directly to each button.
- If using Pelcro, toggle the Pelcro button option and input the required Product ID and Plan ID.
Frontend and Mobile View
- The table's styling is consistent with Indiegraf Pay and theme styling.
- Users can toggle between the different pricing tabs on the frontend.
- Subscribe buttons will direct users to either Stripe payment links or Pelcro.
- The pricing table is fully responsive for mobile viewing.