---
title: "How to Create Elementor Website Device Mockups on Multiple Screens with Scroll Sync? (Part 4/4) [Video Tutorial]"
url: https://theplusaddons.com/docs/create-elementor-website-device-mockups/
date: 2023-07-05
modified: 2026-04-11
author: "Aditya Sharma"
description: "https://www.youtube.com/watch?v=XZG-6KKnKqI Video Duration: 12 : 12 Video Overview In this tutorial, we'll show you how to create device mockups for your Elementor website while keeping your content in sync across..."
image: https://theplusaddons.com/wp-content/uploads/2023/07/maxresdefault-24-1024x576.jpg
word_count: 160
---

# How to Create Elementor Website Device Mockups on Multiple Screens with Scroll Sync? (Part 4/4) [Video Tutorial]

## Key Takeaways

- The Plus Addons for Elementor offers a vast library of device mockups including smartphones, tablets, and desktops.
- Scroll sync feature allows content to move seamlessly across multiple screens as users scroll.
- The tutorial demonstrates creating device mockups for an Elementor website in a 12:12 video.

https://www.youtube.com/watch?v=XZG-6KKnKqI

##### Video Duration: 12 : 12

## Video Overview

In this tutorial, we'll show you how to create device mockups for your Elementor website while keeping your content in sync across multiple screens.

Using The Plus addon for Elementor, we'll guide you step-by-step through the process of setting up scroll sync and adding device mockups to your pages.

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

Read Documentation: [https://theplusaddons.com/docs/connect-multiple-scrolling-device-mockups-in-elementor/](https://theplusaddons.com/docs/connect-multiple-scrolling-device-mockups-in-elementor/)

With The Plus addon's vast library of device mockups, you can easily choose from a range of smartphones, tablets, and desktops to showcase your website designs.

And by utilizing the scroll sync feature, your content will seamlessly move across all screens as users scroll, creating a truly immersive and engaging browsing experience.

▶ Get 120+ Powerful Widgets for Elementor - [https://theplusaddons.com/pricing/](https://theplusaddons.com/pricing/)
▶ Nexter Theme Builder - [https://nexterwp.com/](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-irWzXaLK9H5opSt88xueTnRhqvO5](https://www.youtube.com/watch?v=RdPTAGc3PMY&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5)

[Get The Plus Addons for Elementor](https://theplusaddons.com/pricing/)

[View 120+ Elementor Widgets Demo](https://theplusaddons.com/elementor-widgets/)

## Frequently Asked Questions

**Q: What should I do if the scroll sync feature isn't working?**
A: If the scroll sync feature isn't functioning as expected, check that you have correctly set up the device mockups according to the tutorial. Ensure that all devices are properly connected for scrolling. If issues persist, refer to the [documentation on connecting multiple scrolling device mockups](https://theplusaddons.com/docs/connect-multiple-scrolling-device-mockups-in-elementor/) for troubleshooting tips.

**Q: What is the best way to set up multiple device mockups for a website?**
A: To set up multiple device mockups effectively, start by selecting a range of devices that best represent your audience's preferences. Use the scroll sync feature to ensure that content moves seamlessly across all screens. This creates a cohesive viewing experience, allowing users to see how your website adapts to different devices.

**Q: Does using multiple device mockups affect website performance?**
A: Using multiple device mockups can impact website performance, especially if not optimized properly. Ensure that images and mockups are appropriately sized to minimize load times. The Plus Addons for Elementor provides a variety of mockups, but it's essential to balance visual appeal with performance to maintain a smooth user experience.

**Q: What types of devices can I choose from for mockups?**
A: The Plus Addons for Elementor offers a vast library of device mockups, including smartphones, tablets, and desktops. This variety allows you to select the most relevant devices for your target audience, enhancing the presentation of your website designs and making them more relatable.