| Suite | Team, Growth, Professional, Enterprise, or Enterprise Plus |
- If you currently use live chat, see Creating a messaging Web Widget when using live chat and Web Widget (Classic).
- If you don't use live chat and your account was created after November 2, 2021, see Creating a messaging Web Widget.
This article includes the following topics:
You can also activate messaging on an Android or iOS app.
Activating messaging in your account
After you confirm that you meet the requirements for using messaging, you can activate it in your account.
To activate messaging on your account
- In Admin Center, click
Channels in the sidebar, then select Messaging and social > Messaging. - Click Manage settings.
- On the Manage settings page, click Turn on messaging for your account.
If you see an onboarding page, you need to click Get started before you can activate messaging.
- Click Save settings.
After messaging is activated, it appears in your Channels list with Web Widget listed as an active channel.
Turning on messaging for a Web Widget
If you’re turning on messaging for a Web Widget without having previously used Web Widget (Classic), you’ll need to create a widget. Because messaging is activated per-brand, you’ll need to perform these steps for each brand that will offer messaging to your customers.
To activate messaging Web Widget
- In Admin Center, click Channels in the sidebar, then select Messaging and social > Messaging.
- Click Add Channel, then select Web Widget.
- On the Add Web Widget page, configure the following sections, and click Next when each is completed:
- Set up the basics: Enter a channel name, then use the dropdown to select a brand. Only brands without an existing Web Widget or Web Widget (Classic) appear in the list.
- Style the appearance: Enter a hexadecimal number or use the picker to select the Primary color, which is used in the Web Widget launcher and header. Upload an optional logo, and enter the title that will appear in the header.
- Install on your site: Choose where to install the Web Widget. See The Installation tab for more information on adding the Web Widget to your website or help center.
- Click Finish.
The Edit Web Widget page opens, where you can configure the Web Widget or leave it as-is for now. You can also customize the appearance of the Web Widget.
110 comments
Sawako Kubo
Thank you 1263082154109
I'll share the API documentation with our tech team.
1263082268129
We are okay with the default icon design, but if it's possible to change the icon, we'd like to change it to our chatbot mascot. Also, we'd like to change the bot icon which shows up in the widget window.
0
Miranda Burford
Hi Michael Smith & Amie Barder,
Yes, supporting custom launchers is still on our roadmap (a little delayed so apologies). This will work a little differently to what we have available within Web Widget (Classic) today but it's on our roadmap for Q3 2022. We will be introducing a new Admin setting to hide the launcher and then you'll be able to use our existing open & close APIs to decide when to show and hide the launcher.
Stay tuned! More to come on that soon.
- Miranda.
0
Miranda Burford
Hi Sawako Kubo,
Out of interest, what would you like to change the launcher icon to? Eg: Your business logo, another icon, etc. This is something that we are considering in the future so it would be helpful to know some additional information.
Thanks,
- Miranda.
0
Greg Katechis
Hi Sawako! You won't be to change the icon or the size of the window. If you'd like to prevent overlap, you will need to use the zIndex API.
0
Sawako Kubo
Does anyone know how to change the chat widget icon and the widget window size? The icon and some parts of our product GUI overlap, so we would like to change the size.
0
Shayan Moussawi
1265091197090 1264042865509
We are also looking for that functionality. I managed to get the Web Widget to show/hide by setting its z-Index value, is there anything that would speak against using this method?
zE('messenger:set', 'zIndex', -9999);0
Michael Smith
For us, too, we need the ability to hide/show the widget in Javascript as we were able to with the previous version of the SDK. We want to launch it from a sidebar where we already have various support and learning resources - so we need to suppress the default launcher entirely, as it just gets in the way and looks clunky.
0
Amie
1263082268129 Any word on the ability to hide/show the widget? I don't see it on the Productboard page under either "Under Consideration" or "In Progress". Is this no longer planned? We cannot use Messaging till this is available, so if its no longer in the roadmap, we'll need to opt for a competitor.
2
Diogo Maciel
Obrigado por esclarecer! Infelizmente no momento não há um guia feito por nós para personalizações avançadas no widget de messaging. Porém temos a documentação de desenvolvimento com comandos e SDKs que podem ser utilizados para personalizações como esta. Infelizmente no momento estas personalizações não estão no escopo do suporte que podemos fornecer. Você pode conferir a documentação abaixo
https://developer.zendesk.com/documentation/zendesk-web-widget-sdks/#:~:text=a%20rich%2C%20clean-,messaging%20experience,-The%20Zendesk%20Web
Espero que isso ajude! Se houver duvidas, estou a disposiçao.
0
Miranda Burford
Hi System Admin,
I understand your frustration. Whilst it seems like a really small thing, there is more involved than just a tiny CSS change (browser testing, etc). We'll do our best to try and prioritise this as quickly as possible.
Thanks again!
- Miranda.
0
Sign in to leave a comment.