How to Create Elementor Website Device Mockups on Laptop/Monitor Screen with AutoScroll? (Part 1/4) [Video Tutorial]

Updated onApril 11, 2026By

Key Takeaways

  • Dynamic Device widget showcases website designs on different screens and devices.
  • Auto-scroll feature adds interactivity and engagement to mockups.
  • Video tutorial duration is 11 minutes and 51 seconds.
Table Of Content
YouTube video
Video Duration: 11 : 51

Video Overview

In this tutorial, we’ll show you how to create dynamic website mockups on laptop/monitor screens with auto-scroll using Elementor and The Plus Addons.

Live Demo – https://theplusaddons.com/elementor-widget/elementor-dynamic-device-mockups/
Live Cursor Demo – https://theplusaddons.com/elementor-widget/elementor-dynamic-device-mockups/

With the Dynamic Device widget, you can showcase your website designs on different screens and devices, and with the auto-scroll feature, you can add more interactivity and engagement to your mockups.

Read Documentation: https://theplusaddons.com/docs/elementor-templates-inside-a-device-mockup/

Open Website Screenshot Tool – https://pikwy.com/

Watch “How to Add Custom PNG/GIF Mouse Cursor in Elementor on WordPress” – https://youtu.be/ggEhdsdjxxw

▶ Get 120+ Powerful Widgets for Elementor – https://theplusaddons.com/pricing/
▶ Nexter Theme Builder – https://nexterwp.com/
USE CODE ‘ YOUTUBE10 ‘ TO ENJOY AN EXTRA 10% DISCOUNT

Check our Complete Playlist for Elementor & The Plus Addons for Elementor – https://www.youtube.com/watch?v=RdPTAGc3PMY&list=PLFRO

Get The Plus Addons for Elementor
View 120+ Elementor Widgets Demo

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the auto-scroll feature isn't working in my device mockup?

If the auto-scroll feature isn't functioning, first check your settings in The Plus Addons for Elementor. Ensure that the auto-scroll option is enabled in the Dynamic Device widget settings. If itu2019s still not working, consider refreshing the page or clearing your browser cache, as this can sometimes resolve display issues.

What are the best practices for setting up device mockups in Elementor?

When setting up device mockups, ensure your website designs are optimized for the screen sizes you are showcasing. Use high-quality images and consider the layout to avoid clutter. The auto-scroll feature can enhance interactivity, so test it to ensure it flows smoothly with your design.

Why is my mockup not displaying the website content correctly?

If your mockup isnu2019t displaying the website content as expected, check the URL you entered in the Dynamic Device widget. Ensure itu2019s correct and that the website is live. Additionally, verify that your internet connection is stable, as loading issues can affect display.

What happens if I use a website that is not responsive in my mockup?

Using a non-responsive website in your mockup can lead to display issues, such as content being cut off or improperly scaled. Itu2019s crucial to ensure that the website is responsive to provide a better viewing experience across different devices. Test your mockup thoroughly to avoid these pitfalls.

Last reviewed: April 11, 2026

Related Docs