The Mobile Templates plugin allows you to display what your screen's mobile experience might look like on a desktop view. It does this by showing a screenshot upload in the mobile device of your choosing. The Mobile Templates plugin is built as an add-on to the Image as a Screen upload within the HTML Editor.
Plugins allow you to add editing tools on an as needed basis to keep the HTML Editor as easy to use as possible. If you would like to add this plugin to your Editor, open a support ticket via support@reprise.com.
Follow the instructions below to use the Mobile Templates plugin:
-
Before you enable the Mobile Templates plugin, follow the instructions here to upload an image as a screen. Make sure you set the defaults to what is pictured below.
-
Select the Mobile Templates plugin from the left hand side menu after you've uploaded at least one image screen
-
Choose a device from the list of available devices from the dropdown. You'll immediately be able to see a preview of how the current image screen will look within the template. The plugin will automatically crop the image to the aspect ratio of that device. Below are the ratios of the available devices so far.
Device Ratio (w/h) Phone 215 / 466 Tablet - Portrait 3 / 4 Tablet - Landscape 4 / 3 -
You can also set the background color using the color picker once you have chosen your device. When you're satisfied with your changes, go ahead and hit "Submit" to apply the template. The changes will populate to all the image screens within the demo.
-
Finally, preview your demo to view the mobile template. The template does not apply in the editor so that hotspot placement is not obstructed. You can reopen the plugin and hit "Deactivate" to undo the template changes to your demo.
Don't See Your Device?
We want to expand our template library! Please reach out to your account CSM to get your device added.