💬 Air Chat - New Plugin from Zeroqode

[ZeroqodeSupport]

Hi @alexh6788, thanks for your question.

@alexh6788

a way to make a audible notification whenever a new message is sent and when one is received

Currently, the plugin has an event “A Chat Message Sent” that allows you to trigger a play sound workflow on such an event.

We will ask the developer team about the possibility to add an event that will trigger once a new message is received.
Once any feedback will become available in this regard, we will let you know asap.

Thank you for understanding

Regards,
Zeroqode Support Team

[ZeroqodeSupport]

Hi @alexh6788, thanks for your patience.
Regretfully, currently, there is no possibility to add an event that would trigger when a new message is incoming, as it would interfere with other plugin features. Sorry about that.

Please let us know if there are any other plugin-related questions that we can help with.

Regards,
Zeroqode Support Team

[ZeroqodeSupport]

Hello, friends!

We have something good to share. There are a lot of things we have done to make our Air Chat plugin glow , such as:

the plugin was adapted to work with several chats, that is, you can use several elements on the page at the same time (previously it was impossible);
fixed a bug with the location of the Context Menu (in some cases it appeared at the bottom of the viewport and was cut off because of this);
fixed bugs with options: share message, send images, reply to message;
optimized chat loading speed;
added dark/light mode (theme);
updated the plugin demo page design;
added a duo-chat to the plugin demo (messenger-like);
plugin and demo page were transferred on the new responsive engine (for plugins, and design).

Hope, you will like it.
Regards,
Zeroqode Support Team

[davideosmith]

I installed the plugin and am attempting to use the messenger functionality. I copied the messenger group and popups directly from the demo page, and then duplicated the associated data types. I removed all references to dark mode as I do not have need of it. The chat plugin looks normal at first but I have 2 issues:

1. When I create a new chat, in the members pane it indicates that the members added have uploaded a file (which they have not)
2. When a user types in chat text entry box and either hits enter or clicks on the send button, nothing happens. When I check the app data, there is nothing there.

I also notice that some of the Elements like “A chat message sent” do not appear in my Elements list at all, and I don’t see any HTML header for the page.

I would appreciate any assistance I can get.

[ZeroqodeSupport]

Hello @davideosmith,
I hope you are doing well.

Looks like I have already replied to you on a different forum thread. https://forum.bubble.io/t/re-air-chat-new-plugin-from-zeroqode/311161

Can you please let us know if you had the chance to prepare the additional details asked there?

If you have additional questions, please don’t hesitate to reach out and we recommend sticking to one forum thread to avoid any delays and misunderstandings.

Thank you for your cooperation and wish you a great weekend ahead.
Regards,
Zeroqode Support Team.

[applepatient]

i bought air chat PRO plugin and copied steps from docs. But problems below:

1. i do not see my typed messages on screen.
2. I understand i will need to copy the Chat element on each user page. I did that.

[ZeroqodeSupport]

Hello @applepatient,

Thank you for reaching out!

Regarding the concern of typed messages not showing on the screen, here are a few steps to troubleshoot and resolve the problem:

Verify Database Setup

• Ensure your database fields are correctly configured as outlined in the documentation. You typically need fields like:
  • Messages (to store the list of messages).
  • User or Sender (to identify the message sender).

Confirm Workflow Configuration

• Check that your workflow saves messages to the database whenever a message is sent. Here’s an example workflow:
  • On button click (e.g., “Send”), trigger a workflow.
  • Save the input’s value (message content) to the database.
  • Refresh the chat display (e.g., a repeating group) to show the latest messages.

Check Repeating Group or Chat Display

• Ensure the element displaying the chat messages is set up to fetch data correctly from the database. For instance:
  • The data source of your repeating group could be: Do a search for Messages, sorted by Creation Date.

Debug Visibility Issues

• Review any conditional formatting or states that control the visibility of the messages. If a condition is unintentionally hiding the messages, it may prevent them from displaying.

Additionally, we recommend checking the demo editor for the Air Chat Pro plugin to see how everything is set up and functioning there. You can explore the workflows and configurations to compare with your setup:

Bubble Editor - Zeroqode-demo-24

Please check these points and let us know about any progress on your side, thanks and we look forward to your response.

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble

[applepatient]

Thank you for responding. I have so many questions. please bear with me.

I assumed that If I have this plugin as “Element” then it will just start working out of the box on the page. all i have to do is configure according to your docs website guide which i did. Set up data types, workflow etc.

So… I have not added any new data types or added any new fields. I did only what the guide told me.

I wait for your comment. I see in your demo editor, in your demo DB, so many so many data types and fields exist which confuses me, at least at this moment. Please keep reading.

my data types

Now lets move to next situation - app data in DB
The DB shows the messages under the user who is typing the messages on the screen. That means DB is setup correct, events/actions workflow setup correctly.
see image below. Let me know if you want to see Events/action workflow SS and i will send it. I did not attach it here but its attached end of this message.

Now lets move to next - Which type of chat Exactly I need to copy/follow from demo editor? You have multi-chat, duo-chat and messenger options.

MY chat system is between Two different users (two different user types)… Same user types cannot message each other but each user type can directly chat with each other…The chat in my app acts just like a marketplace app.
I will setup chat on each of the user type’s pages individually.

So, from your 3 choices, Which one is suited for me ?
My guess, after looking at behavior of each chat type in your editor, is that I need DUO-CHAT. Coz Messenger is like a chat room and Multi-chat is like group chat and both these use cases are not for me. But please confirm for me.

OK… so…

1. if i try to simply drag drop chat element plugin on my page - it works, in DB and on screen. This very much behaves like duo-chat except the list of users and chats is missing to be configured.
   see SS here.
   

   

2. But if I copy paste the WHOLE DUO-CHAT UI from your demo editor… and configure how i saw in demo editor… then the workflow breaks. DB action stops, and screen messages also stops. So i removed it. it was just a test to see if i can make this work.

• See SS below.

Last Question

***** please also comment on how one user can initiate CHAT to another user? ideally, each user type can click on CHAT ICON on their page UI and the chat begins. Any basic nudge is appreciated. I can figure out the rest.

*** and once a user has had chat with few other users - DO i still need to design and configure the appearance/layout/logic of - List of chats? list of chat is like what i saw on your DUO-CHAT UI of demo editor. see SS below.

**** please also comment if for my use case if i need to copy anything else from your DEMO EDITOR ?

[ZeroqodeSupport]

Hello @applepatient ,

Thank you for your detailed message.

While we can provide general advice and fix any possible glitches, customizations—such as adapting workflows and database structures to fit your marketplace-style chat system—are outside the scope of our general support. We recommend aligning your database and workflows with the demo editor’s structure for Duo-Chat and modifying them to meet your specific requirements.

If you need assistance building functionalities, Zeroqode also offers customization services. Please complete the form on our website with all the details, and one of our managers will get back to you with more information.

Thank you for your understanding. If you have any other questions, please let us know.

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble

[applepatient]

I do not need your help with customizing and features. As a beginner bubble developer, I was just trying to make sense what to do?

1. Do i also need to create the other two RG in my app (members RG and Chat files RG shown in DUO CHAT in demo editor )? If so i am happy to do so and configure. And then along with it i can figure out DB structure for it.

[ZeroqodeSupport]

Hello @applepatient,

Thank you for your message.

Based on your description, it appears the issue may be related to how the data types and workflows are set up. I recommend verifying your configuration against the Duo-Chat element by ensuring the following:

• Database Structure: Double-check that your data types (e.g., User, Chat, Message) and their respective fields match the demo’s structure. This alignment is crucial for proper workflow functionality.

• Required Elements: Make sure all essential repeating groups—such as the Members RG and Chat Files RG—are included and correctly configured, but only if they are relevant to your app.

• Saving Messages: Confirm that you have added the workflow steps to save messages in the database, just as demonstrated in our example from the demo page.

If you’re still experiencing difficulties, consider starting with a simplified version of your setup and gradually adding complexity as you verify each step.

Thanks again, and wishing you a great weekend!

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble