1. Add the module
- Open a HubSpot website or landing page in the content editor.
- Search for SaaS Pricing Table in the module picker and drag it onto the page.
- Select the module to open its editable fields in the left panel.
2. Set up your plans
Edit each plan's name, heading, description, currency, monthly and annual prices, billing notes, feature lists, and call-to-action text and link. Use the plan controls to add, remove, or reorder plans. Mark one plan as featured to highlight it.
3. Configure billing
Choose whether to show the monthly/annual billing toggle, edit its labels and discount badge, and select which billing period appears first. Check that every plan's monthly and annual price and billing note are accurate.
4. FAQ and trust messages
Use the FAQ visibility control to show or hide the FAQ section. Edit, add, remove, or reorder questions and answers. The trust bar can also be shown or hidden; each trust message has its own visibility, icon, and editable text.
5. Customize the design
Use the Design fields to adjust colors, font family, content width, section spacing, card and button corners, grid gap, and text sizes. Preview the page at desktop and mobile widths before publishing.
6. Test before publishing
- Test both billing buttons and confirm all prices and billing notes switch correctly.
- Open and close every FAQ item.
- Check each call-to-action link and confirm it goes to the intended destination.
- Review mobile layout, contrast, and text wrapping.