WalkMe for Mobile Web

Last Updated November 8, 2026

Brief Overview

WalkMe for Mobile Web delivers guidance to users in any mobile browser, like Safari or Chrome. If many of your users work remotely or in the field, Mobile Web lets you support them on the devices they actually use.

You build mobile web content the same way you build for desktop, in a dedicated mobile web system. This article covers how to add a mobile web system, how WalkMe decides which content to show, and how to build and test for smaller screens.

Access

To access a system in the console:

  1. Open the WalkMe Console:
  2. Go to the Admin category
  3. Select Systems Management
  4. Select a system

Use Cases

  • Guide field or remote users through processes they complete on their phones
  • Build separate Smart Walk-Thrus for pages whose layout changes between desktop and mobile
  • Show phone and tablet users content segmented to their screen size

How It Works

Add a Mobile Web System

You can add mobile web to an existing web system:

  1. Hover over the system
  2. Open the Options menu
  3. Select Add mobile web
  4. Confirm by selecting Add mobile web

The Platform column now shows a Mobile Web tag.

To create a new system, refer to the following article:

Creating a System

Every app available on web is also available on mobile web, and you build it the same way. Items in a mobile web system are separate from your web and desktop items, so each environment gets content designed for it.Every app available on web is also available on mobile web, and you build it the same way. Items in a mobile web system are separate from your web and desktop items, so each environment gets content designed for it.

Snippet

Mobile web uses the same snippet as desktop. You need the standard snippet on your site or a self-hosted setup. If you use the WalkMe extension, reach out to your Customer Success Manager or WalkMe contact.

Note

WalkMe Menu for Mobile uses the WalkMe extension, so users can open WalkMe content through shuttles in the menu's mobile browser without the snippet.

Device detection

Before showing content, WalkMe checks the device type and then the screen resolution:

  • On a mobile device, WalkMe shows only items built with the mobile emulator
  • On a desktop browser, WalkMe hides items built for screens smaller than 600x800px - You can customize this resolution

Build in the editor

To build for mobile web, switch to the Mobile Web platform from the systems button in the editor.

Then set your browser to mobile display in dev tools. This lets you record and preview content the way mobile users see it.

Mobile emulator

The mobile emulator lets you choose specific devices and preview your site at their screen resolution. Mobile layouts often differ from desktop, so build items specifically for mobile rather than reusing desktop items.

Differences from desktop

Smart Walk-Thrus, launchers, resources, onboarding tasks, and shuttles work the same as on desktop, including segmentation and goals. Some designs adjust automatically to smaller screens:

  • The WalkMe Menu appears smaller
  • Balloons scale to the screen resolution
  • ShoutOuts use mobile templates

In the mobile emulator, Smart Walk-Thru steps use Tap and Swipe triggers in place of Click and Hover.

Segmentation

All rule types work on mobile web, including variable, jQuery, and cookie rules. 2 are especially useful:

  • Screen Size: Set a minimum desktop size or a maximum mobile size
  • Browser Size: Handle responsive sites

A Smart Walk-Thru that works on a phone in portrait mode might break on a tablet in landscape mode. If that happens, duplicate the Smart Walk-Thru, update only the steps that differ, and segment each version to the devices it's built for.

To learn more about segmentation, refer to the following article:

Segmentation

Technical Notes

  • Preview every item in the editor and check the layout closely
  • Publish to a test environment and test on the devices your users use most
  • Re-create an existing Smart Walk-Thru with the mobile emulator to find where your site differs between desktop and mobile
  • Ask your team and your users which processes they complete most on mobile, since these are often different from desktop
  • Mobile web supports the Pro Menu and the California widget
  • Local CSS in the WalkMe Editor isn't supported on mobile web
  • After you publish to production, mobile web data merges with desktop web data in Insights

Was this article helpful?

Thanks for your feedback!

Be part of something bigger.

Engage with peers, ask questions, share ideas

Ask the Community
×
×