How to use the Flip Switcher Pricing Table Widget of HT Mega Addons

Steps of adding Flip Switcher Pricing Table Widget

Make sure you have installed and activated the HT Mega Pro.

Step 1: How to Enable Flip Switcher Pricing Table Widget?

Go to WordPress Dashboard > HTMega Addons> Settings > Elements. From the list of Elements, turn ON the “Flip Switcher Pricing Table” widget.

Step 2: How to use the Elementor Flip Switcher Pricing Table Widget?

To add the Flip Switcher Pricing Table widget, search by “Flip Switcher Pricing Table” and use the widget that has the “HT badge”

Drag and drop the HT Mega Flip Switcher Pricing Table widget onto the Page Template.

Step 3: How to customize the Flip Switcher Pricing Table Elementor Widget?

Once you add the Flip Switcher Pricing Table widget, you will see Pricing Menu and Package Plan section under the Content tab. Now, you can update them from here.

Pricing Menu: You have the option to select the “Select Package” menu item and also change the name of the Pricing Menu.

Package Plan: Set your desired package plan and select the columns according to your requirements. Then, select the appropriate template from the “Select Template” option to assign it to the package.

How to create the package Template

Go to Dashboard > Templates. Click the “Add New” button to create a Template.

Select the “Section” option from the dropdown list in the popup box for the template type.

To create a template, enter the name of the template in the designated input field and Click the “Create Template” button. This will create a new template.

How to customize the Flip Switcher Pricing Table style?

In the Style tab, you can update Item Flip Switcher Menu and Content according to your needs.

Flip Switcher Menu: You have the option to customize the Flip Switcher Menu Style of your item, giving you the freedom to personalize the item’s appearance to suit your individual taste and style.

Content: You have the ability to customize the style of the content by adjusting options such as the Background Type, Border Type, Border Radius, padding, and margin.

Usage Examples

Here are some live use cases for the Flip Switcher Pricing Table addon. Follow this link to see more Demos

How to use the Pricing Table Flip Box Widget of HT Mega Addons

Steps of adding Pricing Table Flip Box Widget

Make sure you have installed and activated the HT Mega Pro.

Step 1: How to Enable Pricing Table Flip Box Widget?

Go to WordPress Dashboard > HTMega Addons> Settings > Elements. From the list of Elements, turn ON the “Pricing Table Flip Box” widget.

Step 2: How to use the Elementor Pricing Table Flip Box Widget?

To add the Pricing Table Flip Box widget, search by “Pricing Table Flip Box” and use the widget that has the “HT badge”

Drag and drop the HT Mega Pricing Table Flip Box widget onto the Page Template.

Step 3: How to customize the Pricing Table Flip Box Elementor Widget?

Once you add the Pricing Table Flip Box widget, you will see Layout, Header, Pricing Features, and Footer section under the Content tab. Now, you can update them from here.

Layout: You can choose your desired layout style.

Header: You can update the Title and sub Title content of the header.

The Pricing section offers a variety of options, including the ability to select Currency Symbol, Price, Offer, Original Price, Period, and Padding preferences.

Currency Symbol: Please choose your currency symbol.

To set the price of your pricing, simply enter the amount in the designated field. If you want to offer a discount, you can open the offer option and set the original price. You can also set the period during which the offer is valid. Additionally, you have the option to adjust the padding of the pricing box.

Features: You can easily customize the Features section according to your needs by adding labels, lists, titles, and icons. You also have the option to add items to the list as per your preference.

Footer: You have the ability to modify the text and link of the button according to your preferences.

How to customize the Pricing Table Flip Box style?

In the Style tab, you can update Item, Flip Box Style, Header, Pricing, Features, and Footer according to your needs.

Flip Box Style: You have the option to customize the Flip Box Style of your item, giving you the freedom to personalize the item’s appearance to suit your individual taste and style.

Header: You have the ability to customize the color, typography, and margins of the title and subtitle of your item.

Pricing: You have the ability to adjust the color, typography, and padding of the Pricing, original price, price, and period displayed in the Flip Box. This customization option allows you to style these elements to better match the overall design of your item.

Features: You can customize the style of the list items and icons in the Features List.

Footer: You can customize the style of the footer button box-shadow, typography, color, background type, border type, padding, margin, and border radius according to your preferences.

Usage Examples

Here are some live use cases for the Pricing Table Flip Box addon. Follow this link to see more Demos

Steps of adding Chart Widget

Make sure you have installed and activated the HT Mega Pro.

Step 1: How to Enable Chart Widget?

Go to WordPress Dashboard > HTMega Addons > Settings > Elements. From the list of Elements, enable the “Chart” widget.

Step 2: How to use the Chart Widget?

To add the Chart Widget, search for “Chart” then drag and drop the widget having the “HT” badge.

Step 3: How to customize the Elementor Chart Widget?

Once you add the Chart widget, you will see Data Source and Settings section under the Content tab. Now, you can update them from here.

In the Data Source section you can choose the Chart Type and there you will get the Data List according to selected chart type.

You can now add as many items as you like. The Content section allows you to add item label name and data.

In Style section, you can add the item Background Color. If you need chart background gradient color then set the Background Color 2, otherwise there is no need to add this color.

In the Settings section, you can configure Chart Title, Legend, Legend position, Legend Gap, Tooltip, and Tooltip Title as per your needs.

Step 4: How to customize the Elementor Chart Widget Style?

In Style tab, you can update Chart Box Wrapper, Chart Item, Legend, Tooltips style according to your needs.

In the Chart Box Wrapper section, you can control chart box height, width, outer radius and alignment.

In the Chart Item Style section, you can control chart item border and border color.

In the Legend Style section, you can update legend color and font size.

In the Tooltips Style section, you can update Tooltip text color and background color.

Usage Examples

Here are some live use cases for the Elementor Chart Addon. Follow this link to see more Demos

Import any section from the above preview with just a few clicks

From our Template library you can import all the blocks / page templates and modify the content as you prefer.

Click to view the Live Demo

How to use Breadcrumbs Widget of HTMega Addons

Steps of adding Breadcrumbs Widget

Make sure you have installed and activated the HT Mega Pro.

Step 1: How to Enable Breadcrumbs Widget?

Go to WordPress Dashboard > HTMega Addons > Settings > Elements. From the list of Elements, turn ON the “Breadcrumbs” widget.

Step 2: How to use the Breadcrumbs Widget?

To add the Breadcrumbs widget, search by “Breadcrumbs” and use the widget that has the “HT badge”

Drag and drop the HT Mega Breadcrumbs widget onto the Page Template.

Step 3: How to customize the Breadcrumbs Elementor Widget?

Content:

General: You can change Home Text, Home Icon, Spacing Between Icon and Home text, Alignment, and Spacing. You can also Select Style and Show or Hide Home as you need.

Separator: You can Select or Change the Separator Type, Separator Icon, Color, and Size as you need.

How to customize the Breadcrumbs style?

Breadcrumbs Area: You can customize the style of the Breadcrumbs Area as you like

Breadcrumbs Items: You can customize the style of the Breadcrumbs Items as you like

Last Item: You can customize the style of the Last Item as you like

Usage Examples

Here are some live use cases for the Breadcrumbs widget. Follow this link to see more Demos

How to use Category List Widget of HTMega Addons

Steps of adding Elementor Category List Widget

Make sure you have installed and activated the HT Mega Pro.

Step 1: How to Enable Category List Elementor Widget?

Go to WordPress Dashboard > HTMega Addons> Settings > Elements. From the list of Elements, turn ON the “Category List” widget.

Step 2: How to use the Category List Widget?

To add the Category List widget, search by “Category List” and use the widget that has the “HT badge”

Drag and drop the HT Mega Category List widget onto the Page Template.

Step 3: How to customize the Category List Widget?

Content:

Category List: You can change Layout Style, Add or Change Category Name, Custom Source, Category, Icon, Change Color, Change Background type and add or change New Items as you need.

How to customize the Category List style?

General: You can customize the style of the General Category List Style as you like

Category: You can customize the style of the Category as you like

Icon: You can customize the style of the Icon as you like

Usage Examples

Here are some live use cases for the Category List widget. Follow this link to see more Demos

How to use Lottie Widget of HTMega Addons

Steps of adding Lottie Widget

Make sure you have installed and activated the HT Mega Pro.

Step 1: How to Enable Lottie Elementor Widget?

Go to WordPress Dashboard > HTMega Addons> Settings > Elements. From the list of Elements, turn ON the “Lottie” widget.

Step 2: How to use the Lottie Widget?

To add the Lottie widget, search by “Lottie” and use the widget that has the “HT badge”

Drag and drop the HT Mega Lottie widget onto the Page Template.

Step 3: How to customize the Lottie Widget?

Content:

Lottie Settings: You can change Source Type, JSON URL, On/Off Link, Display Size, Alignment, On/Off Autoplay, On/Off Loop, Speed, and Reverse Settings as you need.

How to customize the Lottie style

Lottie Style: You can customize the style of the Lottie as you like

Usage Examples

Here are some live use cases for the Lottie widget. Follow this link to see more Demos

How to use Social Network Widget of HTMega Addons

Steps of adding Social Network Widget

Make sure you have installed and activated the HT Mega Pro.

Step 1: How to Enable Social Network Widget?

Go to WordPress Dashboard > HTMega Addons> Settings > Elements. From the list of Elements, turn ON the “Social Network” widget.

Step 2: How to use the Social Network Elementor Widget?

To add the Social Network widget, search by “Social Network” and use the widget that has the “HT badge”

Drag and drop the HT Mega Social Network widget onto the Page Template.

Step 3: How to customize the Social Network Widget?

Content:

Social Media: You can change Social Media Items, Alignment, and Space Between Social Media icons and Social Media Icon Type. You can also add New Social Media items as you need.

How to customize the Social Network style?

Style: You can customize the style of the Social Network as you like

Usage Examples

Here are some live use cases for the Social Network widget. Follow this link to see more Demos

How to use Taxonomy Terms Widget of HTMega Addons

Steps of adding Taxonomy Terms Widget

Make sure you have installed and activated the HT Mega Pro.

Step 1: How to Enable Taxonomy Terms Widget?

Go to WordPress Dashboard > HTMega Addons> Settings > Elements. From the list of Elements, turn ON the “Taxonomy Terms” widget.

Step 2: How to use the Taxonomy Terms Widget?

To add the Taxonomy Terms widget, search by “Taxonomy Terms” and use the widget that has the “HT badge”

Drag and drop the HT Mega Taxonomy Terms widget onto the Page Template.

Step 3: How to customize the Taxonomy Terms Elementor Widget?

Content:

Post Query: You can change or select Content Source and Taxonomy. You can also Exclude Terms as you need.

Additional Option: You can change Display Style, Tittle Spacing, Icon Type, and Icon. You can also select individual Icons for individual Taxonomy as you need.

How to customize the Taxonomy Terms style?

Terms Item: You can customize the style of the Terms Item as you like

Number Count: You can customize the style of the Number Count as you like

Icon: You can customize the style of the Icon as you like

Usage Examples

Here are some live use cases for the Taxonomy Terms widget. Follow this link to see more Demos

How to use Icon Box Widget of HTMega Addons

Steps of adding Icon Box Widget

Make sure you have installed and activated the HT Mega Pro.

Step 1: How to Enable Icon Box Widget?

Go to WordPress Dashboard > HTMega Addons> Settings > Elements. From the list of Elements, turn ON the “Icon Box” widget.

Step 2: How to use the Icon Box Elementor Widget?

To add the Icon Box Addon, search by “Icon Box” and use the widget that has the “HT badge”

Drag and drop the HT Mega Icon Box widget onto the Page Template.

Step 3: How to customize the Icon Box Widget?

Content:

Icon Box You can change Icon Type, Icon, Icon Box Title, Description, Index Number and Icon Box Link. You can Select Title Tag, Icon and Title Position as you need.

How to customize the Icon Box style?

Icon Box Style: You can customize the style of the Icon Box as you like

Icon Style: You can customize the style of the Icon as you like

Title Style: You can customize the style of the Title as you like

Usage Examples

Here are some live use cases for the Icon Box widget. Follow this link to see more Demos

How to use Page List Widget of HTMega Addons

Steps of adding Team Carousel Widget

Make sure you have installed and activated the HT Mega Pro.

Step 1: How to Enable Page List Widget?

Go to WordPress Dashboard > HTMega Addons> Settings > Elements. From the list of Elements, turn ON the “Page List” widget.

Step 2: How to use the Page List Elementor Widget?

To add the widget, search by “Page List” and use the widget that has the “HT badge”

Drag and drop the HT Mega Page List widget onto the Page Template.

Step 3: How to customize the Elementor Page List Widget?

Content:

Page List: You can select Column, Title Tag, Media Direction, and Vertical Alignment. You can also Add or Change Items and gaps as you need.

How to customize the Page List style?

Item: You can customize the style of the Item as you like

Title: You can customize the style of the Title as you like

Sub Title: You can customize the style of the Sub Title as you like

Icon Box: You can customize the style of the Icon Box as you like

Usage Examples

Here are some live use cases for the Page List widget. Follow this link to see more Demos