When it comes to creating a good-looking page or website on WordPress, you need to make sure you have everything you need to accomplish it. Sure, the platform’s in-house page builder is always ready to assist you, but the problem is you can’t edit it as much as you’d like because of how bulky and out-of-the-place it is.
Third-party plugins for web design can be used to solve problems you might have with WordPress. One of the most popular is Elementor. Elementor is designed to make it easy to create websites. No coding required!
Are you a believer that Elementor is the right page builder? Or are you undecided? We’re digging deep into all it has to offer, in order to answer your questions.
Here’s a Pinky1472 video review for those who like a visual experience. To get a comprehensive overview of Elementor, you may still want to check out our article below.
Elementor in a Nutshell – What is It About? How To Update Old Elementor Hello Theme To The New Hello Theme
Elementor is a WordPress website builder plugin. It’s best known for its visual and intuitive drag-and-drop editor that allows you to use a wide range of design assets and blocks and see what your page will look like to visitors in real-time.
With an interface that’s more akin to that of popular website builders like Squarespace and Wix, Elementor lets you either opt for a ready-made professional template or create a good-looking WordPress website from the ground up. One good thing about this one-of-a-kind platform is that all the tools you need to build a website are within your reach – all without the added hassles of coding that may get in the way of enjoying it.
What does it have to offer?
Elementor is a WordPress plugin that lives up to its reputation. It offers a clean and simple interface that allows you to quickly navigate through all it has.
- Elementor offers a wider range of attractive and dynamic themes than the standard, plain themes that are often included with WordPress’ in-house themes.
- To edit your pages and posts, you have a completely separate interface that allows for interaction. There’s no single sign of bulkiness associated with WordPress’s similar editor – everything is built to be silky smooth on your end.
- You can keep your current theme, even if it’s from WordPress – Elementor can deal with all WordPress themes as long as they’re compatible with version 5.0 of the platform or higher. You can use the plugin to refine your dull-looking theme into a more eye-catching one.
- The front-end handles all editing of your pages and websites. This means you’ll be able to see your work immediately as your visitors or customers see it. This outstanding feature gives you a better understanding of which design element keeps them returning for more or otherwise.
Elementor as a whole makes it simple to create a stunning page. Its interface is designed to be so streamlined and filled to the brim with essential tools that even those who may need more expansive knowledge in web design can navigate through it with no problems. This, in turn, has solidified the website builder to be an ideal choice for folks lacking resources or working as a one- or three-man team.
Many similar web designer plugins may offer working individuals a pleasing drag-and-drop experience and a handful of useful tools. Still, not all of them can live up to Elementor’s standard. Elementor is a well-respected plugin that has been installed on more than 3 million WordPress accounts.
What is it that makes this web design platform unique? What else does it have that others usually don’t? We’ll find out soon as we take a more in-depth look at what Elementor has in store for us, starting with its illustrious list of features.
Meet Elementor’s Features
Completely-packed Template Library
If you’re completely new to web design or you have basic knowledge of it but don’t have enough time to commit to it, Elementor has got your back with its library of over 150 template options to choose from. They make site-building easy as they turn your ideas into products that will grab attention.
The platform’s templates are classified into two categories:
- Pages – Full-length templates which require very little customization
- Blocks – templates for individual and specific parts of a page – examples of which include FAQs, pricing tables, portfolios, etc.
You can find templates from other sources than Elementor’s own and then import them into the platform via the My Templates tab.
Huge Selection of Widgets
It’s not just the vast range of templates that Elementor is lucky to be packed with. The plugin is also rich in widget choices. Widgets can be smaller and more contained elements, which house a variety of content.
There are 60+ widgets that you can use to get a lot of information about how your website should look and the flexibility you have in doing so. Some of those include text-related elements such as headings and the inner section, media files like images and videos, buttons, icons, and website sidebars. Elementor also offers testimonials, star ratings and gallery widgets as well as map widgets powered Google Maps.
You may add as many as you want to your page. As with the templates, you may also opt to import those from third-party sources to further expand your selection.
Convenient Drag-and-drop Editing
If there’s one thing that Elementor is most prominent for, it has to be its highly convenient user experience. It has been best-known for its drag-and-drop capabilities, allowing users to build and edit pages as freely as possible. Drag the widget you prefer from the left sidebar and drop it in your workspace. Similarly, you may tweak some adjustments between the page’s elements by dragging it to a different location.
Elementor also offers right-click support, which allows users to make minor edits without having to look at the sidebar. This is something that a few WordPress web design plugins don’t offer.
Included is a Navigation view section that gives you a comprehensive list of content arranged accordingly to Elementor’s page structure – we’ll discuss that later on in full detail.
The editing interface also includes a Finder tool that will help you navigate quickly between pages and content elements.
Fine-tuned Control over Your Elements
For a basic WordPress page-building plugin, Elementor is surely stuffed with many design options that anyone can enjoy hassle-free. It knows that the finest of details matter when it comes to creating an eye-catching website, so it allows you the liberty to edit and fix every single design element in whatever you’re building.
You can amend some necessary adjustments to your site’s content blocks, widgets, images, and text. You can also modify the font, size, and color of text content and headings.
These are just a few of the basic editing options you have in Elementor. The plugin also has more advanced options to let you tweak specific adjustments to your content elements. Widget positioning within columns, setting exact margins and padding in numbers, animation effects, and custom CSS settings are part of the plugin’s line of next-level customization options.
Options for Your Mobile-friendly Page
All of Elementor’s templates are mobile-friendly by default, but you may be wondering if you could make some changes to match how you want it to look. The platform allows you to customize your website to look better on tablets and smartphones, just like everything else.
Just click the Switch view icon along the sidebar, and you’ll be greeted with three viewing options, each for the desktop, tablet, and mobile phone. If you want to omit a widget or limit whatever you want your clients/customers to see, you may choose any of the three and edit right away.
A Chance to Look Back at the Changes You’ve Made
Sometimes, a few ‘undos’ actions are not enough to correct a major design error. Similar situations could have occurred if you tried to edit on any other design platform.
That’s where Elementor’s Revision History feature comes in handy. You can easily revert to previous pages without losing any design elements.
The Pricing
The Elementor plugin is offered completely for free, letting you take full advantage of all its core web design features and elements needed to create a good-looking site or page. Elementor Pro has many more upgrades and additions than the previous version. You might be interested in one.
Elementor Pro will allow you to explore a wider range of themes, templates and design blocks, as well as custom CSS and advanced programming capabilities. You can also create forms and pop-ups in the platform’s editing interface, integrate with WooCommerce, and use the theme builder.
Elementor Pro has four main subscription plans, each designed for various individuals and/or groups. It also includes a special website builder and hosting plan for next-level site management. All tiers are paid annually and share the same premium features; the only two factors that set each other apart are the number of website activations and customer support response time.
Elementor Pro Plans
- Essential Plan – $49/year, 1 pro website activation, 24/7 customer support
- Expert Plan – $199/year, 25 pro website activations, 24/7 customer support
- Studio Plan – $299 for the first year, and then $499/year thereafter; 100 pro websites activated, VIP customer support in less than 30 minutes
- Agency Plan – $999/year. 1000 Pro Website Activations. VIP Customer Support in Less Than 30 Minutes.
Elementor Cloud Website Building + Hosting is $99 per year. It gives you the same features you can expect from any Elementor Pro plan but includes stunning hosting and CMS capabilities. It offers a wide range of templates and design assets. Your website is protected by Google Cloud Platform integration, SSL and robust website management.
Elementor Free vs. Elementor Pro
The tricky part is: Do you feel the free WordPress plugin version is still appropriate for you, or do the Pro versions have such an advantage that you want to give it a try instead?
The free plugin version is a good option if you don’t want to add any extra features to your website or landing page. Elementor Free has many features that are already impressive in retrospect. Its core tools are just as dynamic as those of other web design platforms, which offer the same level or more delivery. It is so dynamic that business teams can use the free version. How To Update Old Elementor Hello Theme To The New Hello Theme
With Elementor Free, you can:
- Optimize your website and pages for mobile viewing.
- Check out the version history of your website.
- Make use of fully customizable themes as well as built-in pre-made templates
- Add or edit out website blocks however you need them.
If the ability to build and license more than one website is what you’re looking for, Elementor Pro may be a more logical option. It offers a lot more value than the free version. What we mean by it is you have more options to explore and more features to give you the extra edge. These include:
- A growing list of more than 300 themes and over 100+ premium block templates.
- Global widgets that allow you to use and edit the same widget across multiple pages without having to edit it individually;
- A front-end form builder and a pop-up editor if you want more ways to attract potential customers;
- Integrations with WooCommerce are available, with templates blocks and widgets to help you create an online storefront.
- The ability to create your personalized theme from scratch through its Theme Builder feature. How To Update Old Elementor Hello Theme To The New Hello Theme
Elementor Pro should not be considered the only way to grow the WordPress plugin if you don’t want to license multiple websites. Elementor Free, as mentioned above, is sustainable enough for most users. However, there are many flexible themes and templates that can be integrated into Elementor. Astra is a notable example.
Elementor: How does it work?
First, install the Elementor plugin and activate it in WordPress. After you have installed the plugin, you will see a settings panel. You can modify any content while editing. You can also go to WordPress’s pages section.
You will see the Edit with Elementor link located along the bar above your canvas. You will be immediately redirected to the builder interface as you click the button. The image below perfectly illustrates what it looks like. How To Update Old Elementor Hello Theme To The New Hello Theme
Based on the image, here are some things you should know as you explore this interface.
- The canvas or workroom. It’s a huge part of the interface that takes up most of the screen.
- The widgets area. It is located on the left side, next to the canvas. It contains lots of content as well as design elements that can be used.
- Settings. Symbolized by three small horizontal lines, it is where you get to access a wide range of colors, fonts, and other design assets.
- The Open Elementor Widgets button. Essentially considered a form of the menu button, it allows you to return to the widgets list – nine little squares represent this.
- The Global Settings button. This button is represented by the cogwheel icon. It takes you to more advanced settings.
- The Revision History button. It is displayed as a clock icon and allows you to view the history of pages or websites in your past versions.
- Switch to another view You can convert your desktop page to tablet-friendly or mobile-friendly versions by clicking the small monitor icon. This icon can be used to edit the content you wish your customers to see on their smartphones.
- Preview your changes. Click the small eye icon to see all the changes to your page.
- The Publish/Update button. When the shaped button turns green, you are ready to publish. It’s gray if your page is being updated. This time, unlike green, you cannot click it. How To Update Old Elementor Hello Theme To The New Hello Theme
Structure Hierarchy
Before you can begin building, it is important to understand the structure hierarchy Elementor uses. This similar structure has been used by many web designers, including those who are more experienced in website design.
Elementor’s primary goal is to create pages. A page is a collection of sections and columns.
On the one hand, a section is a row that you can customize with plenty of design elements, such as background, colors, sizing, and more.
On the other hand, the columns are located within a specific section. These are the places where widgets and content elements are located. Each widget can be customized and sized separately.
This is Elementor’s hierarchy structure.
Page > Section > Column > Widget/Content element
Designing a page
Let’s create a page now that we have an understanding of the skeletal structure. Click the Edit with Elementor link in WordPress’ page design interface. Soon you’ll see a plus (+), highlighted in red violet. Click on it to add a section. How To Update Old Elementor Hello Theme To The New Hello Theme
The next thing you must do is select the structure of your section. You can choose to have one column or several columns depending on the type of content that you want. You can then populate the columns with content elements. Drag any widget from the interface’s widget section and drop it onto those columns, whether it is a heading or an images. These widgets can be rearranged and rearranged within the page.
Now is the time for fine tuning the details and making the page more attractive. You can explore three main editing tabs: Style, Content, and Advanced.
It is easier to design a pre-existing theme page than it is to create one from scratch. Most of the time, you would only need to make slight adjustments in between sections, columns, or even widgets – unless you need to add a new design element. Elementor’s drag and drop functions make it much easier to refine some changes than coding.
The disadvantages: What else is missing?
Don’t get us wrong – based on what we’ve shown you so far, Elementor is surely poised to be among the very best WordPress web design plugins out there. However, nothing in this world is always perfect. There are many things we love about the world, but there are some things you might find annoying.
- The editing interface can be a bit buggy on some occasions. It’s speedy, swift, and ultimately convenient, but it does so well, too fast to the point where it freezes altogether. With that in mind, you might need to refresh and reopen it to get it back on track.
- Although most of Elementor’s features can be used for free, some may find them to be essential, but they are only available in Elementor Pro. This may prove frustrating for some. You can’t set sitewide styles with the free version. Instead, you are limited to only a few pages at a time. How To Update Old Elementor Hello Theme To The New Hello Theme
- You may find that some editing adjustments don’t work as you expect. You may find that the default font and typography of certain links is what you have chosen, even if you add your own styling. You may also have trouble finding the margin value if the alignment of your design elements is not correct.
Who Should Use Elementor?
Elementor has a wealth of expert-level features and tools. The free version includes these, as well as additional useful upgrades for any Elementor Pro plan. Furthermore, most users will likely find it easier to grasp than other WordPress web design plugins.
With that being said, it’s no wonder why many individuals like Elementor as a whole – it’s both a popular DIY solution for folks who may not have on-hand expertise with web design and a quick, feature-rich platform for a wide range of businesses.
However, there are some specific users we have in mind that will find Elementor to be a more suited choice. These include:
- Casual internet users. Bloggers and hobby website runners, in particular, will enjoy the wide, customizable benefits gladly offered by Elementor.
- Digital marketing professionals. Elementor features can be used for design purposes, but they are also marketing-ready. This includes seamless integrations with thousands of platforms via Zapier and pop-up and online commerce widgets.
- Site builders. If creating websites for a handful of clients is your day job, then Elementor is a great stepping stone to get you to where you want to be. How To Update Old Elementor Hello Theme To The New Hello Theme
Alternatives to Elementor
Elementor may have some advantages over other web design plugins, but that doesn’t make it the best choice.
There are plenty of nice web design plugins for WordPress that deliver close to the same level as Elementor, with some that may offer only a few. WordPress’s web design features are not for everyone. We all know this. That’s why plugins were created.
Right now, there are two other leading WordPress web builder plugins out there that are on the same par as Elementor in terms of features: the Divi builder by Elegant Themes and Beaver Builder. Divi, one on hand, offers the same feature-rich range as Elementor and has the same ability to edit your website from a front-end interface as your clients see it. However, despite giving off a very similar edge, it somehow doesn’t include a free option. Beaver Builder is a more straightforward plugin than the others, but it packs as many design tools as you need into one platform. These are already enough to create an attractive website.
Other noteworthy web design plugin alternatives to Elementor include SeedProd and the SiteOrigin Page Builder.
Final Verdict: Is Elementor Worth Trying?
Answering the question is yes. If you’re searching for a top-notch drag-and-drop page-building instrument for WordPress that’s stuffed with professional-grade design tools and features, with most of those core features offered for free, look no further than Elementor. How To Update Old Elementor Hello Theme To The New Hello Theme
There’s no question as to why people keep coming back to this impressive plugin to create pages and websites. We believe that Elementor stands out from most web design plugins because it allows individuals of all skill levels to build whatever they wish with no major obstacles in the way. Unlike others, it doesn’t force you to upgrade to a higher plan or a paid license, ensuring there’s enough space for everyone.
Before we let you explore Elementor, here’s some advice: If your job involves creating websites for clients or running multiple websites, we recommend that you use Elementor Pro. The free plugin for WordPress will still work fine.
FAQ How To Update Old Elementor Hello Theme To The New Hello Theme
Can I export or upload my templates to Elementor
Yes, Elementor can import your templates. You can create a new template using the Theme Builder. Additionally, you can import your personal themes to the website builder via the Templates tab.
In a similar function, you can export your templates to be used on other WordPress sites – a handy function if you work for multiple clients as a website-building professional.
What pages can I make with Elementor?
Elementor allows you to create landing pages, homepages, landing page, landing pages and about pages.
Elementor Pro subscribers can create websites, and even online shops.
Does Elementor slow down my website?
Elementor won’t slow down your website to the point where it will take as many seconds as possible to load. However, a website that was built using this plugin may be two seconds slower than the one made from WordPress’s built-in website builder. Both are still faster than the Beaver Builder version.
The reason why WordPress websites that are made using plugins take longer may derive from multiple factors: poor hosting, large media files, slow themes, and too many plugins at work.