WordPress Tutorial Videos by WP101®

175+ WordPress tutorial videos for non-techies.

  • About Us
    • Top WordPress Products
    • Testimonials
  • WordPress Tutorials
    • Intro to WordPress
    • WordPress 101
    • Elementor 101
    • Spectra 101
    • How to Blog Better
    • WPForms 101
    • WooCommerce 101
    • Beaver Builder 101
    • Ninja Forms 101
    • WP Rocket 101
  • Help Forum
    • Hire a WordPress Expert
  • Blog
  • Contact
  • Sign In

Get to Know the Elementor Interface

FacebookTweetLinkedIn

Back to: Elementor 101: Get Started with Elementor

In this video, we’ll take a quick tour of the four main areas of the Elementor interface: the Canvas, Widgets Menu, Settings Menu, and the Bottom Toolbar.

To access the Elementor interface, click ‘Edit With Elementor’ on any page in the Pages area of the WordPress dashboard.

If you don’t see that option, click through to edit the page, and then click the ‘Edit With Elementor’ button at the top of that page.

And if you don’t see either of those options, it may be that your web designer has disabled your ability to edit pages with Elementor. If that’s the case, ask your web designer.

The four areas of the Elementor interface:

  1. Canvas – the blank space where you build your page designs.
  2. Widgets Menu – layout, content, and functionality elements that you drag-n-drop onto the canvas.
  3. Settings Menu – accessed via the menu icon at the top left of the Elementor editor.
  4. Bottom Toolbar – containing four more menu items: Page Settings, Navigator, Responsive, Preview
← Previous Video
How to Get Started with Elementor

In this tutorial video, we’ll install and activate the free version of the Elementor page builder plugin, and then follow Elementor’s guided set-up process to install and activate the free Hello theme.

Next Video →
How to Set Global Brand Styles in Elementor

In this lesson, you’ll learn how to set your website’s global brand styles in Elementor, saving time during development and making future design updates a breeze.

Course Outline

  • Introduction to Elementor
    • Welcome to Elementor 101
    • How to Get Started with Elementor
    • Get to Know the Elementor Interface
  • How to Use Elementor
    • How to Set Global Brand Styles in Elementor
    • How to Use Sections, Columns, and Widgets in Elementor
    • How to Speed Up the Build in Elementor
    • How to Recycle and Reuse Layouts in Elementor
    • How to Create Complex Layouts in Elementor
    • How to Build a Hero Header in Elementor
    • Responsive Editing in Elementor
    • How to Use the Elementor Finder
    • Build a Classes Page in Elementor
    • How to Use Elementor Templates
    • How to Create a Header and Footer in Elementor

See our handpicked list of the best WordPress plugins and themes for your site!

We've done the hard work for you! Check out our list of the best WordPress plugins, themes, and services to get the most out of your WordPress website.

Products We ♥

Buy an All-Access Pass to unlock every video on this site!

WP101 Membership Card

Site Links

  • About Us
  • Your Account
  • Products We ❤️
  • Affiliates
  • Testimonials
  • Blog
  • Contact Us

Courses

  • WordPress 101
  • WooCommerce
  • Elementor
  • Spectra
  • WPForms
  • Ninja Forms
  • View All →

Products

  • WP101.com
  • WP101 Plugin
  • Embed our videos on your site!

Connect with Us

  • Email
  • Facebook
  • Twitter

WordPress Tutorials by WP101© 2008-2023 WP101® LLC, Houston, TX. All rights reserved.
WP101® is a registered trademark with the U.S. Patent and Trademark Office.
WP101® is hosted by Cloudways.
Privacy Policy | Terms of Use | Disclosure | WP101 Coupon