How to use Enhanci to create a pricing table for your website
Visual representation of price information and ways to quickly compare prices play a huge role in online sales. Our widgets can help you with that.
WIDGET CREATION
- When you click on "Get Started" on the home page of our website, you launch the Widget editor. If you don’t have any widgets here, the editor will offer you to create it now:
Or, in case you already have some, the button name will be Add new:
AI WIZARD
- To save you time and effort, our AI Wizard is at your service. Just click Try now on the popped-up window:
This AI Wizard has 5 steps:1. On the first of them, the wizard collects the information about your industry.
In our example, we chose E-commerce option:
Click Next to continue.2. On the second step, the wizard gets the information about a number of your customers. Try to estimate the quantity as accurately as possible, and then select the most appropriate wizard answer.
In our example, we chose quite a modest number of clients:
Click Next to continue.
- The third step is dedicated to the number of your _employees._In our example, it is up to 10:
Click Next to continue.
- As the next step, the widget asks for your website (if you have one).
In our example we type journey.com:
Click Next to continue.
- The last step is all about your competitors. If you provide their website address, the wizard will analyze their pricing policies to offer you competitive prices for your own digital products or subscription options.
We used notion.co as our competitor:
Click Generate my pricing plans to process the result. In the next window click Check it out!:
After this, AI-recommended prices will be presented in the main editor window. Also, pay attention to the narrow pop-up window at the top: there you can continue with the AI-recommended values or rollback them and start with the default values:
Next, we will show you how to configure the pricing tables available on the screen.
TITLE
- It is better to create a name for your Pricing Table widget.
💡 A meaningful name will help you indicate which site the widget belongs to.
After editing the name, click on the check mark button:
TEMPLATES
- This menu section contains predefined widget styles. One of them is already applied to three cards visible in the editor window. You can also choose any other template from the list that suits your needs:
💡 All templates have the same functionality. The only difference is the graphic design. Switching between templates does not change the number of the cards, the prices, descriptions, icons and colors of the elements in the cards (except for the background color of the card)._The next section of the menu provides opportunities to customize the contents of your cards in detail.
CARDS
- Every template already comes with three cards. Each will contain information about one of your subscription options, plans, or maybe your digital products:
General management of all cards
You can create more cards by adding or coping them:
- the copy icon next to the card completely copies this card;
- the Add Card button copies completely the last card in the list.
You can also delete any of them by clicking on the trash can icon next to the card.
Personal settings for each card
Card icon
If the template you use supports icons, you can choose one from a fairly extensive list. Click Add icon:
💡 It is very convenient to search for icons in the list by topic by specifying a keyword in the search field:
Card highlighting
You can also define which card in your pricing table will be highlighted. The highlighting may look different in different templates, but a card with the Highlighted flag set will be visually different from others. By doing this, you unobtrusively recommend one of the options to the client.
Price and description
There are possibilities to adjust different card text elements, such as:
- Card title: the short name of your subscription option;
- Monthly price: displayed only when the switch above the cards is in the inactive position;
- Annual price: displayed only when the switch above the cards is in the active position;
- Button label: usually some action words (“get started”, “upgrade”, etc);
- Button link: redirects your client on the purchase webpage;
- Text under button: yes, you can write something even there;
- Price label postfix: for example, some clarification of price conditions;
- Description: not a very long description explaining the title of the card, for example, here you can explain for which category of clients this offer might be especially interesting.
List of features
The list of your features is also worth attention. As the name suggests, this list highlights the benefits of the subscription option.
For each feature in the list, you can independently configure the shape and color of the item icon and set a text description of the feature:
To add a new feature, use the Add button at the end of the list. To remove any feature, use the small trash can button next to that feature:
Styling
This section combines various appearance settings: background color, body text color, title text color, button shape, etc.
COMPARE PLANS
- This section configures Compare Plans – a widely used data presentation tool that allows the client to compare the key terms of the different subscription options in a convenient table format.
The menu in this section is very simple:
- widget on/off
- table title
- small styling block
- the table itselfThe table in our template consists of three rows, grouped into two categories: Key features and Help center.
You can place text or a checkbox in each table cell. Thus, the entire table is filled in manually:
Each line can be deleted or copied. At the end of each category, there is an Add a new row button. When the user clicks it or copies an existing row, an empty row called New Item is created, containing the same number of columns as all other rows.
Also, there is an Add a new section button at the very bottom of this menu section.
The section will be created with a single empty New Item line.
FAQs
- Here you can provide answers to a variety of questions regarding your subscriptions, products, additional services and terms.The set of settings is very practical: the section title, the text color and the means to add/copy/delete new questions and answers:
SETTINGS
- This section contains global card settings that do not fit into all other sections.
It includes 3 blocks:
Annual period
An element where the switch between monthly and annual payments can be turned on and off. This is an additional, eye-catching benefit for the client: annual subscriptions are often more profitable than monthly ones.
Compact mobile plans
Compact mode means that most of the card text (all the features) is hidden after a short statement Show more and can be expanded manually. The card becomes more square and more convenient for display on mobile devices.
Mobile Plans Switcher
When the mobile plan switch is turned off, all cards in mobile mode are stacked vertically on top of each other. The user scrolls through them vertically.
When the mobile plan switch is turned on, all the cards in mobile mode are arranged as if in one deck and only one of them and the labels of the others are visible at any time. The user scrolls through them horizontally:
INTEGRATIONS
- If Google Analytics is already connected to your site, this section lets you specify custom events that will be sent to your Google Analytics:
ANALYTICS
- In this section, you can analyze in detail the data on the number of visitors to your site (the upper graph in the screenshot) and the conversion rate for each of the subscription options (three graphs below).
You can see graphs for a month of test data below. It was collected on the interactions of site visitors with the Pricing Table widget installed there:
At the top left, there are buttons for setting the analysis period: Last week, Last month, or Last year.
When you hover the cursor over one of the graphs, detailed information about this point appears:
PUBLISHING
- To make your customized widget available for embedding on other sites, it must first be published. To do this, click the Publish button:
The appeared pop-up window will guide you:
You should copy a widget code, select a web platform of your site from the list and then follow the short instruction to add the pricing table you prepared to the required page on your website.
💡 Is the platform you need not listed? Feel free to let us know via the feedback form! We will find a solution!
