---
title: "How to show Elementor Templates inside a Device Mockup?"
url: https://theplusaddons.com/docs/elementor-templates-inside-a-device-mockup/
date: 2023-02-21
modified: 2026-04-12
author: "Aditya Sharma"
description: "With the Dynamic Device widget from The Plus Addons for Elementor you can use Elementor Templates as the content inside your mockup device. With this method, you can show different..."
image: https://theplusaddons.com/wp-content/uploads/2023/02/How-to-show-Elementor-Templates-inside-a-Device-Mockup-1024x536.jpg
word_count: 228
---

# How to show Elementor Templates inside a Device Mockup?

## Key Takeaways

- Dynamic Device widget from The Plus Addons for Elementor allows users to display Elementor Templates inside mockup devices.
- Users can create a responsive layout template and showcase it within a mobile mockup for easier layout checking.
- To use an Elementor template in a device mockup, users must first create and save the template in Elementor before adding the Dynamic Device widget.

With the Dynamic Device widget from The Plus Addons for Elementor you can use Elementor Templates as the content inside your mockup device. With this method, you can show different types of content like video, products or even complex layouts and allow users to directly interact with your content within the mockup device.

For example, if you want to show your layout in a responsive mode, you can create a template accordingly and display it inside a mobile mockup making it easier for users to check the layout.

*To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Device widget, [click here](/docs/dynamic-device-elementor-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/dynamic-device-mockups/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

So to use an Elementor template in your device mockup, first, you have to create and save the template in Elementor.

Then add the widget on the page, make sure to set the **Layout** to **Normal** and after choosing the appropriate device type and mockup, go to **Content **and choose **Template** from the dropdown.

After that, choose your Elementor template from the **Elementor Templates** dropdown.

![dynamic device template](https://theplusaddons.com/wp-content/uploads/2023/02/dynamic-device-template.png)

Now your Elementor template will show inside your device mockup and your users can interact with the content as well.  

![dynamic device template demo](https://theplusaddons.com/wp-content/uploads/2023/02/dynamic-device-template-demo.gif)

Also learn [how to create a Device Slider in Elementor](https://theplusaddons.com/docs//device-slider-in-elementor/).

## Frequently Asked Questions

**Q: What should I do if my Elementor template isn't showing inside the device mockup?**
A: If your Elementor template isn't displaying in the device mockup, first ensure that you have saved the template correctly in Elementor. Additionally, check that you have selected the correct device type and mockup in the Dynamic Device widget settings. If these settings are correct and the issue persists, it might be helpful to revisit the [Dynamic Device widget settings overview](https://theplusaddons.com/docs/dynamic-device-elementor-widget-settings-overview/) for troubleshooting tips.

**Q: What is the best way to create a responsive layout for a mobile mockup?**
A: To create a responsive layout for a mobile mockup, design your Elementor template specifically for mobile viewing. Once your template is ready, use the Dynamic Device widget to display it within a mobile mockup. This approach helps users visualize how the layout will appear on their devices, ensuring a better understanding of the design's responsiveness.

**Q: How can I create a device slider in Elementor?**
A: To create a device slider in Elementor, you can refer to the guide on [how to create a Device Slider in Elementor](https://theplusaddons.com/docs//device-slider-in-elementor/). This resource provides step-by-step instructions on setting up a slider that showcases multiple device mockups, enhancing the visual appeal and interactivity of your content.