Ideas on how to create a chat bubble

Ask us anything How do I?
1

image

On click

image
image371×747 68.4 KB

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.

Thanks

2

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 helps :slight_smile:

2 Likes
3

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.

4

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

Thanks @jptrinh

1 Like