MARKETPLACE
PLUGINS
XANO CONNECTOR
Xano Connector logo

Xano Connector

Published November 2022
   •    Updated this week

Plugin details

The Xano Connector uses the official Xano SDK and makes connecting your Bubble app to a Xano backend super simple by persisting user login states across browser tabs and windows and calling data from Xano directly from the browser for super fast data retrieval.
Visit the service url for detailed instructions on setting up this plugin.

----------------------

Built with love ❤️

Eli
Twitter - @elibeachy
Forum - @eli

Free

For everyone

4.4 stars   •   15 ratings
4.7K installs
This plugin does not collect or track your personal data.

Other actions

Platform

Web & Native mobile

Contributor details

Eli logo
Eli
Joined 2016   •   11 Plugins
View contributor profile

Instructions

MAY 15, 2024 ---------------
## Xano Real-Time Functionality Tutorial

This tutorial provides an overview of the new real-time functionality in Xano using the Xano connector plug-in.

### Initialization

- Initialize real-time setup with the Xano connector to access real-time functionality.
- Options include using the HTML element, the toolbox plug-in, or building a custom plug-in as an extension.

### Setting Up Real-Time

1. Enable real-time in your Xano workspace settings.
2. Obtain the connection hash provided after enabling real-time.
3. Update the Xano plug-in in your Bubble app with the real-time hash.

### Components in the Xano Plug-In

- **Xano Real-Time Listener:** Listens for messages on specified channels.
- **Actions:**
 - Join real-time channel
 - Leave real-time channel
 - Send real-time message

### Working with Channels

- Users can join multiple channels to receive messages.
- Messages sent to a channel are surfaced and triggered in the browser.

### Usage Example

1. Add a Xano real-time listener element to the page.
2. Define channels and set up join/leave buttons.
3. Send messages using the send real-time message action.
4. Listen for messages on specific channels using the listener element.

### Real-Time Interaction

- Messages can be strings, JSON objects, or arrays.
- Real-time updates allow for collaboration, chats, notifications, and more.

### Testing Real-Time Functionality

- Test real-time functionality within the same browser across different tabs or windows.
- Ensure messages are received and sent across channels for seamless communication.

### Conclusion

- The Xano real-time functionality offers a simple yet powerful way to enable real-time communication in your Bubble app.
- Stay tuned for more detailed tutorials and resources from Xano for maximizing the potential of real-time functionality.

Link to Loom

https://www.loom.com/share/35a6797a6edc49e281fef10c177937ec


----------------------

Built with love ❤️

Eli
Twitter - @elibeachy
Forum - @eli

The Xano Connector uses the official Xano SDK and makes connecting your Bubble app to a Xano backend super simple by persisting user login states across browser tabs and windows and calling data from Xano directly from the browser for super fast data retrieval.

Visit the service url for detailed instructions on setting up this plugin.

Types

This plugin can be found under the following types:
Api   •   Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Technical   •   Data (things)   •   Compliance   •   Small Business   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (4.4)

Amazing
January 26th, 2026
Effectively cut my WFU down by 95% using this plugin and Xano as my backend. Thanks Eli! I did just notice though, I can't control the height/width of the XanoData element.
being thrown out of login after some time/refreshes
July 24th, 2024
Hey Eli - I love the plugin! Its really great. Just one thing - sometime im just being thrown out from being logged in. not really sure why this happens. Are there any ways to make sure login state will remain unchanged?
perfect
July 20th, 2024
Show how
March 25th, 2024
Excelente Plugin
Greate plugin, saves a lot of time
March 5th, 2024
We have built a big project using the plugin, it's a great tool. It'll be great if the creators can add the possibility to set the datasource dynamically. We have some uses cases were additional databases are created on Xano besides live and test..
Bubble