How to Create Elementor Website Device Mockups with Carousel Images Screen? (Part 3/4) [Video Tutorial]

Updated onApril 11, 2026By

Key Takeaways

  • The Plus Addon for Elementor allows users to create device mock-ups with carousel image screens.
  • The tutorial covers choosing mockup images and customizing designs to match website styles.
  • Users can showcase multiple screens of apps or websites to clients using this feature.
Table Of Content
YouTube video
Video Duration: 09: 06

Video Overview

In this tutorial, we will walk you through the steps to create device mock-ups with carousel image screens using The Plus Addon for Elementor. We will cover everything from choosing the right mockup images to adding images and customizing the design to match your website’s style.

This is a great addition to show multiple screens of Apps or websites to your clients.

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

Read Documentation: https://theplusaddons.com/docs/device-slider-in-elementor-for-smartwatch-tablet-custom-device/

Download free resources for Sketch App Sources: https://www.sketchappsources.com/free-source/1227-app-store-screenshots-sketch-freebie-resource.html

▶ 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-irWzXaLK9H5opSt88xueTnRhqvO5

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 my device mockups aren't displaying correctly in the carousel?

If your device mockups aren't displaying as expected, check the image sizes and formats. The Plus Addons for Elementor supports various image types, but using high-resolution images ensures better quality. Additionally, ensure that the carousel settings are configured correctly, as incorrect settings can lead to display issues.

What are the best practices for choosing images for my device mockups?

Select images that are high-quality and relevant to your content. Ensure that the images fit the device mockup dimensions for a seamless look. Using consistent styles and colors across your images can also help maintain a cohesive design. This attention to detail can significantly enhance the overall presentation of your carousel.

What if I want to customize the design of my device mockups?

Customization is straightforward with The Plus Addons for Elementor. You can adjust various design elements such as borders, shadows, and background colors to match your website's style. This flexibility allows you to create a unique look that aligns with your brand identity.

Are there any limitations when using The Plus Addons for Elementor for device mockups?

One limitation is that The Plus Addons for Elementor only works with Elementor and does not support other page builders like Gutenberg or Divi. This means you'll need to ensure your site is built with Elementor to take full advantage of the device mockup features.

Last reviewed: April 11, 2026

Related Docs