How to set up affordable chat functionality, with or without using Talk.JS, to enable users to message directly from their profiles? Answered

Post author
Manuel Ogomigo

Found out how to add chat messaging connected with memberstack with nocode.
Wanted to use talk js, but was too expensive, this is way cheaper and easy to implement.
Took me less than 15 mins to set it up. The platform is CometChat

Implement Groups, Encryption, AI, notifications etc,
let me know if you want to learn how and I'll create a video on it. 😁 (UPDATE https://www.youtube.com/watch?v=oFh4Jz8Xqts)

Comments

6 comments

  • Comment author
    Shadi null

    THIS IS AMAZING!!!!
    I’d love a tutorial on this please :D

    Such a valuable discovery for bootstrapped startups :D

    0
  • Comment author
    Manuel Ogomigo

    Shadi null sureĀ 

    Tutorial is live 🄳🄳🄳
    Learn how to add inapp messaging to your memberstack site.
    • Notifications (Push and Email)
    • Group
    • Encryption
    • Video and voice chat
    and more
    Ā 
    0
  • Comment author
    Arjan Sahni

    Hi everyone! I’m new to Memberstack and currently building GetStyled (www.getstyled.in), a marketplace for booking wedding and personal stylists for Indian NRIs.

    I want to implement a P2P chat feature using Talk.JS, where customers can message stylists directly from their profiles. However, I’m a bit confused about how to set this up.

    Here are my key questions:

    1. User Roles: I have two CMS collections—one for customers and one for stylists. Is it possible to configure Memberstack so that only customers can message stylists (and not the other way around)?
    2. ā€œSend a Messageā€ Button: I want customers to be able to message a stylist directly from their profile page (e.g., Meghna Kotawala’s profile). Right now, clicking the button opens a new ā€œSign Upā€ page for customers. After sign up I am unable to redirect the customer to the stylist page again to start the chat
    3. Is it possible to message a stylist directly on the stylist profile page, In the demo it is opening a new page called ā€œChatā€

    Any guidance, best practices, or relevant resources would be really appreciated! Thanks in advance šŸ™Œ

    For reference, this is the kind of experience that I am trying to create. When a user clicks ā€œSend a messageā€ I want to open this popup that allows them to enter the message directly on the stylist profile page.

    0
  • Comment author
    A J

    Hey Arjan Sahni, I will try to answer your queries with my suggestions and what I understood from your brief.

    1. If you want that only customers can initiate a conversation and the stylists can't, you just have to ensure the chat option in the stylish dashboard (in your case) is removed. And have the "message stylist" option enabled for the customers, so that they can see the chat option in the stylist profile page. Let me know if you mean something else.
    2. To achieve this, you can add a custom attribute data-ms-redirect="current-url" to the "Send a message" button on the stylist profile page. This will ensure that when a customer clicks on chat option, they signup / login and after that they are redirected back to the stylist page that they initiated this process from.
    3. Yes, it should be possible. If you check this premium template, the applicant profile has an in-built chat section and does not redirect to another page. If you want it to act as a pop-up, you would need to custom develop it with interactions and handle the setup accordingly.

    Hope this helps and gives you some idea.

    0
  • Comment author
    Chad

    Hello Everyone - need some expert suggestions here from this amazing group. We are looking to build in a "Communications Hub" into our Webflow/Membertack member dashboard. This would be private and broadcast style messages with very limited feature to start. Basically send and receive messages like (Gmail). We would be sending messages in between two platforms (Loveable/Supabase/EdgeAPI) <> (Webflow/Memberstack) - with OpenAPI real-time localization (English <> Spanish). We are looking for a cost effective way to build this on the backend or 3rd party tool - so far we only found this tool (https://talkjs.com/pricing/) which is not cheap. Any build something similar, recommendations?

    0
  • Comment author
    A J

    Hey Chad,

    While I have not tested these tools personally, if not TalkJS, you might explore tools like CometChat, Memberchat to see if that fits your project requirements.

    0

Please sign in to leave a comment.