Namogo

<p>Devices for Elementor is a powerful Elementor widget that lets you add a phone, tablet, laptop, desktop or window / browser frame to your images or screens, allowing you to present your mobile or web designs as they’re meant to be seen. Choose from predefined styles or change the colours of your devices, make your screens scrollable and allow your users to switch from portrait to landscape view, with separate images for each orientation.</p>
<h4>How it works</h4>
<p>Devices for Elementor is a plugin that requires the Elementor free plugin. It adds a new “Devices” widget to the widgets panel and lets you add a device frame for your screenshots.</p>
<h4>Options</h4>
<ul>
<li>Choose between an iphone, ipad, laptop, desktop or window / browser frame to hold your designs</li>
<li>Choose between portrait or landscape for mobile devices and allow your visitors to switch orientation as well, with different screens for each orientation</li>
<li>Make your designs scrollable inside the device frame</li>
<li>Use predefined styles of customize the appearance of you device to fit your website design</li>
</ul>
<p>Our <a href="https://shop.namogo.com/product/elementor-extras/" rel="nofollow ugc">Elementor Extras plugin</a> lets you display MP4 videos on any device, with full control over how the play and rewind buttons display, plus 7 other completely new widgets for Elementor!</p>


Devices for Elementor

Really nice plugin / widget. The effect you create with it (like screenshot in laptop) can be a real time saver compared to doing this manually.

### Suggestion for a future version

The ability to display an Elementor Library item.

Use case: First thing I tried was to display a form in the screen, turns out you can only display images at this time.

If the suggested option is added, this plugins practical use will increase exponentially.Can't wait to be creative with it.

Thank you creating and sharing this!

Time saver! + Suggestion

Devices for Elementor is a powerful Elementor widget that lets you add a phone, tablet, laptop, desktop or window / browser frame to your images or sc …

launchui

<p>Showcase your app and UI right from WordPress.</p>
<ul>
<li>Choose from a selection of beautiful and free iPhone X mockup photos</li>
<li>Simply add your screenshot, no need to open your image editor</li>
<li>Works with themes that support Gutenberg Blocks</li>
</ul>
<h3>Usage</h3>
<p>This plugin works best with a Gutenberg compatible theme.</p>
<ol>
<li>View or create a post or page</li>
<li>Add a new device mockup block</li>
<li>Upload a screenshot to the block, ensuring that the correct image size is used</li>
<li>Choose from one of the mockup images available in the block inspector</li>
</ol>
<h3>Credits</h3>
<h4>Authors</h4>
<p>Plugin by <a href="https://bejnar.de/" title="Roman Bejnar" rel="nofollow ugc">Roman Bejnar</a> and <a href="https://www.trangnguyen.de/" title="Trang Nguyen" rel="nofollow ugc">Trang Nguyen</a>.</p>
<h4>Images</h4>
<p>Mockup images in this plugin use the following licenses:<br />
*  <a href="https://creativecommons.org/share-your-work/public-domain/cc0/" title="Creative Commons CC0" rel="nofollow ugc">Creative Commons CC0</a><br />
*  <a href="https://unsplash.com/license" title="Unsplash License" rel="nofollow ugc">Unsplash License</a><br />
Hover over each image using the block inspector to see credits and license information.</p>


Mockups

Mockup Blocks for WordPress Gutenberg featuring 6 free iPhone X mockup photos.

Devices for Elementor vs Mockups