Brief Overview
The Drag and Drop Widget feature lets users reposition the WalkMe widget on the page. When enabled, users can move the widget to predefined anchor points to avoid covering important page elements.
How It Works
When drag and drop is enabled:
- Three dots appear on the WalkMe widget to indicate it can be moved
- Users can drag the widget from the dots to a new location
The page includes anchor points that define where the widget can be placed:
- There are 12 anchor points available by default
- As a user approaches an anchor point, a dotted rectangle appears to indicate a valid placement area
Once released, the widget snaps into the selected anchor point.
To enable drag and drop for the WalkMe widget:
- In the editor, select the Settings icon
- Select Customize content style
- In Customize Player, open the Settings tab
- Turn on Allow Drag & Drop Widget
- Select Save
Drag and drop settings are published as part of the settings publish, the same as widget configuration and customization.
Technical Notes
- This feature is not supported on sites or pages that do not support drag and drop events
- Pages that load the prototype.js framework do not support drag and drop, because the framework blocks WalkMe drag-and-drop event listeners
- Due to the 12-anchor layout, Zambezi and Danube widget types are not supported
- The California widget supports only 4 drag and drop anchor points
- Drag and drop is not supported on mobile web
