WalkMe for mobile web enables users to access WalkMe on mobile devices such as Safari or Chrome. WalkMe for mobile web allows you to provide support for your users who are on-the-go with effective guidance anytime and anywhere they need it.
WalkMe for mobile web will be an important component of your implementation if a large portion of your users work remotely from a mobile device. This platform can help you alleviate problems experienced by your Salesman in the field or an employee who frequently travels.
Each item created in your mobile web environment is separate from items created in your desktop Editor to ensure the best user experience. All apps are available on mobile web and can be created very similarly to the desktop version. This allows you to deploy announcements, help, and calls to action outside of the traditional release cycle, saving you valuable development time.
WalkMe for mobile web is not enabled by default. To get access to this feature, contact your Account Manager to enable it for you.
WalkMe and WalkMe for Mobile Web are two different Editors. Switch between the two using the Systems button.
How It Works
Both your web and your mobile web content are created from the same Editor on your desktop device, but when designing content for mobile web, the Editor should be set to “Mobile Web”:
Additionally, go to your web browser’s dev tools and set the browser’s display to mobile:
This way you will be able to record and preview your mobile content, and understand what a mobile user will see.
WalkMe checks the device you are on and screen resolution to decide if mobile or desktop experience should load. First WalkMe checks if you are on a mobile device, then it checks screen resolution. When a mobile device is detected only the items created with the Mobile Emulator will be seen by users. When WalkMe detects a desktop browser, it automatically filters out items created for a screen size of less than 600×800 (resolution can be customized).
WalkMe for Mobile Web uses the same Snippet as the desktop version. However, since the UI of a mobile environment can vary greatly from a desktop to a mobile version, it is recommended that you build your WalkMe items custom to that environment. Using our mobile emulator, you’ll be able to select specific devices and see your environment as it would fit on that screen. This allows you to build with confidence knowing that your WalkMe items are tailored to different screen resolutions.
WalkMe for Mobile Web is an enabled feature. To request access contact your Customer Success Manager or contact Support. In order to use WalkMe for Mobile Web, you must be using the standard snippet on your site or Self Hosting. If you are currently using an extension, contact your Account Manager for more information on how to use WalkMe for Mobile Web.
Differences From Desktop
Items such as Walk-Thrus, Launchers, Resources, Task Lists, and Shuttles are all created the same way as the desktop version. This includes the use of Segmentation and Goals within your mobile environment. The design of some of these items will change in your mobile environment to better suit the smaller screen sizes: The WalkMe menu now appears smaller, balloons scale in size based on the screen resolution and shoutouts have unique templates.
There are a few differences between the desktop and the mobile version of the Walk-Thrus App. Because the mobile user cannot use triggers like Click or Hover. In the mobile emulator, these triggers are not available and have been replaced with Tap and Swipe.
Rule Types have been added to help Segment for mobile environments: Use Screen Size to determine the minimum desktop size or the maximum mobile size. Items may also be segmented by Browser Size, which accommodates for responsive sites. All other Rule Types will be available including segmentation for user type based on Variable, jQuery, and Cookie. If a Walk-Thru that works for an iPhone 5 in Portrait mode, may not work for an iPad in landscape mode, you can duplicate the Walk-Thru and change only the steps necessary. Once the alternative Walk-Thru is created, remember to segment both Walk-Thrus so they are only seen by users on the appropriate devices.
Testing and Evaluation
When testing Walk-Thrus and other items for mobile, begin testing in preview mode through the Editor. Thoroughly check all your items, paying special attention to layout issues. In addition, testing items directly on a mobile device is highly recommended. Test on devices that will be most commonly used by your audience. In order to test on the device itself, publish your items to a test environment.
Once published to production, your items for mobile can be reviewed as part of WalkMe Analytics. Mobile Web data is merged with Desktop Web data and can be viewed on the same account in Insights.
Try it Out
Re-create an existing Walk-Thru with the mobile emulator. This can help you understand the differences in your website across the desktop and the mobile version.
Test out this Walk-Thru on as many devices as possible to get as much information on potential problem spots. Next, brainstorm with your team to identify which processes are used the most on mobile. This might be very different from the processes completed on desktop. Consult with your users first to see which actions are most frequent from a mobile device.
Add a mobile web system
Add a mobile web system to an existing web system in the Admin Center.