Elementor tutorials - Popups Collection

admin_videos
369 Views · 8 months ago

Elementor Pro includes a revolutionary popup builder for WordPress.

Ben & Ziv introduce the new Popup feature and show you how to:

- Customize the popup window and overlay
- Build the inside of the popup
- Set conditions, triggers and advanced rules

Read more on Popups here: https://elementor.com/blog/int....roducing-popup-build
Get Elementor Pro: https://elementor.com/pro/

admin_videos
752 Views · 8 months ago

Black Friday is upon us, and with it comes great responsibility.
After designing our BF Landing Page, we completed the job with a Popup - using Elementor’s Popup Builder.
We’ve been getting many requests asking to show how this popup was created.
So here it is! A step-by-step tutorial demonstrating how we did it. And to make it even better, we’ve included the images we created here at our studio so you could easily follow along!

In this tutorial you'll learn how to:
✔︎ Use Elementor’s Popup Builder
✔︎ Design with Motion Effects
✔︎ Set up conditions & triggers
✔︎ And more!

Images download:
https://bit.ly/35HQ4l7
https://bit.ly/37Hg5mf
https://bit.ly/2XOWcFv

Check out our Black Friday SALE And get a chance to win AWESOME prizes: https://ele.monster/2QVt261

Don’t forget to subscribe to our channel!

admin_videos
649 Views · 8 months ago

In this tutorial, we’ll create a popup with a mouse track effect that you can add to your WordPress website or landing page.

You'll learn how to:
✔︎ Use position absolute
✔︎ Create a mouse track effect animation
✔︎ Trigger a popup from a form

Get Elementor: https://elementor.com/
Get Pro: https://elementor.com/pro

admin_videos
649 Views · 8 months ago

In this tutorial, we will show you how to create a cookie consent popup using Elementor's Popup Builder.

You will also learn the difference between the different popup types, and more.

Learn More: https://elementor.com/popup-builder/
Get Elementor Pro: https://elementor.com/pro/

------
Please note: This video is an example of how to use popups as cookie consent. It does not pertain to determine whether or not the consent is legally required.

admin_videos
651 Views · 8 months ago

In this tutorial, we'll show you how to create a special valentine's day popup using Elementor's Popup Builder.

You'll also learn how to set a popup that triggers on page load, use an animated gif as your image and more.

Learn More: https://elementor.com/popup-builder/
Get Elementor Pro: https://elementor.com/pro/

admin_videos
660 Views · 8 months ago

In this tutorial, we will show you how to create an exit intent popup that offers a content upgrade that is triggered when a visitor is intending to exit the page, using Elementor's Popup Builder.

You will also learn how to set a button to download an eBook, use entrance animations, and more.

Learn More: https://elementor.com/popup-builder/
Get Elementor Pro: https://elementor.com/pro/

admin_videos
759 Views · 8 months ago

In this tutorial, we will show you how to add a Hello Bar with an evergreen timer using Elementor's Popup Builder.

You will also learn how to copy / paste an image widget, use minus margin and more.

Learn More: https://elementor.com/popup-builder/
Get Elementor Pro: https://elementor.com/pro/

admin_videos
636 Views · 8 months ago

In this tutorial, we will show you how to use Elementor's login widget to create a login form popup that redirects to a different page upon clicking the login button using Elementor's Popup Builder.

You will also learn how to set buttons that toggle popups, use the slides widget and more.

Learn More: https://elementor.com/popup-builder/
Get Elementor Pro: https://elementor.com/pro/

admin_videos
688 Views · 8 months ago

In this tutorial, we will show you how to add a popup to your WooCommerce shop archive page using Elementor's Popup Builder.

You will also learn how to design the category archive pages using Elementor's Theme Builder, as well as using the z-index and more.

Learn More: https://elementor.com/popup-builder/
Get Elementor Pro: https://elementor.com/pro/

admin_videos
469 Views · 8 months ago

In this tutorial, we will show you how to add a popup to related posts that triggers on a certain point on your page. The popup can be used on any pages and posts in WordPress, even ones written without Elementor.

You will also learn how to add CSS filters to images, all using Elementor’s Popup Builder.

Learn More: https://elementor.com/popup-builder/
Get Elementor Pro: https://elementor.com/pro/

admin_videos
756 Views · 8 months ago

In this tutorial, we will explain and show you how to create a custom & responsive menu that pops up when the visitor clicks on a button in your website header.

Learn how to create functional yet beautiful menu popups to improve the user experience.

You can download this template from the Elementor template library

Learn More: https://elementor.com/popup-builder/
Get Elementor Pro: https://elementor.com/pro/

admin_videos
657 Views · 8 months ago

In this tutorial, we will explain and show you how to use the conditions, triggers and advanced rules settings of popups. Learn how to empower your popups to target any use case, improve user experience and generate more sales and conversions.

Learn More: https://elementor.com/popup-builder/
Get Elementor Pro: https://elementor.com/pro/

admin_videos
465 Views · 8 months ago

In this 'onclick popup' tutorial, we will show you how to add a form to a popup, trigger it with the click of a button, and close upon clicking the "Submit" button of the form, all using Elementor's Popup Builder.

Learn More: https://elementor.com/popup-builder/
Get Elementor Pro: https://elementor.com/pro/

admin_videos
548 Views · 8 months ago

In this tutorial, we will show you how to add a popup to your sites cart page that triggers after an x amount of time (when the user gets indecisive).

You will also learn how to add animated gifs to popups, all using Elementor's Popup Builder.

Learn More: https://elementor.com/popup-builder/
Get Elementor Pro: https://elementor.com/pro/

admin_videos
760 Views · 8 months ago

In this tutorial, we'll show you how to create a content lock popup using Elementor's Popup Builder.

You'll also learn how to set a button that triggers a popup, prevent closing on overlay or on the Esc key and more.

Learn More: https://elementor.com/popup-builder/
Get Elementor Pro: https://elementor.com/pro/

admin_videos
660 Views · 8 months ago

In this tutorial, we will show you how to create a subscribe form popup that is set to trigger after the user had visited 3 pages on your website, using Elementor's Popup Builder.

You will also learn how to set the subscribe button to close the popup, set the popup to appear only once, and more.

Learn More: https://elementor.com/popup-builder/
Get Elementor Pro: https://elementor.com/pro/

admin_videos
659 Views · 8 months ago

In this tutorial, we will show you how to add an engaging Hello Bar using Elementor's Popup Builder.

This popup triggers when reaching a section on the page with a certain CSS class.

You will also learn how to create a user interaction sequence of popups, and more.

Learn More: https://elementor.com/popup-builder/
Get Elementor Pro: https://elementor.com/pro/

admin_videos
637 Views · 8 months ago

👋🏼 Help us improve by answering this short survey: http://elemn.to/survey-time

Learn how to use the Popup Builder to add customized, engaging popups to your website. In this tutorial, we'll create a "Today's specials" popup, that you can use for any type of product you have! You'll learn how to:

00:00 - ✔︎ Create and design popups
07:45 - ✔︎ Set conditions and triggers for your popups
08:50 - ✔︎ Trigger a popup from a button
09:25 - ✔︎ Trigger a popup when a user is leaving your website
10:25 - ✔︎ And much more!

Don’t forget to subscribe to our channel!
Get Elementor: https://elementor.com/
Get Elementor Pro: https://elementor.com/pro/

Related Tutorials:
Global Colors and Fonts: https://www.youtube.com/watch?v=CjdFxKPPikU&t
Popup: Conditions, Triggers, and Advanced Rules: https://www.youtube.com/watch?v=_Sm_ElEFm_w