How to show announcements only to mobile users

Do you want to show announcements to only mobile users?

In this article, I’ll show you how we can use the Announcer plugin to show announcement messages in bar only to mobile users. See a demo here.

Creating the Announcement Bar

Using the Announcer plugin, it is very easy to create message bars, even multiple of them.

The feature to display announcement bar only on mobile devices is available in the free version of the plugin itself. You can also upgrade to the PRO version for more advanced features like the news ticker effect, visitor conditions, and more.

To install and create the announcement bar read the guide to get started.

Installing the Announcer WordPress plugin
Installing the Announcer WordPress plugin

Configuring the Settings

Head over to the announcement edit page and click on “Location rules” under the “Settings” section.

Here, under the “Display Conditions” you can select on which devices you want to show the announcement bar.

Select “On mobile devices alone” for “Show on devices”.

Configuring Location rules for an Announcement bar
Configuring Location rules for an Announcement bar

Save the settings.

Now, it is time to check if it works. Visit your website from a desktop device and you should not see the announcement bar.

Open your website from your mobile device. Notice the announcement bar is shown.

Adding More Rules

We were able to show the announcement bar only to mobile users. This is indeed very easy to configure.

What if you want to show the announcement bar to mobile users who are new to your website or to users who use Windows OS?

Configuring Visitor conditions in Announcer
Configuring Visitor conditions in Announcer

You can configure this in the Announcer PRO version. There is a feature called “Visitor conditions” where you can build your own rule like mentioned above.

When you use the PRO version, under the “Visitor conditions” tab, you can add your rules.

Learn more about the rules provided and how to configure them on the Announcer documentation page.

Conclusion

In this article, we saw how easy it was to show an announcement bar only on mobile devices.

We also saw how we can level up with the options provided in the PRO version.

If you have any questions, please share them in the comments section below.

Subscribe for updates

Get updates on the WordPress plugins, tips and tricks to enhance your WordPress experience. No spam. View newsletter

Add your comment 1 Comment so far