Pricing Tier

The Pricing Tier Module is a highly customizable and dynamic module designed for HubSpot CMS. It allows users to showcase multiple pricing plans in an interactive and visually appealing format.

Web Mockup 38

Installation Guide

If you don't already know, HubXpert has a lot of published and developing modules in the marketplace. One of them is the "Pricing Tier" module, which you can find here

This page will guide you through the installation process. So, let's begin: 

Step 1 Step 1 Step 1 Step 1
marketplace 1

Get to The Module Marketplace

If you haven't already, visit this link to get the module.​​ You can read all features this module has, which is a lot!

round-account-button-with-user-inside (1)

Select The Account

If you have multiple accounts, select the account where you want to install the module.

settings (1) (1)

Configure The Module

After selecting the account, you will be taken to the module configuration page. Follow the instructions to configure the module according to your needs.

add (1) 1

Add The Module to Your Page

Once the module is installed and configured, you can add it to your page.​ Go to the page where you want to add the module, and click the "+" icon to add a new module. Select our module from the list of available module.

User Guide

Now that you have installed the guide, let's see how you can use it and change it to your own style:

Background Options

You can change the background of your pricing tiers to any solid color you want, use any image you upload, or create a smooth gradient with different colors. This lets you make your pricing look exactly how you want it.

Custom Background Options

Dynamic Pricing & Badges

You can make different pricing plans, show monthly or yearly prices, and add badges like 'Popular' or 'Save 15%' to highlight them. Each plan has its own details like title, price, and features.

Dynamic Pricing Tier with Badge Option

Font & Color Customization

You can change all the fonts and colors to match your brand. This includes text, buttons, backgrounds, and even badges, so you can make the pricing look exactly how you want.

All Fonts & Background
Customization Options.webp.webp

Card Customization

You can change the look of the pricing cards completely. Add borders, change hover effects, and adjust colors to make them stand out.

Full Card Customization