Do not index
Since the launch of our Liveblocks plugin for Bubble, I’ve been ramping up on how-tos to make it easier to self-serve with the plugin. The latest guide focuses on adding live cursors, so you can not only track who’s on the page, but also show where they are in real time.
Live cursors allow you to:
- Track user movement: See where each user’s cursor is as they navigate the page.
- Show collaborative editing positions: Visualize where users are making edits in real-time.
- Enhance collaborative experiences: Provide real-time visual feedback for multiple users.
This new how-to guide walks you through setting up live cursors in your Bubble app.
What’s Inside?
In this step-by-step guide, you'll learn how to:
- Expose HTML elements: Enable tracking of cursor positions in Bubble.
- Add live cursor tracking: Modify workflows to display user cursors in real-time.
- Preview and test: See live cursor movements in action by previewing your app in multiple tabs.
Check out the full tutorial demo editor here or try the live demo.
Feel free to reach out with any questions, or if you’ve got feedback on new features you’d like to see—send me a note.
.png?table=block&id=9ba33ac6-8e12-48f6-b980-4333b612ec56&cache=v2)