Elementor Pro Page Builder Tutorial – Part 1


(Elementor Pro affiliate link)

In this tutorial, you’ll learn how to use several features of the Pro version of the Elementor Page Builder plugin. You’ll learn how to create professional custom slideshows, add advanced contact forms, add blog posts from specific categories using advanced filter queries (and display those posts in the exact way you want), and add countdown timers to create a sense of urgency on your website.

If you decide to purchase the Elementor Pro Page Builder, please consider clicking on my affiliate link to make your purchase and show your support:

Please consider playing a part in letting YouTube know that my videos are helpful. You can do this by taking a moment to like the video, subscribe to my channel and comment on the video. You are amazing and I wish you all the very best with your online endeavors!

Watch my full-length, comprehensive WordPress/Elementor tutorial here:

Download the Free stock photos used for the slideshow in this video:

Time Stamp Table of Contents:
0:00:00 Introduction/Overview of Tutorial
0:02:27 Installing Elementor and purchasing Elementor Pro
Purchase Elementor Pro: (affiliate link)
0:07:24 Creating demo page, setting up page settings and adding page to navigation menu
0:08:34 Adding a Heading to the demo page

Slider Pro Element
0:11:22 Slideshow Basic Settings
0:14:39 Slider Options (Arrows and Dots, animation, slide transitions, etc…)
0:18:40 Adding background images to slides (acquire free stock photos, resizing images, adding images to slides, using background overlays)

Images Used:

0:26:02 Styling the slideshow (custom fonts, colors, buttons)
0:32:06 Making Slideshows full width
0:33:40 Making slideshow height full screen
0:35:37 Mobile slideshow settings

Forms Pro Element
0:37:11 Creating advanced forms
0:46:38 Contact form email options
0:48:20 Form style options (fonts, colors, buttons, background colors, spacing options)
0:51:59 Form demonstration

Posts Pro Element
0:53:07 Posts Element (displaying specific blog posts using advanced filtering options)
0:56:27 Post layout settings
1:00:10 Post styling options
1:02:23 Mobile settings for posts element

Countdown Timer Pro Element
1:04:08 Countdown Timer Element
1:04:28 Setting up your WordPress Timezone
1:05:51 Adding Countdown Timer/Basic Settings
1:07:24 Countdown Timer style options

1:10:16 Outro (Thank you so much for watching!)






20 responses to “Elementor Pro Page Builder Tutorial – Part 1”

  1. Jeff Logan Avatar

    Who uses Firefox anymore? This Guy!

  2. Christian Steiner Avatar

    This is a 'must have' tutorial for anyone starting out with the Generate Press theme and/or Elementor Pro page builder plugin.
    Josh explains in full how to build a website with the Elementor Pro features from beginning to end. All his videos are easy to understand and, in my opinion, ranks amongst the best out there.

    Frankly, with the quality of Josh's teachings, and I would gladly pay a subscription if only for the time I have saved in getting up to speed with a new theme and plugin.

    5 stars Josh!

  3. L o i s R u a n e Avatar

    Thank you great tutorial I am trying to use my Aweber provider to receive contacts.
    What am I doing wrong here with my contact form?

  4. Allan Kierulff Avatar

    Thank you for another great video. I still want to say that you are a super teacher, is easy to understand, and you present your teaching pedagogically well.
    I'm really looking forward to part 2

  5. al Avatar

    Hi, great tutorial but I have a question, will this work on a localhost server setup. I have no problem using it online with normal hosting, but when I use it on my localhost server the drag&drop function doesn't work.

  6. Matt Haynes Avatar

    An excellent how-to production! Great job!

  7. John Palomares Avatar

    Hi Josh, I'm currently using avada
    theme on my wordpress website. Is it possible to use elementor with the theme and edit pages and content

  8. Neil Errey Avatar

    Thank you. I learnt a great deal.

  9. michael waters Avatar

    Thanks Josh. Another great step by step tutorial. Can't wait for Part 2.

  10. Ken Thurston Avatar

    So what happened to Part 2 ?

  11. Teacher Vlad Avatar

    Hi, there. Great tutorial, thank you. I would like to know if I can put a video background into the header and put text and buttons over it. I tried to do it in free version, but I didn't find video background. Does a pro version have a header video background? Thank you.

  12. Wasp Themes Avatar

    would you make a few videos for Yellow Pencil Editor?

  13. The Bean Bag Avatar

    Hi, what is the best Social login plugin you recommend? Thank you very much.

  14. A. K. Brand Avatar

    ur videos are always nice as usual.

  15. OTCRock4one Avatar

    I purchased GeneratePress Premium, will you do tutorial on GeneratePress Premium?

  16. WordPress & Coffee Avatar

    Can't decide on Elementor Pro or Temify Ultra.

  17. Greg Burlile Avatar

    Hi! Thanks for the tutorial! Will there be a part 2? If so, any idea when? Thanks again!

  18. Schrader Web Solutions Avatar

    I am using images for my slides….and the text content and pictures are on the BG image…how can I adjust the settings so the whole image can be seen on tablet and mobile?

  19. whatever13969 Avatar

    Another great tutorial! Thank you so much. You definitely have a gift for teaching. I have a much better understanding of the capabilities of Elementor Pro now thanks to you. Hope to see more in the future. Would love to see you do one on Generate Press Premium features as well.

  20. Schlomoh Brodowicz Avatar

    Once more two thumbs up Josh ! Your tutorials are both comprehensive and fun to watch.

Leave a Reply

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