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
Settings
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
- Settings
- 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)
- Top left
- Back to WordPress editor
Elementor Pro
Find current pricing for Elementor Pro on their website.
Settings
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
- Settings
- 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
Additional
Look out for many additional plugins and themes that work great with both versions of Elementor.
Plugins
- Header, footer and blocks
- Additional plugins on wordpress.org — Essential, Premium, ElementsKit, Livemesh, PowerPack
- Look for reviews, last updated, compatible with
- Many freemium, some free and others paid
- 3rd party add-ons
- Ultimate addons (from the people who created the Astra theme)
- AnalogWP (haven’t investigated but looks awesome)
Themes
- Themes that work well with Elementor
- Hello Elementor theme and child theme — I recommend for Pro only as the supplemental pages (404, search, categories, archive, etc.) aren’t designed
- Elementor kits and templates
- Astra starter sites
Other
- Speeding up a slow site
- All the standard things — good host, caching, optimize images, etc.
- Deactivate Google Fonts, Font Awesome and Eicons if you aren’t using them
- If you let your license lapse and stop updating pro
- Remove space after text widget (use custom CSS)
- Show multiple widgets in one row/line horizontally without using columns
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.