[image] On click [image] I want to try and create a component like this Basically a chatbubble that hovers over website (like the support button we have in weweb) Whats the best way to do it ? Can anyone point me in the right direction I don’t want exact steps… Just need some directions. Th…

Hey @dingan You can have a button with a fixed position (maybe in a distinct section so that you can reuse it through your app). This way, the button will always be positioned relative to the screen. On click you can have a workflow to display/hide the component that holds the chat. Hope that help…

Thanks @jptrinh I was able to place the button on fixed length and height. But when I click to open that container It basically pushes my button out of screen.

Ideas on how to create a chat bubble

Ask us anything How do I?

dingan (Aby - Republic Of NoCode) February 17, 2024, 10:33pm 4

Nevermind
I added 2 seperate containers and set them both to fixed.
that did the job

Thanks @jptrinh

1 Like

Topic		Replies	Views
Design complex shape How do I? design	3	285	January 9, 2024
Creating a floating button on mobile How do I? design	2	534	October 19, 2023
Interactive Walkthrough Ask us anything design	6	137	December 18, 2024
Brevo chat integration How do I?	3	115	September 10, 2024
Is it possible to move the chat button on the forum New Topic page? Ask us anything	2	17	September 29, 2025

Ideas on how to create a chat bubble

Related topics