Do you believe that with an ordinary person without learning information technology can still make a beautiful website?. This article An will guide you to use elementor pro to help you do that without any difficulty.
Indeed, with just easy drag and drop, you can design yourself a website that is both beautiful and professional that anyone who looks at it will be surprised.
1.Have you used elementor yet?
If you have used elementor, then you will know what it is like and recommend it to you, right?.
Currently An uses this plugin to design the interface for An’s online course & e-book system.
2.Go through some features of the Elementor pro plugin
Elementor pro is essentially a plugin that uses the design of the page (page) or post (post) and as a sales landing page.
This page builder has been activated over 5 million times worldwide. It must be said that this is a terrible number, so it is obvious that it is in the top of the top page builder plugins in the world.
This plugin has 2 free versions, Elementor Website Builder and a paid version, Elementor Pro for you to choose from.
Of course, the free version will have limited features, you will only use it at a basic level. As for the Pro version, you can use all the advanced features of this plugin.
However, if you invest in buying this plugin from the beginning, it will be quite economical for you, because it has integrated a lot of features in it.
For $49/year, you will own the interface design features, create pop-ups to collect mail, have ready-made templates, social share icons, …
Meanwhile, An bought the plugin “WP Subscribe Pro” which costs $19/year from Mythemeshop but only has the function of creating an email collection form.
If you calculate a long-term smart problem, investing in the elementor pro plugin from the beginning will save you money on buying other functional plugins later on. The first is that elementor pro has built-in the necessary features, and the second is that it eliminates the need for you to install many plugins that weigh heavily on the web.
>>Visit Elementor Pro Now
3.How to use elementor pro to make web
Soon, An will guide you to install and use this awesome plugin. Now let’s get started.
Note: When you use elementor pro then you should use with free version themes like GeneratePress, Astra, Hello theme by elementor, OceanWP. Do not use elementor with paid themes like Flastome, newspaper, etc. because it will conflict with each other and interface error.
3.1.Install elementor free version
First, An will guide you through the installation and trial of the free elementor (will be limited in some functions). If you find this tool useful and have a need to use the paid Pro version, the section below will guide you on how to upgrade.
In the interface of the wordpress admin page, go to the “Plugins” -> “New install” -> type in the search box”elementor” -> click the “ button”Setting” then activate this plugin.
After successful installation and activation, you will see this plugin appear in the left corner of the wordpress admin page.
3.2.Use elementor to create pages (pages) or posts (posts)
To use the elementor to design Page or Post is very simple, you just need to go to the “write a new post” or “add new page“you will see the function”edit with elementor” is already built-in.
The interface of elementor free version and pro version are the same. Only difference is that the free version, the advanced features you will not be able to use, it will be dimmed.
Elements for you to use drag and drop such as headings, images, buttons, videos, text, etc. will be located all over the left column.
At the center of the interface, click the + sign to add a widget -> next you choose the layout 1, 2 or 3 depending on you.
You click on the 9 square dots on the left corner to open the tab containing the components you want to drag into the interface.
Now you select the element you want to use and then hold the left mouse button to drag it into the widget layout.
You edit the content of the element you just dragged to the left corner then click the “publish” to save.
3.4.How to use templates available in the library
This plugin has pre-designed templates in the library, you just need to select the template and edit the content inside your wall.
To use the template is very simple, you select the icon “more samples“.
There will be 2 template sections here: “block” and “Page“You choose which one you like, then click the button”insert“.
ok, the contents inside, if you want to edit a part, then click on that part to edit it.
3.5.How to go back to previous history
In the process of editing, sometimes you accidentally make a mistake but don’t know how to go back, fortunately there is a function to help you undo the previous history.
You just need to click on the icon “history” then select the most recent revision. Or you can press the key combination “Ctrl and Z . key“.
3.6.How to upgrade from elementor free to elementor pro
At the top are the most basic features for the free version. If you have a need to use more advanced features such as creating Pop-ups to collect mail, you should invest in buying the paid version!.
You will still keep the free version, not removed, because it will require parallel use with the pro version.
First you need to visit the page Elementor Pro.
There are many packages for you to choose from. If you only use 1 site (1 website), then you only need to use the $ 49 plan is enough.
After choosing the package and paying, you will be able to download an installation file.
In the website admin page, go to the “plugin” -> “fresh install” -> “upload plugin” -> “select file” -> press the button “Setting“.
After the installation is complete, go to the “license” to enter the activation code!
3.7.Create pop-ups with elementor Pro version
If you want to create a pop-up that collects mail into the getresponse system, you need to first go to the “Setting” of elementor pro -> select the “integrated” -> Enter the API code.
Ok now you create a pop-up by going to the “template” -> select “Popups” -> press the button “add new popup“.
You name the popups template and then click the “Create design templates“.
You choose an existing template and then click the “insert“.
Now you just need to edit the content accordingly. As for the API part of getresponse, if you have checked in the step above, you will see it automatically received in the left column and there is a list of contacts for you to choose from (in the picture below, I have not connected so you will not see) .
After editing, press the “publish“you will see the settings”Triggers“This is the condition for the popups to appear. Suppose you want it to appear 10 seconds after a reader reads the article, then turn on the button “On Page Load” and then enter 10 -> when done, press the button “Save & Close” to complete.
4. Should I use elementor pro or not?
According to An personally, you should use this tool, because it will save you a lot of time and money. It saves you the trouble of finding and installing individual plugins for the features you need most.
Not to mention installing too many plugins will make your website heavy, but you still have a lot of money to buy each plugin one by one.
Hopefully, this guide to using elementor pro from An will help you discover a web design tool that is both professional and beautiful and easy to use.
Are you using elementor pro? If so, please comment below to let An and everyone know!.