Webspace: WordPress Elementor
This guide was created with the following products:
(Details may vary with products from different providers but the main concepts remain the same)
Introduction
Elementor is a powerful and user-friendly page builder for WordPress that allows you to easily create professional websites without any coding knowledge.
Elementor is available in both free and paid versions. With the free version of Elementor (Elementor Core), you get everything you need to get started with your website. Elementor Pro adds to the free version of Elementor and offers additional functions and Pro widgets. You can find more information about the exact differences in the official documentation of Elementor.
Installation
The use and installation of Elementor requires that you already have WordPress installed and running on your webspace. If this is not yet the case, you will need to take this step first. If you don't know exactly how to do this, we recommend taking a look at our Install WordPress guide.
As soon as this step has been completed and WordPress is running, you can start installing Elementor. Elementor is installed on WordPress as a plugin. You can find out how to install plugins in WordPress in our WordPress Plugins guide.
Navigate to Plugins in WordPress, click on the Add new plugin button at the top of the page. In the next step, search for Elementor and click on install in the selection at Elementor Website Builder - More than just a page builder.
Configuration
Now that the installation is complete, you can continue with the configuration. In the next step, you should see the Elementor welcome window. Here you will be guided through the following steps: Creating an Elementor account, installing the “Hello” theme, selecting the desired functions and finally the final confirmation “Good to go”. Simply follow the instructions to fully set up Elementor.
The creation of an Elementor account is not absolutely necessary. Unless you plan to use Elementor Pro directly in advance. Afterwards, you can install the theme and add the additional features you need.
Get Started
You can now start designing your website with the help of Elementor. First of all, you should get an overview of exactly how to use Elementor. As well as which widgets are available, how to edit the design and layout, and how to create individual pages and templates.
Available Widgets
Both the free and paid versions of Elementor offer a variety of widgets that you can use to design and customize your website.
Basic Widgets
The free version of Elementor offers you a selection of widgets that you can use to design and customize your website without any additional costs:
- Inner Section, Heading, Image, Text Editor, Video, Button, Star Rating, Divider, Google Maps, Icon, Image Box, Icon Box, Basic Gallery, Image Carousel, Icon List, Counter, Spacer, Testimonial, Tabs, Accordion, Toggle, Social Icons, Progress Bar, Sound Cloud, Shortcode, HTML, Menu Anchor, Alert, Sidebar, Text Path, Container und Link in Bio.
Pro Widgets
Extend the design of your website even further with additional Pro widgets. The Elementor Pro version includes the following additional widgets:
- Posts, Share Buttons, Portfolio, Slides, Form, Login, Nav Menu, Animated Headline, Price Table, Price List, Gallery, Flip Box, Call to Action, Media Carousel, Testimonial Carousel, Nested Carousel, Loop Carousel, Table of Content, Countdown, Facebook Page, Blockquote, Template, Reviews, Facebook Button, Facebook Embed, Facebook Comments, PayPal Button, Lottie Widget, Code Highlight, Video Playlist, Hotspot, Progress Tracker, Stripe Button, Mega Menu, Off-Canvas
Design and Layout
Create Page
Create a new page and design it as you wish with Elementor. To do this, open Elementor via the sidebar and select "Create Page ”. The editor provides you with numerous widgets and configuration options with which you can flexibly customize the design and content.
Templates
Create templates for containers, pages or sections that you can use multiple times. The big advantage of this is that changes only have to be made in one place. All areas in which the template is used are updated automatically. This saves time and ensures a standardized design for your website.
Elementor documentation
This guide focuses exclusively on installation, configuration and the essential basics for using WordPress with the Elementor extension. For a more advanced introduction to the world of Elementor, we recommend checking out the official Elementor documentation and the Help Center.
More Elementor extensions
The offer of possibilities, whether through settings, themes or widgets, is limited to a certain extent depending on the version of Elementor - free or Pro. However, there are also plenty of third-party extensions that can significantly expand and improve your design options or even add new features. These extensions offer you even more flexibility to design your website exactly the way you want it.
| Extension | Usage |
|---|---|
| Ultimate Addons for Elementor | Free and paid version available |
| Master Addons for Elementor | Free and paid version available |
| Essential Addons for Elementor | Free and paid version available |
| Premium Addons for Elementor | Free and paid version available |
| Happy Addons for Elementor | Free and paid version available |
| ThePlus Addons | Free and paid version available |
| JetElements | Paid version |
Conclusion
Congratulations, assuming you have followed all the steps, you should have successfully installed and configured Elementor. For further questions or assistance, please don't hesitate to contact our support team, which is available daily to assist you! 🙂