Elementor — The Whats, Whys and Hows

Are you currently using Elementor and wonder if you’re getting the most out of it? Curious about the difference between the free and paid versions (i.e is the paid version worth it)? Or are you using another page builder and want to see what all the hype is about regarding Elementor?

Join us for this meetup where we’ll discuss all things Elementor. We’ll touch on features of the free and paid versions as well as additional add-ons, themes, starter sites and templates.

Find a pre-recorded version of this presentation on my YouTube channel and a recording of the live presentation.

Finding and Getting Help

Elementor has a ton of great documentation should you run into any questions or problems.

Elementor Free


You may wonder why I’m taking the time to go through the settings — it’s because they change often! Take a look now and again to see what new features they’ve rolled out that you can take advantage of.

  • Elementor
    • Settings
      • General — Post types: Pages; disable default colors and fonts if you want to inherit from theme
      • Advanced — CSS print; editor loader for troubleshooting; SVG support; Font Awesome 4 support
      • Experiments — can disable
    • Role Manager
      • Can hide access to editor
    • Tools
      • General — regenerate CSS; sync library; safe mode; debug bar
      • Replace URL
      • Version Control
      • Maintenance mode — don’t need a plugin for coming soon or maintenance!
    • System Info
  • Templates
    • Page, section or landing page

How it works

Let’s dive into the free plugin.

  • Editing a page
    • New page
    • Page with existing content — existing items come in as one text block
  • Widgets and customizing
    • Heading, image, text, button, divider, spacer, icon, inner section
    • Categorized
    • Drag desired widget; options include content, style and advanced
    • Save as template
  • Rows and columns
  • Library of blocks and pages
  • Elementor editor settings
    • Top left
      • Site settings — global colors, global fonts, typography, buttons, images, form fields, site identity, background, layout, lightbox
      • User preferences, finder, view page, exit to dashboard
    • Bottom left
      • Settings — title, status, featured image, page layout
      • Navigator — good for when you can’t grab hold of an item or if you need to move items around
      • History (and revisions)
      • Responsive mode; can also change this on certain settings
      • Preview changes
      • Save options — save as template (entire page)
  • Back to WordPress editor

Elementor Pro

Find current pricing for Elementor Pro on their website.


Elementor Pro has a TON of additional options.

  • Elementor
    • Settings
      • Integrations — Recaptcha (v2 and v3), Facebook SDK, MailChimp, Drip, ActiveCampaign, GetResponse, ConvertKit, MailerLite, Adobe Fonts (TypeKit), Font Awesome Pro
    • Custom fonts and icons
    • Custom code (YAY!)
    • Role Manager
      • Can hide access to editor OR give access to edit content ONLY
  • Templates
    • Global widgets
    • Popups
    • Theme builder — header, footer, single, single post, single page, archive, search results, error 404

How it works

Let’s dive into some of the advanced features.

  • Pro widgets
    • Forms
    • Save as a global widget
    • Add CSS to an element
  • Header and footer
    • Pro tip: set the HTML tag
  • Customize archive and single
  • Create a popup
  • Template sections have shortcodes that you can add to Gutenberg pages or under Appearance, Widgets
  • Custom fonts and icons


Look out for many additional plugins and themes that work great with both versions of Elementor.




Want to learn more about Elementor? Check out my presentation on Working with CPTs, Custom Fields and Dynamic Content in Elementor.

If you enjoyed this presentation, please connect with me on my socials below.

Scroll to Top