Introduction to the Element Pack Pro plugin:
We can go to its official website to look at it. After opening it, we can look at the modules inside it.
There are more than 200 modules here, 74 of which are free and 210 of which are PRO versions. We can open some of the distinctive modules. For example, we see a product called a 360-degree display, which can rotate 360 degrees.
In this case, if there are some products, it will be convenient for users to see the perspective of each of our products and better display our products. We can apply a module like this to our independent station. A module like this is a very distinctive module, including some of the following features. In addition to this module, there are other modules, such as some 3D fonts and many others.
Element Pack Pro plugin installation:
Next, we will show you how to use this plug-in and add some modules to our elementor. Similarly, we will install the extension plug-in. What we have prepared for you here is a PRO version, so we will install this plug-in directly and find the current highest version, 7.6.5. Of course.
Element Pack Pro Features:
Element Pack Pro Dashboard:
We click to open the installation. After the plug-in is successfully installed and activated, there will be an additional button like Element Pack Pro in our function button. We click to open it. After opening it, we find that the settings here are obvious. For example, first is our panel. The panel will tell us how many modules we currently have and how many modules we have enabled.
That’s a total of 253 modules, which we haven’t enabled yet. Below, you can see the status of some of our systems, including other instructions.
Element Pack Pro Core Widget:
The second one is for our core module, which is the module included in the extension plug-in. There are many modules, and you can also turn them on, activate them all, or turn them off.
You can also enable it according to your own needs, such as which ones you need to use. Then, each module is the same as the extension plug-in we installed before. It has two states: the demo state and You can look at the demonstration of this module, but some modules may not be opened. Then, let’s take a look at the first module. This module cannot be opened, meaning the links inside are invalid. Of course, it also has some video tutorials. Let’s see if the video tutorial can be opened. This video can be opened on YouTube. You can follow the YouTube video to see how each module is used. It is the same as our element’s original module.
Element Pack Pro integrated components:
The third one is its third-party modules, which integrate third-party modules. For these modules, we must install the corresponding plug-ins, or our independent station already has such functions before we can use them. For example, our bbpress, that is, all our forums are for bbpress and our members, so you can only use these third-party modules after downloading and installing them.
The extension module mentioned here is mainly for the content of the advanced settings in each of our modules. We can also modify it. For example, we can add a 3D setting effect to all our texts or to each module. It is possible to add custom CSS or JS and a background color extension.
In addition, the API is actually very easy to understand for each of our extension plug-ins, including page builders such as our elementor. For example, it may be called some Google Maps or some social media modules, so at this time, we need to apply for the corresponding API, such as Google Maps. We need to apply for a key and fill it in here.
In this case, you can use the extensions in this plug-in and the Google Maps module. Everything else is the same, including our newsletter, which is to subscribe to Youmonkey, and our contact panel, which means that A contact module has been added, which means you can add a contact form. You must fill in the sending email address, including a login button for our Facebook. You also need to apply for a Facebook ID and its token.
Element Pack Pro plugin settings:
Then we see some other settings. The settings here are mainly for some performance settings. For example, we can merge CSS files or JS files. We will not use them under normal circumstances. Performance optimization, because we have a special performance optimization plug-in to operate the independent station, but everything else can be used. For example, we can use some customized decoding, or use the super menu in it, which can be used.
The last one is its certificate. We are sharing that the GPL version has been activated, so don’t worry about it.
This is the setting of this plug-in. What we mainly set is which modules you want to use. You need to turn on these modules.
Element Pack Pro Plugin Usage:
Then, we will take a look at how to use it. The usage method is precisely the same. You also need to enter the page builder module of elementor, and then you can see the modules it extends. It is the same as elemenor. The PRO version is similar. For example, let’s open the page builder module of elementor. After opening it, we will fold the previous ones into it because we now use this theme. Woodmart integrates some element modules, including the basic version and PRO version of elementor that we have installed, so there are many existing modules on it. Below, we can see an Element pack PRO.
These are some modules added through the extension plug-ins we installed. For example, we are now dragging an accordion Accordion. This accordion is mainly used as a module to summarize common problems such as FAQ.
After dragging it in, we see this module and our original module. Let’s compare them. For example, we find our original module and drag it in. The following is an accordion effect that comes with our elementor by default. The above one is a module that we extended by installing the Element Pack Pro plug-in. We see that its style is entirely different, and its customized effects are also different.
We will first edit this module, and then we can take a look. First, we can add many modules similar to the FAQ summary. We can also copy more, and we can modify the title of each module. You can also change its content.
Then, you can also add a small icon to it. For example, let’s add an icon to it here. Okay, after the replacement, we find it is not displayed yet. We don’t need to worry about it here. Let’s add other settings first. Module, we see that it has two more modules below. The small icons this module targets are the modules on the right that we see now. You can also modify these modules. For example, we can modify it to include other modules. Okay, now we see that the icon has changed, and here we can see an icon with a title. The reason why we couldn’t display the small icon just now is because it is not turned on here. Let’s turn it on now.
After turning it on, we saw that this small icon had appeared earlier. Of course, you can add a small icon to each module. These are some of the functions that come with this module. For example, there are some advanced ones below. Settings, for instance, if you display all modules in the closed state, we now see the closed state, and after opening it, the contents inside can be displayed. If you turn this off, the first one will be open by default. When you open the second one, the first one will be covered. If you choose the second one, all of them can be opened generally without affecting other modules.
We see a state, okay, there is another module below, we can add a highlighted form to this module, for example, after we turn it on, it will have a red line at the bottom of the module. Let’s save it and then refresh it. Let’s see that there is an additional highlight display below it. This is of no use. Then, there is a sound below. When you click on the module inside, it will have an adequate sound effect. Effect.
For example, here, we choose to have a sound when clicked, then save it now and refresh it after saving. Of course, when you touch the screen on your mobile phone, it will also have a sound. We click it, and now you hear it. It is such a sound that you add a hyperlink to the entire module. Then, its style setting is similar to what we used before, but there are more modules. These new ones are all new modules, and then, in the advanced settings, some modules are added. For example, some special effects can be added in the first one. For example, we see a state of spreading flowers, so of course, you can also use other effects here, which the user opens. When it has a state, you can also add a snowflake. Of course, this particular effect is for all modules in the extension plug-in, including those in the previous elementor. You can also add it because it is an additional addition.
The next one is to modify its mouse state. We see that there are some mouse states. When we put the mouse up now, it is not an arrow but other styles displayed. You can also modify it according to your own needs. Go and modify it. Then, the following one is one of its entry methods. In fact, elementor also has it by default. For example, when entering from right to left or from left to right, you can add this effect.
The next one adds a prompt. After we open this, we put the mouse on this module, and it will have a description like this. For example, if you see a black box on it, of course, you can read the content of this prompt. Feel free to modify it; you can also modify its position.
The next one is to control its display status, that is, what kind of talents can be displayed. You can also add some rules, such as for some logged-in users or for some visitors, etc., and then you control this module. Everyone can study the display status. OK, this is about how to use the Element Pack PRO plugin.
