How to View Mobile Version of Website on Desktop on WordPress?
Mobile phones play a crucial part in our lives and we rely heavily on them. Businesses large and small have recognised the power of mobile phones as a channel for marketing, customer engagement and business growth.
If you’re reading this, it’s likely you’re already aware of the importance of mobile websites in today’s world. You may have built a mobile-optimised version of your website or used a tool like Fluid to build a responsive WordPress website. Now you’re wondering how users can actually access your content when they’re on the go. Don’t worry – you can configure your WordPress dashboard to display the mobile version of your site when a user requests it. In this article, we will teach you how.
Step 1: Display the mobile version of your site by default
When a visitor requests your desktop website on a mobile phone, the default setting for them should be to view the mobile version of your site. You can use a tool like Google Analytics to track this automatically. Make sure you don’t simply hide the mobile version of your site behind a link or button – users should be able to easily find the content they’re looking for.
Step 2: Configure your WordPress dashboard to display mobile version by default
Once you’ve made sure that the mobile version of your site is displayed by default, you can begin configuring your WordPress dashboard to display this version. Login to your WordPress dashboard and navigate to the Settings page. Here you’ll find a number of useful settings that you can use to customise your experience on the site. When a user visits your website for the first time, they will automatically be shown the mobile version of your site. From here, you can enable this setting to display the mobile version of your site on every request, or you can choose to show the desktop version by default and then redirect mobile users to the mobile website when needed. The choice is yours!
Step 3: Customise your 404 error page to display mobile version
You can also use the Settings panel to customise your 404 error page. This is useful for displaying the mobile version of your site when users visit ‘non-existent’ URLs on your site. For example, if you have a shopify store and you try to access a product that doesn’t exist, you’ll be redirected to your 404 error page where you can set this to display the mobile version of your site.
You may want to use a tool like 404Ghost to automatically create and customise new 404 error pages for your site. This way you can ensure that mobile users are always shown the mobile version of your site when they get a 404 error. You can download 404Ghost from the Mac App Store or the Google Play Store.
Step 4: Configure your browsers to automatically switch to mobile version
Navigating with your desktop browser to a mobile website often isn’t straightforward if you’ve never done it before. To ensure that users always visit the mobile version of your site, you can configure your browser to automatically switch to the mobile version of a site whenever they visit a new website. This way, you don’t have to worry about remembering to visit the mobile version of your site – your browser will take care of it for you!
You can do this on a per-website basis if you’d like. If you’d like to automatically switch to the mobile version of your entire WordPress website when you visit a new website anywhere in the world, you can use our WordPress browser sync plugin. This plugin automatically updates the URLs of your WordPress site when you update them on one device. This ensures that if you change the URL of a WordPress blog post on one device, this change is reflected on all other devices you have connected to the network – in this case, your mobile phones.
If you use Google Chrome, you can also set a button to automatically switch to the mobile version of your site. Simply click the Chrome Menu button (three lines of squares) on the toolbar, select Settings then ‘Show advanced settings’ and find the ‘Mobile’ option under the ‘Privacy’ section.
Step 5: Display the mobile version of your site on all your social media platforms
Now that you’ve configured your WordPress dashboard to display the mobile version of your site, you can connect all your social media accounts to your website to ensure that your fans and followers see the mobile version of your site in their feeds whenever they visit any of your social media accounts.
You can use tools like Hootsuite to connect all your social media accounts and platforms (including Twitter, Instagram, and Facebook) to your website. After connecting your social platforms, you can visit Hootsuite and click the + button to create new blogs and websites. When you find one that you like, simply click the connect button to the right of the URL and follow the steps to make the connection. That’s it!
You can do the same on Instagram by going to your profile, clicking the three dots in the top right then selecting ‘Add to blog’ – you can even use a tool like Growoid to make the process quicker and easier.
Step 6: Display the mobile version of your site on your email marketing campaigns
Emails are another vital part of day-to-day life for many of us and businesses must have a way to reach potential customers where they are – whether that’s on their phones or via their desktop. If you’re managing an email marketing campaign, you can use software like Mailchimp to make generating and sending emails easier. When an email subscriber clicks on a link in your email, they will be taken to the mobile version of your site. From here, you can capture emails and analyse the effectiveness of your campaign.
Step 7: Make sure users can find your mobile website
Last but not least, we want to make sure that users can easily find your mobile website. You’ve configured your WordPress dashboard to display the mobile version of your site, but if they can’t actually find the content they’re looking for, it doesn’t matter how many settings you’ve tweaked – they’ll never know what they were missing out on!
To make sure that users can find your mobile website, log in to your Dashboard and click on Settings then ‘Reading then email newsletter’. Here you can choose to display your mobile website or use a service like Jetpack to display a mobile version of your website. Alternatively, you can also use a tool like Wistia to embed a video of your website in a readable form for readers – including mobile users.
While these tips will help you show your mobile website off to its fullest potential, it’s important to remember that mobile phones are not created equal. As with any other device, you’ll want to make sure that your site looks great on any smartphone or tablet. You should also make sure that your site is easily accessible and user-friendly on all devices.