Devices for Elementor Plugin

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.

How it works

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.

Options

• Choose between an iphone, ipad, laptop, desktop or window / browser frame to hold your designs
• Choose between portrait or landscape for mobile devices and allow your visitors to switch orientation as well, with different screens for each orientation
• Make your designs scrollable inside the device frame
• Use predefined styles of customize the appearance of you device to fit your website design

Our Elementor Extras plugin 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!

1. Make sure Elementor is installed and active on your website
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Edit a page (or post) using Elementor
4. Find and use the new “Devices” widget

Installation Instructions

1. Make sure Elementor is installed and active on your website
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Edit a page (or post) using Elementor
4. Find and use the new “Devices” widget

1.0.4

• Added: Better handling of admin notices
• Added: Information about the Elementor Extras plugin

1.0.3

• Fixed: CSS issue where overlay controls would appear white and rectangular

1.0.2

• Fixed: Removed enqueueing of editor JS file
• Fixed: Moved frontend JS file to widget script depends

1.0.1

• Tweak: Prepared compability for our Elementor Extras plugin
• Fixed: JS error with addAction outside of elementor/frontend/init hook
• Fixed: Orientation control working only after refresh

1.0.0

• Added new window / browser frame
• Added support for image sizes, including native Elementor custom size controls
• Fixed: added fallback to phone frame when no device type is selected
• Various minor bug fixes

0.0.3

• Fixed issue where “Go Pro” button was being shown for Templates when Elementor Pro was active

0.0.2

• Fixed PHP notices related to wp_register_styles
• Fixed iOS issue where an inline SVG’s height is wrong
• Other minor compatibility fixes

0.0.1

• First version