Adding Zalo to the website will help Vietnamese customers easily interact with you, as almost everyone now has at least 1 Zalo account. Add Zalo chat button for the website with Official Account, Zalo has support, but I will guide always in the article. In fact, most sellers in Vietnam are still not used to using Zalo OA, you often use Zalo personally to advise customers, so I will guide how to add personal Zalo chat button to this beautiful website in this article.
Personal Zalo chat button code for the website is extremely beautiful
This is the Zalo chat button for the website coded by Lucid Gen, definitely different from the buttons shared on that network. What’s hot at this button.
- Desktop is out link https://chat.zalo.me/?phone=SDT click is instant chat (Link zalo.me on the desktop can not chat).
- Mobile is the link https://zalo.me/SDT click automatically open zalo application and chat immediately.
- The circular effect spreads beautifully, attracting attention.
- Hover over the icon that jumps to the word “Chat now.”
- If you have a bong that says “Chat support”, you can change it to a phone number.
Please change your phone number to the T_Của_Bạn in this code. Then add to your website and enjoy.
Note: You need to change the phone number 2 times in the above code, once is a desktop once is mobile. It’s easy to forget.
I also added to take a photo to show you how beautiful the Zalo chat button for Lucid Gen’s website is. Zalo’s colors and icons are bold, and the effect is diffuse.
When hovering, zalo icon will turn into the word “Chat now”, very much “call to action” right.
On mobile, click to open zalo application in chat, and on the desktop if you have not made friends, guests also go to chat and guests will see notifications of texting and friends.
But on the desktop where you open zalo.me, it will come out like this, nothing can be done. So the Zalo chat code for Lucid Gen’s website has a difference in link between desktop and mobile.
How to get Zalo OA chat button code for the web
To get zalo OA chat code for your website to developers.zalo.me/docs/social/zalo-chat-widget. Note that your OA account must be active, if you are reviewing or locked, you can’t choose.
Then you select the right OA account, and then click the Get code button. The Witdth (horizontal) and height sections when opening the chat box you just leave the default because Zalo they are also beautifully prepared.
You copy this Zalo OA chat code to paste into the website. Follow the above instructions of the article.
This is Zalo OA’s chat button for the website, it also has a red spread effect.
When clicking chat icon Zalo OA, it opens the online chat box like this. But users must be logged into Zalo on the website to chat.
How to add zalo chat button to website
Whether personal Zalo chat button or Zalo OA chat, the way to add code to the website is the same. Here I guide the two most popular platforms are LadiPage and WordPress.
Add Zalo chat to website with Ladipage
You go to edit LadiPage, click Set up and select Javascipt/CSS Code. Then you add zalo chat code to the Body section and save and Publish.
Add Zalo chat to a website with WordPress
For WordPress you need to install the Insert Headers and Footers plugin to be able to add any code, including the Zalo chat button.
Then you go to Settings > Insert Headers and Footers and then paste the code into the Body box, then click the save button below.
How do you feel about zalo chat button for your website? If you see it or share it with your colleagues. If you have any questions, just leave a comment below. Wish you hundreds of applications every ^_^.