Mobilegeddon is here and it’s time to make sure your website looks good on mobile devices. The Mobile View Plugin for WordPress allows you to redirect your desktop visitors to a version of your website optimized for mobile phones.
Smartphones are taking over the world! Do you want your visitors and customers to find your website easy to use on mobile devices? With our Mobile View Plugin for WordPress, easily display different templates and content for desktop vs. mobile devices!
The first step to making your website mobile-friendly is converting a static desktop site into a fully-functional mobile site. Mobile view plugin for WordPress takes care of mobile site generation, but it’s its own project, too. Its development can last a lot of time if you don’t have an expert…
Mobile View Plugin for WordPress
According to Statista, 33.4% of the total share of traffic comes from mobile devices and it’s increasing rapidly.
One of the most important things you need to do to grow your site’s viewership is mobile-optimize your website. This simple mobile marketing strategy goes a long way in delivering value to your visitors by providing them with an improved browsing experience.
With this mind, I’ll run the rule over seven absolutely fantastic WordPress plugins that you can use to make your site mobile responsive.
Let’s get started.
- WPtouch Mobile Plugin
The WPtouch Mobile Plugin is a lightweight mobile site plugin for WordPress which allows users to easily create a mobile responsive site. With its wide range of customization options and settings, you’ll be able to make your site look exactly how you want it to. The plugin also comes with an elegant theme to help you get started.
When a visitor accesses your website from a mobile device, the WPtouch Mobile Plugin automatically displays a mobile-optimized version of your site to them. This means that you’ll essentially have two versions of your website ready to go at all times.
The WPtouch Mobile Plugin features an intuitive user-interface which makes it easy to use for all kinds of users regardless of their technical expertise. In fact, most users who are new to WordPress report that the WPtouch Mobile Plugin is a well-coded solution that offers a premium quality user experience.
WPtouch Mobile Plugin passes on the Google Mobile test which adds to its popularity among webmasters. The free version is incredibly easy to come to grips with and when you’re prepared to take things further, you can upgrade to the pro version for even more advanced functionality. With the premium version, users can add advertising to their site’s mobile version and potentially increase revenue through clicks. The premium version ships with a ton of niche-specific, mobile-optimized themes to help users setup a flawless mobile site in minutes.
The plugin isn’t just loaded with amazing features; it also comes with support from the developers through the WordPress forums. For even more information, users can check out the plugin’s comprehensive, mobile-friendly guide to get started. The WPtouch Mobile Plugin is truly one of the best (and most downloaded) mobile site plugin out there that offers great value to both webmasters and their site’s visitors.
- Any Mobile Theme Switcher
The Any Mobile Theme Switcher plugin is an appropriately named WordPress solution for creating mobile-optimized sites. The plugin works by detecting the mobile browser of the device that’s trying to open your website and displays a theme accordingly based on the pre-set options. This simple, intuitive plugin can help you create a fully mobile responsive site effortlessly.
The plugin offers a ton of settings for the user to navigate through once they’ve installed and activated it. Users can select a different theme to display for different mobile devices and browsers. The plugin can detect iPhones, iPods, Palm OS, Android, Android Tab, Windows Mobile, Blackberry, and Opera Mini from the get-go. This standout feature makes it so webmasters can apply the settings once and not have to worry about them ever again.
The free version of the Any Mobile Theme Switcher plugin doesn’t have a ton of features on offer but it’s a great way to kickstart things. The pro version of the plugin works seamlessly with the W3 Total Cache plugin and serves separate homepages to different mobile devices. In addition to all of this, it also comes with integrated QR code for easy mobile bookmarking.
User reviews suggest that most webmasters were impressed with its sub-theme feature saying that their visitors were easily able to access their website. If you’re looking for a simple mobile-optimization plugin to make your site mobile responsive then Any Mobile Theme Switcher is definitely worth trying out.
Those of you who are new to WordPress won’t have any difficulty setting this plugin up and getting started with it. If, however, you do encounter any problems then the developers behind the scenes offer support through the WordPress forums. With this plugin, your site’s mobile visitors will thank you for catering to their browsing needs!
- WordPress Mobile Pack
Unlike most other plugins on our list, the WordPress Mobile Pack enables users to…
Go beyond responsiveness…Appify your blog!
The all new WordPress Mobile Pack plugin allows webmasters to package their existing content into a mobile web application that’s compatible across different platforms. This plugin is targeted specifically at bloggers, content curators, and publishers to help them appify the content of their blog without actually creating a mobile app.
After mobile-optimizing your WordPress site with this plugin, your site will look and feel like a mobile app but in actuality, users will still be accessing it from their mobile browsers. The WordPress Mobile Pack plugin gives you the best of both worlds with this one of a kind solution.
The plugin supports all major browsers including Safari, Google Chrome, Android-native browsers, Internet Explorer 10, and Firefox. One of the best features of WordPress Mobile Pack is that it makes creating your site mobile responsive a hassle-free process. You won’t have to hire a developer or mess around with complicated code yourself.
Another amazing feature this plugin offers is that it creates a mobile-optimized web browsing experience for your site’s visitors that’s similar to an app browsing experience. This way, you won’t have to break the bank to create a designated app for your site. In addition to recognizing the device and the browser users employ to access your site, the plugin is also sensitive to the orientation of their device. Whether they have their mobile device in portrait mode or landscape mode, your site will completely morph to fit their site optimally.
The plugin’s customization options extend to its appearance. WordPress Mobile Pack ships with 6 different theme options that you can alternative between to give your site’s viewership a memorable mobile browsing experience. It also allows you to personalize the theme by changing its color palette, typography, and page elements to better fit your business’ brand.
- WordPress Mobile Detector (discontinued)
WordPress Mobile Detector empowers webmasters to create a fully mobile responsive website version of their WordPress site without having to code a single line. It lets you mobilize your site for all of the major mobile devices including iPhone, Android, iPad, and Windows devices. The plugin works by detecting which mobile device your visitors are using to access your site and then displays a custom, the mobile compatible theme to enhance their browsing experience.
Though this plugin isn’t the most popular mobile website app out there for WordPress, it certainly has the right set of features in place to help you get started. It’s intuitive, user-friendly interface is easy to understand and navigate through. Regardless of how tech savvy you are, you won’t have any trouble setting up this plugin on your site.
The standout feature available with the WordPress Mobile Detector plugin is that it caters to both smartphones and standard mobile devices by having an optimized theme ready for both. The plugin also ships with a plethora of advanced features such as image resizing, formatting content, and mobile statistics that will skyrocket the value your site delivers.
The WordPress Mobile Detector plugin comes with a built-in theme editor that is fully interactive to the core. Webmasters and web designers can make the most of this theme editor to create a custom mobile-optimized theme for their site’s mobile responsive version or edit one of the many pre-built themes. The plugin ships with 11 mobile themes which are performance optimized to load blazingly fast and provide an efficient browsing experience. The plugin has themes for all kinds of WordPress sites – blogs, business sites, corporate sites, and even online stores.
Users can download the WordPress Mobile Detector for free from the WordPress plugin repository to get started. When you’re ready to take things to the next level then the plugin also has a premium version which offers advanced options in addition to a live preview feature.
- WP Mobile Edition
WP Mobile Edition is an all-out mobile site plugin for WordPress that has all the right features to help you create a responsive site for your mobile visitors. According to the developers, it is a complete toolkit that comes with a mobile switcher and several different theme options right out of the box. The WP Mobile Edition plugin is fully optimized to deliver exceptional performance to your site’s viewership.
The plugin is compatible with iPhones, Android devices, and Windows phones. It features an intuitive and easy to use interface which allows webmasters to fully customize their mobile site without having to code a single line. This saves you from having to break the bank or hire a developer to get the job done. The two main standout features are the mobile switcher functionality and the standard mobile theme.
Mobile switcher automatically detects which device your visitors have and loads either the standard desktop theme or a mobile theme, accordingly. Unlike some other plugins on our list, WP Mobile Edition isn’t incredibly flexible. Users can only select a single mobile theme to be displayed to mobile users. This essentially means that your visitors will see the same mobile page regardless of which mobile device they have. In some cases, this is much better as it works towards building brand recognition among your site’s viewership and saves you from having to design multiple mobile themes for different mobile devices.
Another useful feature on offer with the WP Mobile Edition plugin is that it allows your site’s visitors to manually switch between the desktop theme and the mobile theme if they’d like. This lightweight plugin ships with a wide-range of theme customization options right out of the box. Overall, it’s an incredible feature-rich plugin and it’s worth a shot for anyone who would like full control over their site’s mobile version.
- Mobile Smart
Just like any other mobile site plugin, Mobile Smart also works by detecting which device your visitors are using to open your site from their mobile browser and displays an optimized theme if it’s a mobile device. That said, the plugin also add template tags to help you out which is a feature that’s unique to this powerful plugin.
Mobile Smart is a powerful WordPress plugin that allows web developers to set up a truly smart mobile-optimized browsing experience for their viewership. The plugin doesn’t only differentiate between mobile devices and desktop devices but it can also detect which tier of mobile device your site’s visitors are using. Different mobile tiers include touch, smartphones, and tablets.
By leveraging this mobile tier detection functionality, users can allow conditional content inclusion. For instance, it’s much easier for viewers accessing your site from a tablet to view sidebars as opposed to smartphone users. So you go into the plugin’s settings and configure it so sidebars appear to visitors who use tablets. This functionality is easy to implement and requires minimal programming knowledge. All you really have to do is use the CSS selectors and you’re good to go.
The plugin also features image transcoding which basically re-scales larger sized images to fit easily on devices with smaller screen sizes. Mobile Smart supports mobile traffic from iPhone, iPad, Android, Blackberry, Windows phone, and Symbian devices. The plugin also has a pro version available with additional features.
- Jetpack’s Mobile Theme
The last plugin on our list is Jetpack’s Mobile Theme which is one of the simplest tools you can use to create a mobile version of your WordPress site. If you’re not technically inclined then Mobile Theme is a great way to set up your mobile-optimized site – it’ll only take a few minutes!
The plugin doesn’t offer a ton of functionality. Once you have it set up and ready to go, you can select from two customization options and choose whether you’d like to display featured images and excerpts on the mobile version or not. Once your mobile-optimized site is created, your visitors can choose whether they’d like to view the mobile version or desktop version. An option is displayed on the screen to allow users to switch between them.
Why You Should Preview Your Mobile Layout
More than 50% of your website visitors will be using their mobile phones to access your site. Around 3% will be using a tablet.
This means that having a site that looks great on mobile is essential.
In fact, mobile is so important that Google is now using a “mobile-first” index for their website ranking algorithm.
Even if you’re using a responsive WordPress theme, you still need to check how your site looks on mobile. You might even want to create different versions of key landing pages that are optimized for mobile users’ needs (more on this later).
In this article, we’re going to cover two different methods of testing how your site looks on mobile using desktop browsers.
It’s important to keep in mind that most mobile previews will not be completely perfect because there are so many different mobile screen sizes and browsers. Your final test should always be to look at your site on an actual mobile device.
Subscribe to WPBeginner
If you don’t like the video or need more instructions, then continue reading.
- Using WordPress’s Theme Customizer
You can use the WordPress theme customizer to preview the mobile version of your WordPress site.
Simply log in to your WordPress dashboard and go to the Appearance » Customize screen.
WordPress dashboard showing where to find Appearance – Customize
This will open up the WordPress theme customizer. Depending on what theme you’re using, you may see slightly different options in the left-hand menu here:
WordPress theme customizer (desktop view)
At the bottom of the screen, click the mobile icon. You’ll then see a preview of how your site looks on mobile devices.
Switching to mobile view in the theme customizer
Note: The blue editing symbols are only present in the previewer. You won’t see these on your live site.
This method of previewing the mobile version is particularly useful when you’ve not yet finished creating your blog, or when it’s under maintenance mode.
You can make changes and check how they look before you put them live.
- Using Google Chrome’s DevTools Device Mode
Google Chrome browser has a set of developer tools that let you run various checks on any website, including seeing a preview of how your website looks on mobile devices.
Simply open the Google Chrome browser on your desktop and visit the page you want to check.
This could be the preview of a page on your site, or it could even be your competitor’s website.
Next, you need to right-click on the page and select ‘Inspect.’
Selecting the Inspect option in Chrome
A new pane will open up on the right-hand side like this:
The default desktop view when inspecting your site in Chrome
In the developer view, you will be able to see your site’s HTML source code.
Next, click the ‘Toggle Device Toolbar’ button to change to the mobile view.
Inspecting the mobile view of your site in Chrome
You’ll notice the preview of your website will shrink to the mobile screen size.
You’ll also notice your website’s appearance change to the mobile view. In the example above, the menu has collapsed, and the Search icon has moved to the left instead of the right of the menu.
When you run your mouse cursor over the mobile view of your site, it’ll become a circle like this:
The circular mouse cursor in Chrome’s Inspect view
This circle can be moved with your mouse to mimic the touchscreen on a mobile device.
You can also hold down the ‘Shift’ key, then click and move your mouse to simulate pinching the mobile screen to zoom in or out.
Above the mobile view of your site, you’ll see some additional options.
Additional mobile options for inspecting your site in Chrome
These let you do several extra things. You can check how your site would look on different types of smartphones. You can also simulate your site’s performance on fast or slow 3G connections. You can even rotate the mobile screen using the rotate icon.
How to Create Mobile-Specific Content in WordPress
It’s important that your website has a responsive design, so your mobile visitors can easily navigate your website.
But simply having a responsive site may not go far enough. Users on mobile devices are often looking for different things than desktop users.
Many premium themes and plugins let you create elements that display differently on desktop versus mobile. You can also use a page builder plugin like SeedProd to edit your landing pages in mobile view.
Edit landing pages in mobile view with SeedProd
You should definitely create mobile-specific content for your lead generation forms. On mobile devices, these should ask for minimal information, ideally just an email address. They should also look good and be easy to close.
A great way to create mobile-specific popups and lead-generation forms is with OptinMonster. It is the most powerful WordPress popup plugin and lead generation tool on the market.
OptinMonster mobile campaign builder
OptinMonster has specific device-targeting display rules that let you show different campaigns to mobile users vs desktop users. You can even combine that with OptinMonster’s geo-targeting feature and other advanced personalization features to get the best conversion.
We hope this article helped you learn how to preview the mobile layout of your site. You may also want to take a look at our article on the best plugins to convert a WordPress site into a mobile app.
Bonus: Check out our pick of the best business phone services, so you can add a click to call button for mobile users.