How do I keep the preview message from popping up on other pages after someone has closed out the chatbot on one page? Something similar to this: <div> <script type="module"> import Typebot from '...';
// Check if the user has closed the bubble before const hasDismissedBubble = localStorage.getItem('typebotDismissed') === 'true';
// Listen for the bubble close event and save the dismissal Typebot.on("bubbleClosed", () => { localStorage.setItem('typebotDismissed', 'true'); }); </script> </div>
Hi Baptiste! Just checking in on this request. Also, is there a way to put a close button on the top right of a chat like we have on the preview message?
Hi! Checking in to see if you have any thoughts on add the "x" to the top right? Also, could it be a permanent button instead of a rollover? For example, on the preview it shows up on as a rollover and so it doesnt show up on mobile.
No, this is what they said "The close arrow might be confusing because it looks like the blue subscribe button on our website. Can we add an X at the top right so if someone accidentally clicks on it they’ll have a more intuitive way to X it out?"
position fixed, only displayed when the bot is opened
Add a reply
Sign up and join the conversation on Discord
","answerCount":17,"upvoteCount":0,"datePublished":"2024-11-15T23:29:27.774Z","author":{"@type":"Person","url":"https://community.typebot.io/members/bd5ef834-73b1-43b9-9373-3241f51f33c8","name":"Melissa","identifier":"bd5ef834-73b1-43b9-9373-3241f51f33c8","image":"https://cdn.discordapp.com/avatars/1288581059545661441/32c59c4285df37bd1e59207858964a87.webp?size=256"},"suggestedAnswer":[{"@type":"Answer","text":"That’s a good point, we need a way to trigger some code when the user dismisses the preview message so that you can indeed set it in local storage","upvoteCount":0,"dateCreated":"2024-11-16T12:47:10.669Z","datePublished":"2024-11-16T12:47:10.669Z","dateModified":"2024-11-16T12:47:10.669Z","url":"https://community.typebot.io/dismiss-preview-message-4BSWptlvmTKj#90708d99-d5c6-4a4d-ad37-81cfdfba26f6","author":{"@type":"Person","url":"https://community.typebot.io/members/589d2b28-a111-4f02-a228-ad757d0e0112","name":"Baptiste","identifier":"589d2b28-a111-4f02-a228-ad757d0e0112","image":"https://cdn.discordapp.com/avatars/621241109913403395/6fd7e5e4b8bca7e84d2c0bbdf9906a08.webp?size=256"}},{"@type":"Answer","text":"https://github.com/baptisteArno/typebot.io/issues/1888","upvoteCount":0,"dateCreated":"2024-11-16T12:48:38.824Z","datePublished":"2024-11-16T12:48:38.824Z","dateModified":"2024-11-16T12:48:39.593Z","url":"https://community.typebot.io/dismiss-preview-message-4BSWptlvmTKj#a6c66805-6871-4259-89dd-5286fdc5ded5","author":{"@type":"Person","url":"https://community.typebot.io/members/589d2b28-a111-4f02-a228-ad757d0e0112","name":"Baptiste","identifier":"589d2b28-a111-4f02-a228-ad757d0e0112","image":"https://cdn.discordapp.com/avatars/621241109913403395/6fd7e5e4b8bca7e84d2c0bbdf9906a08.webp?size=256"}},{"@type":"Answer","text":"Will work on that today","upvoteCount":0,"dateCreated":"2024-11-16T12:48:49.076Z","datePublished":"2024-11-16T12:48:49.076Z","dateModified":"2024-11-16T12:48:49.076Z","url":"https://community.typebot.io/dismiss-preview-message-4BSWptlvmTKj#bea62eee-4b0d-4d69-bb50-78bd86506c24","author":{"@type":"Person","url":"https://community.typebot.io/members/589d2b28-a111-4f02-a228-ad757d0e0112","name":"Baptiste","identifier":"589d2b28-a111-4f02-a228-ad757d0e0112","image":"https://cdn.discordapp.com/avatars/621241109913403395/6fd7e5e4b8bca7e84d2c0bbdf9906a08.webp?size=256"}},{"@type":"Answer","text":"ok great. thank you!!","upvoteCount":0,"dateCreated":"2024-11-16T23:57:31.362Z","datePublished":"2024-11-16T23:57:31.362Z","dateModified":"2024-11-16T23:57:31.362Z","url":"https://community.typebot.io/dismiss-preview-message-4BSWptlvmTKj#5b8db041-348f-47b0-8ae0-2819f2b6bdab","author":{"@type":"Person","url":"https://community.typebot.io/members/bd5ef834-73b1-43b9-9373-3241f51f33c8","name":"Melissa","identifier":"bd5ef834-73b1-43b9-9373-3241f51f33c8","image":"https://cdn.discordapp.com/avatars/1288581059545661441/32c59c4285df37bd1e59207858964a87.webp?size=256"}},{"@type":"Answer","text":"Hi Baptiste! Just checking in on this request. Also, is there a way to put a close button on the top right of a chat like we have on the preview message?","upvoteCount":0,"dateCreated":"2024-11-17T17:12:39.027Z","datePublished":"2024-11-17T17:12:39.027Z","dateModified":"2024-11-17T17:12:39.027Z","url":"https://community.typebot.io/dismiss-preview-message-4BSWptlvmTKj#09b0589b-17f8-4ab1-b573-ff5b975646aa","author":{"@type":"Person","url":"https://community.typebot.io/members/bd5ef834-73b1-43b9-9373-3241f51f33c8","name":"Melissa","identifier":"bd5ef834-73b1-43b9-9373-3241f51f33c8","image":"https://cdn.discordapp.com/avatars/1288581059545661441/32c59c4285df37bd1e59207858964a87.webp?size=256"}},{"@type":"Answer","text":"Shipping this in a bit 🙂","upvoteCount":0,"dateCreated":"2024-11-18T13:19:10.981Z","datePublished":"2024-11-18T13:19:10.981Z","dateModified":"2024-11-18T13:19:10.981Z","url":"https://community.typebot.io/dismiss-preview-message-4BSWptlvmTKj#1ec4ae47-a6e9-4050-beab-582d6c07a99e","author":{"@type":"Person","url":"https://community.typebot.io/members/589d2b28-a111-4f02-a228-ad757d0e0112","name":"Baptiste","identifier":"589d2b28-a111-4f02-a228-ad757d0e0112","image":"https://cdn.discordapp.com/avatars/621241109913403395/6fd7e5e4b8bca7e84d2c0bbdf9906a08.webp?size=256"}},{"@type":"Answer","text":"Why would you need this?","upvoteCount":0,"dateCreated":"2024-11-18T13:20:02.729Z","datePublished":"2024-11-18T13:20:02.729Z","dateModified":"2024-11-18T13:20:02.729Z","url":"https://community.typebot.io/dismiss-preview-message-4BSWptlvmTKj#160c0518-74eb-4257-8688-ae8b8ca7ab37","author":{"@type":"Person","url":"https://community.typebot.io/members/589d2b28-a111-4f02-a228-ad757d0e0112","name":"Baptiste","identifier":"589d2b28-a111-4f02-a228-ad757d0e0112","image":"https://cdn.discordapp.com/avatars/621241109913403395/6fd7e5e4b8bca7e84d2c0bbdf9906a08.webp?size=256"}},{"@type":"Answer","text":"some users are saying the arrow down to close is not as user-intuitive as an \"x\" in the top right.","upvoteCount":0,"dateCreated":"2024-11-18T20:50:39.197Z","datePublished":"2024-11-18T20:50:39.197Z","dateModified":"2024-11-18T20:50:39.197Z","url":"https://community.typebot.io/dismiss-preview-message-4BSWptlvmTKj#22885d34-0967-4071-8b2c-8e139df5efbe","author":{"@type":"Person","url":"https://community.typebot.io/members/bd5ef834-73b1-43b9-9373-3241f51f33c8","name":"Melissa","identifier":"bd5ef834-73b1-43b9-9373-3241f51f33c8","image":"https://cdn.discordapp.com/avatars/1288581059545661441/32c59c4285df37bd1e59207858964a87.webp?size=256"}},{"@type":"Answer","text":"That’s shipped!","upvoteCount":0,"dateCreated":"2024-11-19T21:51:18.834Z","datePublished":"2024-11-19T21:51:18.834Z","dateModified":"2024-11-19T21:51:18.834Z","url":"https://community.typebot.io/dismiss-preview-message-4BSWptlvmTKj#ede920e3-884c-45ab-935a-f37903c3f8b5","author":{"@type":"Person","url":"https://community.typebot.io/members/589d2b28-a111-4f02-a228-ad757d0e0112","name":"Baptiste","identifier":"589d2b28-a111-4f02-a228-ad757d0e0112","image":"https://cdn.discordapp.com/avatars/621241109913403395/6fd7e5e4b8bca7e84d2c0bbdf9906a08.webp?size=256"}},{"@type":"Answer","text":"Ok thank you for the feedback, let me evaluate this","upvoteCount":0,"dateCreated":"2024-11-19T21:51:33.108Z","datePublished":"2024-11-19T21:51:33.108Z","dateModified":"2024-11-19T21:51:33.108Z","url":"https://community.typebot.io/dismiss-preview-message-4BSWptlvmTKj#d3d7734a-4422-4943-a382-997f6031f06e","author":{"@type":"Person","url":"https://community.typebot.io/members/589d2b28-a111-4f02-a228-ad757d0e0112","name":"Baptiste","identifier":"589d2b28-a111-4f02-a228-ad757d0e0112","image":"https://cdn.discordapp.com/avatars/621241109913403395/6fd7e5e4b8bca7e84d2c0bbdf9906a08.webp?size=256"}},{"@type":"Answer","text":"Oh great! Thank you so much!","upvoteCount":0,"dateCreated":"2024-11-19T22:35:17.148Z","datePublished":"2024-11-19T22:35:17.148Z","dateModified":"2024-11-19T22:35:17.148Z","url":"https://community.typebot.io/dismiss-preview-message-4BSWptlvmTKj#f5bb73d8-2e94-4962-bdf3-79f93420d0c6","author":{"@type":"Person","url":"https://community.typebot.io/members/bd5ef834-73b1-43b9-9373-3241f51f33c8","name":"Melissa","identifier":"bd5ef834-73b1-43b9-9373-3241f51f33c8","image":"https://cdn.discordapp.com/avatars/1288581059545661441/32c59c4285df37bd1e59207858964a87.webp?size=256"}},{"@type":"Answer","text":"Hi! Checking in to see if you have any thoughts on add the \"x\" to the top right? Also, could it be a permanent button instead of a rollover? For example, on the preview it shows up on as a rollover and so it doesnt show up on mobile.","upvoteCount":0,"dateCreated":"2024-11-26T17:10:15.234Z","datePublished":"2024-11-26T17:10:15.234Z","dateModified":"2024-11-26T17:10:15.234Z","url":"https://community.typebot.io/dismiss-preview-message-4BSWptlvmTKj#24fce416-889a-429a-a3db-de888775716d","author":{"@type":"Person","url":"https://community.typebot.io/members/bd5ef834-73b1-43b9-9373-3241f51f33c8","name":"Melissa","identifier":"bd5ef834-73b1-43b9-9373-3241f51f33c8","image":"https://cdn.discordapp.com/avatars/1288581059545661441/32c59c4285df37bd1e59207858964a87.webp?size=256"}},{"@type":"Answer","text":"Did you have user telling you \"How to close the chat\"?","upvoteCount":0,"dateCreated":"2024-12-01T17:04:40.190Z","datePublished":"2024-12-01T17:04:40.190Z","dateModified":"2024-12-01T17:04:40.190Z","url":"https://community.typebot.io/dismiss-preview-message-4BSWptlvmTKj#c9f9e09d-a110-4457-a0e5-fd46277596ec","author":{"@type":"Person","url":"https://community.typebot.io/members/589d2b28-a111-4f02-a228-ad757d0e0112","name":"Baptiste","identifier":"589d2b28-a111-4f02-a228-ad757d0e0112","image":"https://cdn.discordapp.com/avatars/621241109913403395/6fd7e5e4b8bca7e84d2c0bbdf9906a08.webp?size=256"}},{"@type":"Answer","text":"No, this is what they said \"The close arrow might be confusing because it looks like the blue subscribe button on our website. Can we add an X at the top right so if someone accidentally clicks on it they’ll have a more intuitive way to X it out?\"","upvoteCount":0,"dateCreated":"2024-12-03T21:55:31.563Z","datePublished":"2024-12-03T21:55:31.563Z","dateModified":"2024-12-03T21:55:31.563Z","url":"https://community.typebot.io/dismiss-preview-message-4BSWptlvmTKj#5a578966-e0a5-4591-b06e-825f18e3154a","author":{"@type":"Person","url":"https://community.typebot.io/members/bd5ef834-73b1-43b9-9373-3241f51f33c8","name":"Melissa","identifier":"bd5ef834-73b1-43b9-9373-3241f51f33c8","image":"https://cdn.discordapp.com/avatars/1288581059545661441/32c59c4285df37bd1e59207858964a87.webp?size=256"}},{"@type":"Answer","text":"I need something that comes from the users not the product designer 🙏","upvoteCount":0,"dateCreated":"2024-12-05T14:53:30.959Z","datePublished":"2024-12-05T14:53:30.959Z","dateModified":"2024-12-05T14:53:30.959Z","url":"https://community.typebot.io/dismiss-preview-message-4BSWptlvmTKj#72b57c8e-8adb-4c99-9c2c-d5e7b21d9890","author":{"@type":"Person","url":"https://community.typebot.io/members/589d2b28-a111-4f02-a228-ad757d0e0112","name":"Baptiste","identifier":"589d2b28-a111-4f02-a228-ad757d0e0112","image":"https://cdn.discordapp.com/avatars/621241109913403395/6fd7e5e4b8bca7e84d2c0bbdf9906a08.webp?size=256"}},{"@type":"Answer","text":"You could also create your own button 🙂","upvoteCount":0,"dateCreated":"2024-12-05T14:53:44.672Z","datePublished":"2024-12-05T14:53:44.672Z","dateModified":"2024-12-05T14:53:44.672Z","url":"https://community.typebot.io/dismiss-preview-message-4BSWptlvmTKj#69ad9d3a-9d26-4642-9ca8-b752d8f80abf","author":{"@type":"Person","url":"https://community.typebot.io/members/589d2b28-a111-4f02-a228-ad757d0e0112","name":"Baptiste","identifier":"589d2b28-a111-4f02-a228-ad757d0e0112","image":"https://cdn.discordapp.com/avatars/621241109913403395/6fd7e5e4b8bca7e84d2c0bbdf9906a08.webp?size=256"}},{"@type":"Answer","text":"position fixed, only displayed when the bot is opened","upvoteCount":0,"dateCreated":"2024-12-05T14:53:55.431Z","datePublished":"2024-12-05T14:53:55.431Z","dateModified":"2024-12-05T14:53:55.431Z","url":"https://community.typebot.io/dismiss-preview-message-4BSWptlvmTKj#880a448d-9a44-4a06-81b7-4d94b4dd52b8","author":{"@type":"Person","url":"https://community.typebot.io/members/589d2b28-a111-4f02-a228-ad757d0e0112","name":"Baptiste","identifier":"589d2b28-a111-4f02-a228-ad757d0e0112","image":"https://cdn.discordapp.com/avatars/621241109913403395/6fd7e5e4b8bca7e84d2c0bbdf9906a08.webp?size=256"}}]}}
