In 2012, 36% of all emails opened were on smart phones, which is expected to increase this year. With that in mind, it’s clear, that as marketer’s we have to make our email campaigns mobile responsive. You can read more about mobile email marketing in our whitepaper.
We’ve introduced some great new functionality within dotMailer’s editor to help make your email campaigns adapt on mobile devices. These features will work if you select one of our free, mobile-compatible templates from the template library.
Hide building blocks on mobiles
You can now hide content on mobile devices in the editor. Click a block within a campaign, click on ‘Styles’, select ‘Mobile display’ and then ‘Hide this block on mobile devices’. An icon will appear, highlighting that this block will now only show on large-screen devices. You can then check your mobile preview to see that the block is hidden.
Preserve an image’s size on mobile devices
You can also now preserve an image’s size – ensuring it doesn’t grow when displayed on a mobile. Again, you can click on an image within your campaign in dotMailer’s editor, click on ‘Styles’, select ‘Mobile display’ and then tick ‘Preserve image size on mobile devices’. You can check your mobile preview to see that the image is not enlarged.
The preserved image is highlighted and flagged up as not enlarging on mobile devices within the editor.
Prevent stacking of content on mobile devices
Lastly, you can now choose to prevent tables stacking on a mobile device. Again, click on a table within your campaign in the editor, click on ‘Styles’, select ‘Mobile display’ and tick ‘Do not stack content on mobile devices’. You can check your mobile preview to see that the content is not stacking.
The table is highlighted and flagged up as not stacking on mobile devices within the editor.
Find out exactly why you need to optimise your campaigns for mobile and how to do it by downloading our Guide to Successful Mobile Email Marketing.