#htmega

How to add Image Masonry Widget using HT Mega Elementor Addon

Hello everyone,

In this tutorial, I am going to talk about how to use the "Image Masonry" widget of our HT Mega plugin.

This widget can be used to display your images within a masonry layout.

Now, if you don’t know what masonry is?

Masonry is a grid layout based on columns.

Unlike other grid layouts, it doesn’t have fixed height rows.

Basically, masonry layout optimizes the use of space inside a web page by placing elements in optimal position based on available vertical space.

Sort of like a mason fitting stones in a wall.

Let’s check some of the examples we have here.

Now, let me show you how you can utilize this widget on your website.  

First of all, create a section.

Now search for the "Image Masonry" widget. Drag the widget to the section.

In this panel, you can select a style for the images.

Set the number of columns from here.

Now, upload an image and set an image size over here.

You can also insert a title and a description for the image.

If you want to show a button, insert a text and a link for the button.  

Add more images if you need.

From the "Style" tab, you can customize all the necessary styles for the title, description, and button.

So, this is how you can display your images within a masonry layout.

If you have any questions regarding this widget, please put them in the comments below. That’s it from me today. See you in the next video.

Thank you

Live Preview: http://demo.wphash.com/htmega

Free Download: https://wordpress.org/plugins/ht-mega-for-elementor

Purchase Now: https://hasthemes.sjv.io/ht-mega-pro

Check us out on Facebook: https://facebook.com/hasthemes

How to add Image Grid Widget using HT Mega Elementor Addon

Hello everyone,

In today's video, I will show you how to display images on your website within a grid layout.

You can do that using the "Image Grid widget of our HT Mega plugin.

There are five different styles available for this widget.

Now, let me show you how to use this widget step by step.  

First of all, create a section by clicking on the plus icon.

Then search for the "Image Grid widget. Drag the widget to the section.

In this panel, you can select a style for the grid images.

Set the number of columns from here.

Now, upload an image and set an image size over here.

You can also insert a title and a description for the image.

If you want to display a button, insert a text and a link for the button.  

Add more images if you need.

Go to the "Style tab, if you want to customize all the necessary styles for the title, description, and button.

So, this way you can showcase your images within a grid layout beautifully.

If you have any questions regarding this widget, please let us know in the comments below. That's all for now and I'll see you in the next video.

Thank you

Live Preview: http://demo.wphash.com/htmega

Free Download: https://wordpress.org/plugins/ht-mega-for-elementor

Purchase Now: https://hasthemes.sjv.io/ht-mega-pro

Check us out on Facebook: https://facebook.com/hasthemes

How to add Pricing List View Widget using HT Mega Elementor Addon

Hey everyone,

Welcome to another video of HT Mega Plugin. In this video, I will show you how to create a price list for any kind of business.

You can do that using the "Pricing List View" widget of our HT Mega plugin.

This widget allows you to showcase a price list for your business in an organized way.

Hence your website visitors can easily find what they are looking for.

Now, I am going to teach you how you can create a price list on your website.

First of all, create a section. Now search for the "Pricing List View" widget.

Drag the widget to the section.

From the "Layout" panel, you can select a layout for the price list.

In this panel, you can insert the column names for the table header. Add more columns if you need.

From the "Table Content" panel, you can insert your pricing data for the corresponding columns.

Go to the "Style" tab, if you want to customize the styles for the table, table header, and table body.

So, this is how you can add a price list to your website.

If you have any ideas or suggestions to make this widget even better, please let us know in the comment section. So, that's it for this video guys and I'll see you in the next one.

Thank you

Live Preview: http://demo.wphash.com/htmega

Free Download: https://wordpress.org/plugins/ht-mega-for-elementor

Purchase Now: https://hasthemes.sjv.io/ht-mega-pro

Check us out on Facebook: https://facebook.com/hasthemes

How to add Scroll Navigation Widget using HT Mega Elementor Addon

Hey everyone,

In this video, I am gonna show you the use of the "Scroll Navigation" widget of our HT Mega Elementor addon.

You can use this amazing widget to create a single page or one-page website. These websites are also known as scrolling websites.

This widget will make your website navigation much easier.

Let's take a look at the live demo of this widget. You can see how easy it is to navigate through the sections.

Let me show you, how you can make proper use of this widget to create a beautiful scrolling website.  

First of all, create a section. Now go to the search panel and search for the "Scroll Navigation" widget.

Drag the widget to the section.

From this panel, you can add as many sections as you need.

This widget allows you to choose the content source from here.

You can use either a custom text or an Elementor template for the section content.  

In the "Slider Options" panel, you can select the direction of the sliding effect.

Here you can set the height to full screen or you can also use a custom height.

Now, set the speed for the sliding effect.

You can also control the number of items to display within a single slide.

If you want to disable the sliding effect on scrolling the mouse wheel, you can do that from here.

In this widget, you'll get some more options to manage whether you want to display the slider navigation or the pagination.

From the "Style" tab, you can customize all the necessary styles based on your needs.

So, this is how you can use the "Scroll Navigation" widget and create an outstanding scrolling website.

If you have any ideas or suggestions to improve this widget, please let us know in the comment section. That's all for this video. See you in the next one.

Thank you

Live Preview: http://demo.wphash.com/htmega

Free Download: https://wordpress.org/plugins/ht-mega-for-elementor

Purchase Now: https://hasthemes.sjv.io/ht-mega-pro

Check us out on Facebook: https://facebook.com/hasthemes

How to add User Login Form Widget using HT Mega Elementor Addon

Hey everyone,

Welcome to this tutorial. In this video, I am going to be talking about how to create a custom login form easily using the HT Mega Elementor addon.

Have you ever tried to customize the default WordPress login form? It's really a tedious and time-consuming task if you try to change the look and feel of the login form by using custom code.

If you really want to get rid of that default WordPress login form and want to build a totally custom one then you can use the "User Login Form" widget of our HT Mega Elementor addon.

This widget allows you to design a custom login form according to your requirements.

Let me show you how you can create an eye-catching login form for your website.

First of all, create a section. Now search the "User Login Form" widget from the search panel.

Drag the widget to the section.

In this panel, you can select a style for the login form.

If you don't want to show the labels, disable this option.

But if you decide to keep the labels, you can even use your own custom labels.

This widget will allow you to insert a link where you want to redirect your users after login.

You can even hide the link to reset the password.

Enable this option to show the "Remember Me" checkbox. If you want to learn more about what exactly this checkbox does then I have given a link for you in the video description below.

Change the text for the login button from here.

From the "Style" tab, you can control the necessary styles for every element of this widget.

So, this is how you can design a beautiful login form for your WordPress website.

If you have any ideas or suggestions to improve this widget, please let us know in the comments below. So, that's all for this video and I'll see you in the next one.

Thank you

Live Preview: http://demo.wphash.com/htmega

Free Download: https://wordpress.org/plugins/ht-mega-for-elementor

Purchase Now: https://hasthemes.sjv.io/ht-mega-pro

Check us out on Facebook: https://facebook.com/hasthemes

How to add Social Share Widget using HT Mega Elementor Addon

Hello everyone,

Welcome to this tutorial. In today's video, I am going to show you how you can add social sharing options on your website and allow your website users to share your website content over the popular social media platforms.

The "Social Share" widget of our HT Mega plugin allows anyone to share your website content over their social network.

This way your website will show up in front of more people. So, the user traffic on your website will be increased.

Social sharing will also help you increase the possibility of ranking better on search engines.

Let me show you how you can add social sharing options on your website.

From the Elementor edit screen, create a section. Now search for the "Social Share" widget.

Drag the widget to the section.

From this panel, you can add social sharing links.

Select "Social Media" from here.

Now insert the title and icon.

In the "Style" tab, you can customize the styles for each social sharing link individually.

From the "Icon Style" tab, you can customize the icon styles for each social sharing link individually.

Add more links if you need.

In the "Advanced Options" panel, you can select what you want to display for the links.

From the "Style" tab, you can manage the necessary styles for all the elements of this widget.

So, this is how you can add social sharing options on your website.

If you have any questions regarding this widget, please let us know in the comment section. So, that's it for this video guys and I'll see you in the next one.

Thank you

Live Preview: http://demo.wphash.com/htmega

Free Download: https://wordpress.org/plugins/ht-mega-for-elementor

Purchase Now: https://hasthemes.sjv.io/ht-mega-pro

Check us out on Facebook: https://facebook.com/hasthemes

How to add Notification Widget using HT Mega Elementor Addon

Hello everyone,

In this video, I'll show you how to create different types of notification bars using the HT Mega plugin. So, without wasting any time, let's get started.

A notification bar can be used to notify your customers about any new offers, messages, news, etc.

The "Notify" widget of our HT Mega plugin will allow to create a custom notification bar in different position of your website. Your customers can check the notification by clicking on a button.  

Let me show you how you can add a notification bar on your website.

First of all, create a section. Now search for the "Notify" widget.

Drag the widget that has the HT badge.

From this panel, insert a text for the button.

Now, insert the notification content from here.

From the "Notification Options" panel, you can select the container for the notification bar.

This widget will enable you to set the position of the notification and choose the notification type.

You can change the entrance and exit animation from here.

You can also control some other things such as the offset value, delay, Bootstrap column width, and icon.

In the "Style" tab, you can customize the necessary styles for every element of this widget.

If you have any queries regarding this widget, please let us know in the comments below. So, that's it for this video. See you in the next one.

Thank you

Live Preview: http://demo.wphash.com/htmega

Free Download: https://wordpress.org/plugins/ht-mega-for-elementor

Purchase Now: https://hasthemes.sjv.io/ht-mega-pro

Check us out on Facebook: https://facebook.com/hasthemes

How to add Twitter Feed Widget using HT Mega Elementor Addon

Hi everyone,

In this video, I am going to talk about how to display a Twitter feed on your website using the "Twitter Feed" widget of the HT Mega plugin.

By displaying the latest feed from your Twitter account you can increase the customer engagement.

Let's check all the available styles for the "Twitter Feed" widget.

Now, I am going to show you how you can display a Twitter feed in different styles.

From the Elementor edit screen, create a section. Now search for the "Twitter Feed" widget.

Drag the widget to the section.

From the "Twitter Feed" panel, select a style for the Twitter feed.

Insert your Twitter username from here.

In order to showcase the Twitter feed properly, you'll need to insert the consumer key, consumer secret, access token, and access token secret.

Now, if you are thinking about where you would get those keys and tokens. Don't worry, I have given a link below from where you can get these keys and tokens.  

Here you can insert the number of items you want to show in the Twitter feed.

Set the length of the content from here.

If you don't want to show these things, you can simply disable the options.

This widget will also allow you to display the Twitter feed within a slider.

In the "Slider Option" panel, you can control all the slider related properties.

From the "Style" tab, you can customize all the necessary styles for this widget.

I hope, now you can add a Twitter feed on your website easily.

If you have any questions regarding this widget, please leave us a comment below. So, that's it for this video and I'll see you in the next one.

Thank you

Live Preview: http://demo.wphash.com/htmega

Free Download: https://wordpress.org/plugins/ht-mega-for-elementor

Purchase Now: https://hasthemes.sjv.io/ht-mega-pro

Check us out on Facebook: https://facebook.com/hasthemes