4 QUICK Elementor Tutorials Under 5 Minutes + 2 Motion Effects Explainers

💫Motion Effects Elementor PRO Tutorial | STUNNING 'Flying Phone' Effect

Elementor page builder is one of the most popular WordPress plugins used to create websites. As of December 2019, there were 1,860,978 live websites using Elementor, as reported by BuiltWith! Long-time WordPress users love Elementor for its ease of use and intuitive interface.

Most WordPress themes at TemplateMonster Marketplace are Elementor-friendly. To make our themes unique and memorable, we love using Elementor motion effects. No wonder, users are asking how to recreate a specific Elementor effect on their website.

In case you didn’t know, TemplateMonster YouTube Channel has a separate playlist with Elementor tutorials! Here you’ll find step by step directions on how to recreate mesmerizing motion effects with Elementor Free and Pro. Also, if you want a little entertainment, check out our new TemplateMonster podcast for creatives. Tricks of the trade, latest trends and inspirational talk - all of it is there!

As for this post, we’ve prepared a digest of the best Elementor motion effects tutorials under 5 minutes. Different difficulty levels, lots of priceless tips!

5 SUPER Easy Elementor Tips and Tricks in 100 Seconds

Difficulty level: Easy

In this short video, we’re showing you how to recreate 5 easy Elementor tips and tricks:

  • Gradient Button
  • Inline Text Styles
  • Negative Margins
  • Vertical Divider
  • Fixed Image Scroll

Click the link to see the complete transcript of this Elementor tips and tricks tutorial.


Create 3D Image Effect with Elementor Pro Motion Effects

Difficulty level: Easy

This Elementor tutorial shows how to achieve a cool 3d image tilt effect. You will need Elementor Pro and a sample image. This video explains how to apply Elementor motion effects to the background image and to the website column, respectively.


💫Motion Effects Elementor PRO Tutorial | STUNNING 'Flying Phone' Effect

Difficulty level: Easy

This video was inspired by the presentation page of the new Google Pixel 4 phone. You will learn how to recreate this eye-catchy ‘flying phone’ effect using Elementor Pro motion effects. To recreate the steps shown in the video, you will need Elementor Pro and a phone mockup. This video will teach you how to implement Elementor scrolling effects, vertical scroll and horizontal scroll specifically.


3D Parallax Phone Effect with Elementor Pro Motion Effects

Difficulty level: Average

In this tutorial, you will learn how to make a 3D phone using Elementor Parallax motion effect. To recreate this tutorial, you’ll need a Elementor Pro, a phone mockup, and a sample image. No extra software is needed, because free web based tools are used.


3D Parallax Holographic Illusion with Elementor Pro Motion Effects

Difficulty level: Average

This video shows how to create a holographic illusion with 3D Parallax motion effect. To recreate the steps shown in the video, you will need Elementor Pro and a sample image.


Blurry Sticky Header with Elementor Pro and Custom CSS

Difficulty level: Average

After watching this tutorial, you will be able to recreate a blurry sticky header effect similar to the one used at apple.com. All you need is Elementor Pro and a custom CSS code provided in the video description.

That’s what we’ve got so far. Subscribe to our YouTube channel for more useful Elementor tutorials! And don’t forget to let us know what other Elementor effects you’d like to see in the comments!



Leave a Reply

Your email address will not be published. Required fields are marked *