Elementor: Page Builder for WordPress (Tutorial)

Language: German

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Want to create your own website? This tutorial explains step by step how to do this with the widely used Elementor plugin in WordPress. Whether image galleries, buttons or videos - trainer Tobias Becker shows you how to place and customize individual elements. Get to know the possibilities of the Elementor page builder in over 9 hours and create fantastic websites!

Step by step: How to create your own web pages with the Elementor page builder
Easy to get started: Learn how to prepare WordPress, the Elementor plugin and your domain
Practical examples: See what you can achieve with the Free and Pro versions of Elementor
Comprehensively explained: over 9-hour tutorial by trainer Tobias Becker

From a blank page to your own website: How to proceed - what tools Elementor offers you - start the tutorial and let us know!

Details

Usable with:
content: 9 h Video training
Licence: private and commercial Rights of use

Examples of use

Open gallery

Learn how to create your own WordPress websites with Elementor.

Introduction

Elementor for WordPress: 1.1 | Introduction

In this video, I'll give you a very brief introduction to this WordPress Elementor video course.

free of charge

Elementor for WordPress: 1.2 | What is WordPress?

In this video, I explain in detail what WordPress is.

WordPress Basics: Hosting & Domain

Elementor for WordPress: 2.1 | Which hosting providers are available?

In this video, I explain which hosting providers are available.

Elementor for WordPress: 2.2 | Domain check: Which domain do I want?

In this video we do a short domain check.

Elementor for WordPress: 2.3 | Secure hosting and domain

In this video we secure hosting.

Elementor for WordPress: 2.4 | Install WordPress

In this video we install WordPress.

Elementor for WordPress: 2.5 | Don't forget your SSL certificate!

In this video I show you how to add an SSL certificate.

WordPress Basics: The First Entry

Elementor for WordPress: 3.1 | Definition for WordPress

In this video you will find an explanation of WordPress.

Elementor for WordPress: 3.2 | Your first WordPress login

In this video, we discuss your first WordPress login.

Elementor for WordPress: 3.3 | SeedPro plugin, so as not to be disturbed while working

In this video I show you the SeedPro plugin.

Elementor for WordPress: 3.4 | Alternative without plugin

In this video I show you an alternative without a plugin.

Elementor for WordPress: 3.5 | Create your first page and turn it into a homepage

In this video, I'll show you how to create your first page.

Elementor for WordPress: 3.6 | Create imprint

In this video, we explain how to create an imprint.

Elementor for WordPress: 3.7 | Create privacy policy

In this video, I show you how to create a privacy policy.

Elementor for WordPress: 3.8 | Set up cookie banner

In this video I show you how to set up a cookie banner.

Elementor - On your marks, get set, go!

free of charge

Elementor for WordPress: 4.1 | What is Elementor?

In this video, I explain what Elementor is.

Elementor for WordPress: 4.2 | What can Elementor do?

In this video, we explain what Elementor can do.

Elementor for WordPress: 4.3 | Explanation of terms for Elementor

In this video you will find an explanation of Elementor.

Elementor: Overview

Elementor for WordPress: 5.1 | Pro vs Free Elementor

In this video we compare Elementor Pro with the free version.

Elementor for WordPress: 5.2 | Themes - an overview

In this video I give you an overview of the themes.

Elementor for WordPress: 5.3 | Install OceanWP Theme

Elementor for WordPress: 5.3 | Install the OceanWP theme

In this video we install the OceanWP theme.

WordPress plugins

Elementor for WordPress: 6.1 | Plugins - an overview

In this video I give you an overview of the plugins.

Elementor for WordPress: 6.2 | Install and activate Elementor

In this video we install Elementor.

Elementor for WordPress: 6.3 | Install additional plugins (Envato Elements, Ocean Extra)

In this video we install additional plugins.

Elementor for WordPress: 6.4 | Alternative Starter Templates

In this video I show you a simple alternative.

Preparation for Elementor

Elementor for WordPress: 7.1 | Prepare and set up pages with OceanWP

In this video we prepare our pages.

Elementor for WordPress: 7.2 | Elementor - the page structure at a glance

In this video I show you an overview of the page structure.

The Elementor Basics.

Elementor for WordPress: 8.1 | The tabs explain Content, Style and Advanced

Elementor for WordPress: 8.1 | The tabs explained: Content, Style and Advanced

In this video we talk about the different riders.

Elementor for WordPress: 8.2 | Enable editing icons

In this video, we activate the editing icon.

Elementor for WordPress: 8.3 | Preview with Elementor

In this video I show you the preview.

Elementor for WordPress: 8.4 | General settings

In this video we make general settings.

Settings while editing

Elementor for WordPress: 9.1 | Column settings

In this video we talk about the column settings.

Elementor for WordPress: 9.2 | Ways to edit faster

In this video, we talk about one way to work faster.

Basic settings

Elementor for WordPress: 10.1 | Global colors

In this video I show you how to work with global colors.

Elementor for WordPress: 10.2 | Typography settings

In this video I show you the typography settings.

Elementor for WordPress: 10.3 | Button settings

In this video we discuss the button settings.

Toolbar

Elementor for WordPress: 11.1 | Navigator

In this video I show you the Navigator.

Elementor for WordPress: 11.2 | History and revision

In this video we discuss the process and the revision.

Template library

Elementor for WordPress: 12.1 | Connect with the template library (Library)

In this video we connect to the template library.

Elementor for WordPress: 12.2 | The template library at a glance

This video provides an overview of the template library.

Advanced settings

Elementor for WordPress: 13.1 | Advanced

In this video we discuss the advanced settings.

Elementor for WordPress: 13.2 | Motion effects

In this video I show you the movement effect.

Elementor for WordPress: 13.3 | Background

In this video we discuss the background.

Elementor for WordPress: 13.4 | Frame

In this video we discuss the framework.

Elementor for WordPress: 13.5 | Masking

In this video we discuss masking.

Elementor for WordPress: 13.6 | Positioning

In this video we discuss positioning.

Basic elements

Elementor for WordPress: 14.1 | Inner section

In this video we discuss the inner section.

Elementor for WordPress: 14.2 | Headings

In this video we discuss the headings.

Elementor for WordPress: 14.3 | Images

In this video we discuss the pictures.

Elementor for WordPress: 14.4 | Text editor

In this video we discuss the text editor.

Elementor for WordPress: 14.5 | Video

In this video we discuss the videos.

Elementor for WordPress: 14.6 | Button

In this video we discuss the button.

Elementor for WordPress: 14.7 | Separator

In this video we discuss the separator.

Elementor for WordPress: 14.8 | Distance

In this video we discuss the distance.

Elementor for WordPress: 14.9 | Google Maps link

In this video we discuss the Google Maps link.

Elementor for WordPress: 14.10 | Icon

In this video we discuss the icon.

Advanced elements

Elementor for WordPress: 15.1 | Image box

In this video we discuss the picture box.

Elementor for WordPress: 15.2 | Icon-Box

In this video we discuss the icon box.

Elementor for WordPress: 15.3 | star rating

In this video we discuss the star rating.

Elementor for WordPress: 15.4 | Image Karusell

Elementor for WordPress: 15.4 | Image Carousel

In this video we discuss the image carousel.

Elementor for WordPress: 15.5 | Image gallery

In this video we discuss the picture gallery.

Elementor for WordPress: 15.6 | Icon list

In this video we discuss the icon list.

Elementor for WordPress: 15.7 | Counter

In this video we discuss the meters.

Elementor for WordPress: 15.8 | Progress bar

In this video we discuss the progress bars.

Elementor for WordPress: 15.9 | Recommendation

In this video we discuss the recommendation.

Elementor for WordPress: 15.10 | Tabs

In this video we discuss the tabs.

Elementor for WordPress: 15.11 | Accordion

In this video we discuss the accordion.

Elementor for WordPress: 15.12 | Switcher

In this video we discuss the switch.

Elementor for WordPress: 15.13 | Social Network Icons

In this video we discuss the social network icons.

Advanced elements

Elementor for WordPress: 16.1 | Warning

In this video we discuss the warning.

Elementor for WordPress: 16.2 | SoundCloud

In this video we discuss SoundCloud.

Elementor for WordPress: 16.3 | Shortcode and HTML

In this video we discuss the shortcode.

Elementor for WordPress: 16.4 | Menu Anchor

In this video we discuss the menu anchor.

Elementor for WordPress: 16.5 | Sidebar

In this video we discuss the sidebar.

Website with Elementor Free

Elementor for WordPress: 17 | Elementor website with the free version

In this video we build an Elementor website with the free version.

Contact form

Elementor for WordPress: 18.1 | Create contact form

In this video we create a contact form.

Elementor for WordPress: 18.2 | Legally secure contact form

In this video, we provide legal protection for the contact form.

Settings with the Elementor Pro version

Elementor for WordPress: 19.1 | Install Elementor Pro

In this video we install the Elementor Pro version.

Elementor for WordPress: 19.2 | Elementor Pro: Overview

In this video I give you an overview of the Pro version.

Elementor for WordPress: 19.3 | Dynamic Atrributes

In this video we discuss the dynamic attributes.

Elementor for WordPress: 19.4 | Website elements

In this video we discuss the website elements.

Pro elements

Elementor for WordPress: 20.1 | Posts

In this video we discuss the posts.

Elementor for WordPress: 20.2 | Gallery

In this video we discuss the gallery.

Elementor for WordPress: 20.3 | Form

In this video we discuss the form.

Elementor for WordPress: 20.4 | Multistep form

In this video we discuss the multistep form.

Elementor for WordPress: 20.5 | Login

In this video we discuss the login.

Elementor for WordPress: 20.6 | Slides

In this video we discuss the slides.

Elementor for WordPress: 20.7 | Animated headline

In this video we discuss the animated headline.

Elementor for WordPress: 20.8 | Price List

In this video we discuss the price list.

Elementor for WordPress: 20.9 | Price Table

In this video we discuss the price table.

Elementor for WordPress: 20.10 | Flip Box

In this video we discuss the Flip Box.

Elementor for WordPress: 20.11 | Call to Action

In this video we discuss the call to action.

Elementor for WordPress: 20.12 | Media Carousel

In this video we discuss the media carousel.

Elementor for WordPress: 20.13 | Testimonial Carousel

In this video, we discuss the testimonial carousel.

Elementor for WordPress: 20.14 | Reviews

In this video we discuss the reviews.

Elementor for WordPress: 20.15 | Share button

In this video we discuss the share button.

Elementor for WordPress: 20.16 | Blockquote

In this video we discuss the blockquote.

Elementor for WordPress: 20.17 | Lottie

In this video we discuss Lottie.

Elementor for WordPress: 20.18 | Facebook Button, Comments, Embed and Pages

In this video we discuss the Facebook elements.

Elementor for WordPress: 20.19 | PayPal button

In this video we discuss the Paypal button.

Elementor for WordPress: 20.20 | Video-Playlist

In this video we discuss the video playlist.

Website with Elementor Pro

Elementor for WordPress: 21 | Elementor website with Pro version

Elementor for WordPress: 21 | Elementor website with the Pro version

In this video, we create a WordPress website with the Elementor Pro version.

You still have to know that!

Elementor for WordPress: 22.1 | Create your website's menu

In this video we create the menu for your website.

Elementor for WordPress: 22.2 | Format the header of your website

In this video we create the header of your website.

Elementor for WordPress: 22.3 | Format your website's menu

In this video we format the menu of your website.

It doesn't work without this information.

Elementor for WordPress: 23.1 | Footer of your website with Envato Elements

In this video we create the footer of your website.

Elementor for WordPress: 23.2 | Integrate imprint and data protection and make them accessible

In this video, we integrate the legal notice and privacy policy into the menu.

Elementor for WordPress: 23.3 | Templates Save templates in Elementor

Elementor for WordPress: 23.3 | Save templates in Elementor

In this video we save your website as a template.

Elementor for WordPress: 23.4 | Save entire page in Elementor

In this video we save your entire website.

Elementor for WordPress: 23.5 | Imprint obligation

In this video you will find some information about the imprint obligation.

Conclusion

Elementor for WordPress: 24 | Completion

In this last lesson, I would like to say goodbye to you.

Details of the content

A good combination for your own website - with WordPress and Elementor
Want to start your first website project? Try out an alternative to pure WordPress? Or are you dissatisfied with your current WordPress site? Then take a look at what Elementor can do!
Your trainer Tobias Becker will introduce you to the popular page builder in detail in over 9 comprehensive hours. This will save you time when getting started with and switching to Elementor - and you can start creating your website right away!

What is Elementor?

Elementor is an established frontend editor that visualizes the result of your edits directly. In Elementor, you work with sections, rows and columns. You can drag and drop the modules you want, such as images, videos, galleries, texts and contact forms, into these sections. You can fill and customize the individual modules with your own content. This way, you can create your own website in no time at all.

All important modules of the Free and Pro versions explained

Images, headlines, text, videos, icons, buttons ... Even the free version of Elementor offers numerous modules that you can use to place prepared elements on your website. The paid Pro version adds further modules such as galleries, slides, animated headings and price lists.

In the tutorial , you will get to know all the important modules of the free and Pro versions of Elementor. Take a look at what is possible with the help of your trainer - and then decide whether you need the Pro version or not.

A tutorial for WordPress newbies and experts

The tutorial is suitable for both WordPress experts and WordPress newcomers. The former can get an overview of the options offered by Elementor in the free and paid Pro versions. For others, the tutorial provides practical instructions that cover everything from installing WordPress and Elementor to setting up a domain and creating a finished website.

So feel free to use the tutorial to familiarize yourself with individual Elementor modules . Or use it as a step-by-step guide that will take you from an empty website to a presentable one.