Adding Zalo to the website will help Vietnamese customers easily interact with you because almost now everyone has at least 1 Zalo account. Add chat button Zalo for a website with an Official Account account, Zalo already supports, but I will guide in the article. In fact, most sellers in Vietnam are still not used to using Zalo OA, you often use personal Zalo to advise customers, so I will guide how to add a personal Zalo chat button to a beautiful website. in this article.
Code chat button Zalo personal beautiful website
This is the Zalo chat button for the website by Lucid Gen code, definitely different from the shared buttons on that network. What’s hot about this button.
- The desktop is the link https://chat.zalo.me/?phone=SĐT, click to chat immediately (Link zalo.me on the desktop cannot chat).
- Mobile is the link https://zalo.me/SĐT, click to automatically open the Zalo application and chat immediately.
- The circular effect spreads beautifully, attracting attention.
- Hover the mouse on the icon to jump to the word “Chat now”.
- There is a bubble that says “Chat support”, you can change it to a phone number.
Replace your phone number in place SDT_Cua_Ban in this code. Then add it to your website and enjoy.
Note: You need to change the phone number 2 times in the code above, once the desktop is the mobile phone. Not paying close attention is easy to forget.
I also added to take pictures for you to see how beautiful the chat button Zalo for Lucid Gen’s website is. The colors and icons are Zalo bold, and the effect is spread too .
When you hover on the mouse, the icon Zalo will turn into the word “Chat now”, very much is “call to action”, right.
On mobile, click to open the Zalo application to chat, and on the desktop, if you have not made friends, the guests will also go to chat and the guest will see the message and make friends.
But on the desktop that you open the zalo.me link, it will appear like this, not doing anything. So the Zalo chat code for Lucid Gen’s website is the same as the link between desktop and mobile.
How to get code chat button Zalo OA for the web
To get the chat code Zalo OA for your website visit developers.zalo.me/docs/social/zalo-chat-widget . Note that your OA must be active. If you are reviewing or locked, you cannot choose.
Then you choose the correct OA account and click the Get code button. In the Width (horizontal) and height (vertical) sections, leave the default chatbox as default because Zalo is also well-aligned.
You copy this code chat Zalo OA to paste in the website. Follow the instructions above of the article.
This is the chat button of Zalo OA for the website, it also has a red spillover effect.
When clicking the Zalo OA chat icon, it will open an online chat box like this. But users must be logged into Zalo on the website to chat.
How to add chat button Zalo to the website
Whether individual chat button Zalo or chat Zalo OA, the way to add code to the website is the same. Here I guide the 2 most popular platforms, LadiPage and WordPress.
Add chat Zalo to the website with Ladipage
You go to edit LadiPage, click on Setup and choose Javascipt Code / CSS . Then you add the chat code Zalo to the Body section and then save and Publish .
Add chat Zalo to website with WordPress
For WordPress, you need to install the Insert Headers and Footers plugin to be able to add any code, including the chat button Zalo.
Then go to Settings > Insert Headers and Footers and paste the code in the Body box , then click the save button below .
How do you see the chat button Zalo for your website? If you find it interesting, please share it with your colleagues. If you have any questions, feel free to leave a comment below. Wish you a hundred applications per day ^ _ ^.