Language: German

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

Web design, CMS & development · 111 Videos · 9.5 h Video training · German

by Tobias Becker

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!

content

111 Videos, 567 minutes

Introduction

2 Videos · 9 minutes

01 Open

Elementor for WordPress: 1.1 | Introduction

2 min

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

14 MB To the text tutorial: Elementor for WordPress - Getting started with creative web design

02 Open free of charge

Elementor for WordPress: 1.2 | What is WordPress?

7 min

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

44 MB To the text tutorial: Wordpress: Flexible CMS for your website

WordPress Basics: Hosting & Domain

5 Videos · 23 minutes

03 Open

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

5 min

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

39 MB To the text tutorial: Optimal selection of a hosting provider for WordPress

04 Open

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

4 min

In this video we do a short domain check.

20 MB To the text tutorial: Domain check for Elementor: How to find the right domain

05 Open

Elementor for WordPress: 2.3 | Secure hosting and domain

6 min

In this video we secure hosting.

27 MB To the text tutorial: Secure domain and hosting with World4You

06 Open

Elementor for WordPress: 2.4 | Install WordPress

4 min

In this video we install WordPress.

16 MB To the text tutorial: WordPress installation with Easy Install

07 Open

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

4 min

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

15 MB To the text tutorial: Set up an SSL certificate for your WordPress site

WordPress basics: The first introduction

8 Videos · 45 minutes

08 Open

Elementor for WordPress: 3.1 | Definition for WordPress

6 min

In this video you will find an explanation of WordPress.

74 MB To the text tutorial: Basic concepts of WordPress for Elementor

09 Open

Elementor for WordPress: 3.2 | Your first WordPress login

4 min

In this video, we discuss your first WordPress login.

10 MB To the text tutorial: Login to your WordPress dashboard: Simple instructions

10 Open

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

10 min

In this video I show you the SeedPro plugin.

69 MB To the text tutorial: SeedPro Plugin: How to protect your WordPress site

11 Open

Elementor for WordPress: 3.4 | Alternative without plugin

2 min

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

5 MB To the text tutorial: Set up Coming Soon mode in WordPress without using a plugin

12 Open

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

5 min

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

20 MB To the text tutorial: Create a WordPress homepage with Elementor

13 Open

Elementor for WordPress: 3.6 | Create imprint

5 min

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

42 MB To the text tutorial: Create an imprint for your website

14 Open

Elementor for WordPress: 3.7 | Create privacy policy

6 min

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

125 MB To the text tutorial: Create privacy policy for WordPress easily

15 Open

Elementor for WordPress: 3.8 | Set up cookie banner

7 min

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

45 MB

Elementor – On your mark, get set, go

3 Videos · 12 minutes

16 Open free of charge

Elementor for WordPress: 4.1 | What is Elementor?

2 min

In this video, I explain what Elementor is.

29 MB To the text tutorial: Elementor for WordPress: Design simple websites

17 Open

Elementor for WordPress: 4.2 | What can Elementor do?

5 min

In this video, we explain what Elementor can do.

32 MB To the text tutorial: Elementor functions and options for WordPress pages

18 Open

Elementor for WordPress: 4.3 | Explanation of terms for Elementor

5 min

In this video you will find an explanation of Elementor.

32 MB To the text tutorial: Understanding Elementor terms: Guide

Elementor: Overview

3 Videos · 14 minutes

19 Open

Elementor for WordPress: 5.1 | Pro vs Free Elementor

6 min

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

35 MB To the text tutorial: Elementor Pro vs. Free: A detailed comparison

20 Open

Elementor for WordPress: 5.2 | Themes - an overview

6 min

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

65 MB To the text tutorial: Theme overview for your WordPress site

21 Open

Elementor for WordPress: 5.3 | Install the OceanWP theme

2 min

In this video we install the OceanWP theme.

17 MB To the text tutorial: Install and activate the OceanWP WordPress theme

WordPress plugins

4 Videos · 15 minutes

22 Open

Elementor for WordPress: 6.1 | Plugins - an overview

6 min

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

43 MB To the text tutorial: Using plugins effectively in WordPress

23 Open

Elementor for WordPress: 6.2 | Install and activate Elementor

3 min

In this video we install Elementor.

22 MB To the text tutorial: Install Elementor - Simple Guide for WordPress

24 Open

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

3 min

In this video we install additional plugins.

18 MB To the text tutorial: Install Elementor plugins: Envato Elements and Ocean Extra

25 Open

Elementor for WordPress: 6.4 | Alternative Starter Templates

3 min

In this video I show you a simple alternative.

21 MB To the text tutorial: Easily use creative templates for Elementor and Gutenberg

Preparation for Elementor

2 Videos · 14 minutes

26 Open

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

8 min

In this video we prepare our pages.

28 MB

27 Open

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

6 min

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

22 MB To the text tutorial: Designing an Elementor WordPress homepage - guide

The basics of Elementor

4 Videos · 11 minutes

28 Open

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

3 min

In this video we talk about the different riders.

10 MB To the text tutorial: Elementor for WordPress - Tabs Content, Style and Advanced

29 Open

Elementor for WordPress: 8.2 | Enable editing icons

3 min

In this video, we activate the editing icon.

8 MB To the text tutorial: Efficiently enable editing icons in Elementor

30 Open

Elementor for WordPress: 8.3 | Preview with Elementor

2 min

In this video I show you the preview.

5 MB To the text tutorial: Preview with Elementor: Get an overview of your website

31 Open

Elementor for WordPress: 8.4 | General settings

3 min

In this video we make general settings.

8 MB To the text tutorial: Elementor for WordPress: General Settings

Settings when editing

2 Videos · 7 minutes

32 Open

Elementor for WordPress: 9.1 | Column settings

4 min

In this video we talk about the column settings.

14 MB To the text tutorial: Design column settings in Elementor for WordPress

33 Open

Elementor for WordPress: 9.2 | Ways to edit faster

3 min

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

12 MB To the text tutorial: Faster processing with Elementor for WordPress

Basic settings

3 Videos · 13 minutes

34 Open

Elementor for WordPress: 10.1 | Global colors

4 min

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

11 MB To the text tutorial: Optimally utilize global colors in Elementor

35 Open

Elementor for WordPress: 10.2 | Typography settings

5 min

In this video I show you the typography settings.

12 MB To the text tutorial: Efficient typographic adjustments in Elementor

36 Open

Elementor for WordPress: 10.3 | Button settings

4 min

In this video we discuss the button settings.

11 MB To the text tutorial: Customize button individually in Elementor for WordPress

Tool bar

2 Videos · 6 minutes

37 Open

Elementor for WordPress: 11.1 | Navigator

3 min

In this video I show you the Navigator.

13 MB To the text tutorial: Use the Navigator in Elementor efficiently

38 Open

Elementor for WordPress: 11.2 | History and revision

3 min

In this video we discuss the process and the revision.

11 MB To the text tutorial: Make optimal use of Elementor history and revisions

Template library

2 Videos · 11 minutes

39 Open

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

4 min

In this video we connect to the template library.

22 MB To the text tutorial: Efficiently use the Elementor template library for WordPress

40 Open

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

7 min

This video provides an overview of the template library.

88 MB To the text tutorial: Elementor Template Library: How to Use It Effectively

Advanced settings

6 Videos · 28 minutes

41 Open

Elementor for WordPress: 13.1 | Advanced

5 min

In this video we discuss the advanced settings.

23 MB To the text tutorial: Utilize advanced settings effectively with Elementor for WordPress

42 Open

Elementor for WordPress: 13.2 | Motion effects

6 min

In this video I show you the movement effect.

47 MB To the text tutorial: Motion effects in Elementor for WordPress

43 Open

Elementor for WordPress: 13.3 | Background

5 min

In this video we discuss the background.

24 MB To the text tutorial: Creative background design in Elementor for websites

44 Open

Elementor for WordPress: 13.4 | Frame

4 min

In this video we discuss the framework.

17 MB To the text tutorial: Create and design frames in Elementor for WordPress

45 Open

Elementor for WordPress: 13.5 | Masking

5 min

In this video we discuss masking.

42 MB To the text tutorial: Masking in Elementor for WordPress

46 Open

Elementor for WordPress: 13.6 | Positioning

3 min

In this video we discuss positioning.

24 MB To the text tutorial: Optimal positioning of elements in Elementor

Basic elements

10 Videos · 79 minutes

47 Open

Elementor for WordPress: 14.1 | Inner section

13 min

In this video we discuss the inner section.

65 MB To the text tutorial: Elementor for WordPress: Inner Section easily explained

48 Open

Elementor for WordPress: 14.2 | Headings

8 min

In this video we discuss the headings.

28 MB To the text tutorial: Effective headline creation in Elementor for WordPress

49 Open

Elementor for WordPress: 14.3 | Images

10 min

In this video we discuss the pictures.

87 MB To the text tutorial: Elementor for WordPress: Inserting Images and Styling

50 Open

Elementor for WordPress: 14.4 | Text editor

6 min

In this video we discuss the text editor.

19 MB To the text tutorial: Optimize Text Editor in Elementor for WordPress

51 Open

Elementor for WordPress: 14.5 | Video

13 min

In this video we discuss the videos.

66 MB

52 Open

Elementor for WordPress: 14.6 | Button

10 min

In this video we discuss the button.

33 MB

53 Open

Elementor for WordPress: 14.7 | Separator

7 min

In this video we discuss the separator.

25 MB To the text tutorial: The effective use of the separator in Elementor

54 Open

Elementor for WordPress: 14.8 | Distance

2 min

In this video we discuss the distance.

5 MB To the text tutorial: Use optimal spacing in Elementor for WordPress

55 Open

Elementor for WordPress: 14.9 | Google Maps link

5 min

In this video we discuss the Google Maps link.

31 MB To the text tutorial: Inserting and Adjusting Google Maps in Elementor – A Guide

56 Open

Elementor for WordPress: 14.10 | Icon

5 min

In this video we discuss the icon.

17 MB To the text tutorial: Icons in Elementor - How to optimize them

Further elements

13 Videos · 64 minutes

57 Open

Elementor for WordPress: 15.1 | Image box

8 min

In this video we discuss the picture box.

30 MB To the text tutorial: Design images box creatively in Elementor

58 Open

Elementor for WordPress: 15.2 | Icon-Box

3 min

In this video we discuss the icon box.

11 MB To the text tutorial: Efficient use of the icon box in Elementor

59 Open

Elementor for WordPress: 15.3 | star rating

5 min

In this video we discuss the star rating.

18 MB To the text tutorial: Optimal star rating in Elementor for WordPress

60 Open

Elementor for WordPress: 15.4 | Image Carousel

8 min

In this video we discuss the image carousel.

49 MB

61 Open

Elementor for WordPress: 15.5 | Image gallery

5 min

In this video we discuss the picture gallery.

50 MB To the text tutorial: Effectively Creating an Image Gallery in Elementor

62 Open

Elementor for WordPress: 15.6 | Icon list

5 min

In this video we discuss the icon list.

17 MB To the text tutorial: Create an icon list in Elementor - simple guide

63 Open

Elementor for WordPress: 15.7 | Counter

6 min

In this video we discuss the meters.

24 MB To the text tutorial: Optimizing counters in Elementor for WordPress efficiently

64 Open

Elementor for WordPress: 15.8 | Progress bar

3 min

In this video we discuss the progress bars.

9 MB To the text tutorial: Create and customize progress bar in Elementor

65 Open

Elementor for WordPress: 15.9 | Recommendation

4 min

In this video we discuss the recommendation.

16 MB To the text tutorial: Design testimonials with Elementor

66 Open

Elementor for WordPress: 15.10 | Tabs

4 min

In this video we discuss the tabs.

18 MB To the text tutorial: Tabs in Elementor for WordPress

67 Open

Elementor for WordPress: 15.11 | Accordion

5 min

In this video we discuss the accordion.

19 MB To the text tutorial: Use accordion with Elementor effectively for WordPress

68 Open

Elementor for WordPress: 15.12 | Switcher

2 min

In this video we discuss the switch.

8 MB To the text tutorial: Elementor Switch - How to use it effectively

69 Open

Elementor for WordPress: 15.13 | Social Network Icons

6 min

In this video we discuss the social network icons.

22 MB To the text tutorial: Successfully integrating social network icons in Elementor

Advanced elements

5 Videos · 15 minutes

70 Open

Elementor for WordPress: 16.1 | Warning

4 min

In this video we discuss the warning.

12 MB To the text tutorial: Using the warning widget for WordPress with Elementor

71 Open

Elementor for WordPress: 16.2 | SoundCloud

3 min

In this video we discuss SoundCloud.

14 MB To the text tutorial: Successfully embedding SoundCloud in Elementor

72 Open

Elementor for WordPress: 16.3 | Shortcode and HTML

1 min

In this video we discuss the shortcode.

3 MB To the text tutorial: Use shortcodes and HTML in Elementor - quick and easy

73 Open

Elementor for WordPress: 16.4 | Menu Anchor

4 min

In this video we discuss the menu anchor.

20 MB To the text tutorial: Menu anchor in Elementor: Instructions

74 Open

Elementor for WordPress: 16.5 | Sidebar

3 min

In this video we discuss the sidebar.

11 MB To the text tutorial: Sidebar in Elementor - This is how you set it up effectively

Website with Elementor Free

1 Video · 26 minutes

75 Open

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

26 min

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

171 MB

Contact form

2 Videos · 11 minutes

76 Open

Elementor for WordPress: 18.1 | Create contact form

7 min

In this video we create a contact form.

35 MB

77 Open

Elementor for WordPress: 18.2 | Legally secure contact form

4 min

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

18 MB To the text tutorial: Securing the contact form in WordPress

Settings with the Elementor Pro version

4 Videos · 21 minutes

78 Open

Elementor for WordPress: 19.1 | Install Elementor Pro

7 min

In this video we install the Elementor Pro version.

30 MB To the text tutorial: Elementor Pro for WordPress: This is how you install it correctly

79 Open

Elementor for WordPress: 19.2 | Elementor Pro: Overview

2 min

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

9 MB To the text tutorial: Elementor Pro: Maximum design options

80 Open

Elementor for WordPress: 19.3 | Dynamic Atrributes

6 min

In this video we discuss the dynamic attributes.

17 MB To the text tutorial: Dynamic attributes in Elementor Pro

81 Open

Elementor for WordPress: 19.4 | Website elements

6 min

In this video we discuss the website elements.

20 MB To the text tutorial: Elementor Pro: Effectively Designing Website Elements

Pro-elements

20 Videos · 101 minutes

82 Open

Elementor for WordPress: 20.1 | Posts

9 min

In this video we discuss the posts.

38 MB To the text tutorial: Successfully creating posts on WordPress with Elementor

83 Open

Elementor for WordPress: 20.2 | Gallery

7 min

In this video we discuss the gallery.

73 MB

84 Open

Elementor for WordPress: 20.3 | Form

10 min

In this video we discuss the form.

27 MB To the text tutorial: Form creation with Elementor for WordPress

85 Open

Elementor for WordPress: 20.4 | Multistep form

5 min

In this video we discuss the multistep form.

15 MB To the text tutorial: Create a multistep form with Elementor

86 Open

Elementor for WordPress: 20.5 | Login

2 min

In this video we discuss the login.

4 MB To the text tutorial: Login for Elementor Pro in WordPress - Simple Guide

87 Open

Elementor for WordPress: 20.6 | Slides

7 min

In this video we discuss the slides.

27 MB To the text tutorial: Creation of slides in Elementor for WordPress

88 Open

Elementor for WordPress: 20.7 | Animated headline

5 min

In this video we discuss the animated headline.

15 MB To the text tutorial: Create animated headline easily in Elementor

89 Open

Elementor for WordPress: 20.8 | Price List

5 min

In this video we discuss the price list.

21 MB To the text tutorial: Price list design made easy with Elementor

90 Open

Elementor for WordPress: 20.9 | Price Table

7 min

In this video we discuss the price table.

23 MB To the text tutorial: Pricing for Elementor - Step-by-Step Guide

91 Open

Elementor for WordPress: 20.10 | Flip Box

4 min

In this video we discuss the Flip Box.

19 MB To the text tutorial: Flip Box in Elementor for WordPress - A comprehensive guide

92 Open

Elementor for WordPress: 20.11 | Call to Action

4 min

In this video we discuss the call to action.

17 MB To the text tutorial: Designing an effective Call to Action in Elementor

93 Open

Elementor for WordPress: 20.12 | Media Carousel

6 min

In this video we discuss the media carousel.

49 MB To the text tutorial: Designing a media carousel - Easy in Elementor

94 Open

Elementor for WordPress: 20.13 | Testimonial Carousel

4 min

In this video, we discuss the testimonial carousel.

15 MB To the text tutorial: Effective testimonial carousel for WordPress with Elementor

95 Open

Elementor for WordPress: 20.14 | Reviews

3 min

In this video we discuss the reviews.

9 MB To the text tutorial: Reviews with Elementor: How to Use the Reviews Widget

96 Open

Elementor for WordPress: 20.15 | Share button

4 min

In this video we discuss the share button.

11 MB To the text tutorial: Share Button in Elementor: Easy Steps for Customization

97 Open

Elementor for WordPress: 20.16 | Blockquote

3 min

In this video we discuss the blockquote.

8 MB To the text tutorial: Effectively using blockquotes for Elementor in WordPress

98 Open

Elementor for WordPress: 20.17 | Lottie

5 min

In this video we discuss Lottie.

26 MB To the text tutorial: Lottie animations in Elementor for WordPress

99 Open

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

4 min

In this video we discuss the Facebook elements.

15 MB To the text tutorial: Integrate Facebook elements in WordPress with Elementor Pro

100 Open

Elementor for WordPress: 20.19 | PayPal button

3 min

In this video we discuss the Paypal button.

8 MB To the text tutorial: Insert PayPal button in Elementor for WordPress

101 Open

Elementor for WordPress: 20.20 | Video-Playlist

4 min

In this video we discuss the video playlist.

13 MB To the text tutorial: Effectively utilizing Elementor video playlists

Website with Elementor Pro

1 Video · 15 minutes

102 Open

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

15 min

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

134 MB To the text tutorial: Create a fitness website with Elementor Pro

You still need to know this!

3 Videos · 15 minutes

103 Open

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

6 min

In this video we create the menu for your website.

30 MB To the text tutorial: Create an effective menu for your WordPress site

104 Open

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

3 min

In this video we create the header of your website.

19 MB To the text tutorial: Effectively customize the header of your website with Elementor

105 Open

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

6 min

In this video we format the menu of your website.

36 MB To the text tutorial: Format menu with Elementor for WordPress

Without this information, it won't work

5 Videos · 13 minutes

106 Open

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

2 min

In this video we create the footer of your website.

10 MB To the text tutorial: Designing an efficient footer with Elementor and Envato

107 Open

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

3 min

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

15 MB To the text tutorial: Integrating imprint and data protection into WordPress easily

108 Open

Elementor for WordPress: 23.3 | Save templates in Elementor

3 min

In this video we save your website as a template.

15 MB To the text tutorial: Save section in Elementor

109 Open

Elementor for WordPress: 23.4 | Save entire page in Elementor

3 min

In this video we save your entire website.

15 MB To the text tutorial: Efficient saving of Elementor pages for WordPress

110 Open

Elementor for WordPress: 23.5 | Imprint obligation

2 min

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

14 MB To the text tutorial: Legal notice obligation in WordPress made easy with Elementor

Graduation

1 Video · 2 minutes

111 Open

Elementor for WordPress: 24 | Completion

2 min

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

12 MB To the text tutorial: Next steps after your Elementor course

Examples of use

Open gallery

Learn how to create your own WordPress websites with Elementor.

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.

Note

Usable with: WordPress
Licence: private and commercial Rights of use

Created with love by

Tobias Becker

My name is Tobias Becker. I am a student from Vienna and pass on my knowledge about entrepreneurship, social media marketing and investing as a video course lecturer. I work full-time in the online marketing sector and study business administration with a focus on finance and digital marketing in Vienna. I also run a YouTube channel about shares and show people how they can make their money work for them successfully.

Products