• About us
  • Contact
  • Rules
  • Privacy Policy
I love wordpress
  • Home
  • WordPress
  • Theme WordPress
  • Plugin WordPress
No Result
View All Result
  • Home
  • WordPress
  • Theme WordPress
  • Plugin WordPress
No Result
View All Result
I love wordpress
No Result
View All Result

Create chat buttons on Zalo, Facebook, call the website

haikv121 by haikv121
Tháng Tư 2, 2022
in Wordpress
0


Add chat buttons Zalo, Facebook, call… to your WordPress website without using a plugin.

them-nut-chat-zalo-facebook-goi-dien-khong-can-dung-plugin

In previous posts, I’ve shown you how to integrate Facebook Messenger, Zalo Chat, call button… into your WordPress website, right? However, the limitation of directly integrating the code of Facebook, Zalo … into the website is that they greatly affect the loading speed of the web. If you are looking for a simple and lightweight solution (no need to use a plugin) to integrate Zalo chat button, Facebook, phone call … into your website, then this is the guide for you.

Explore more:

Add chat button Zalo, Facebook, call to WordPress

In fact, these buttons are made with HTML and CSS, so you can add them to any website, not just a WordPress website.

1. First, download the icon set here and upload them to your website, copy and get the image link.

2. Insert the following code in the footer of the theme you are using. If the theme does not support the feature of inserting code in the footer, you can refer to the article “Insert code into the header and footer of a WordPress website”.

In there:

  • Replace https://zalo.me/0123456789 with your Zalo link, with 0123456789 is the registered phone number Zalo.
  • Replace https://m.me/wpcanban with your Facebook Messenger link, with wpcanban is the ID (copy on the Facebook Profile or Facebook Page link).
  • Replace 0123456789 in tel:0123456789 with your phone number.
  • Also, change the link of the icons you copied in step 1 accordingly.

3. Insert the following CSS code into the file style.css of the theme or child theme you are using. You can also add it Appearance => Customize => Additional CSS to avoid the code being deleted when updating the theme.

The result you get will look similar to this:

demo-nut-chat-zalo-facebook-goi-dien-tren-desktop

4. If you want to rotate the chat buttons Zalo, Facebook, call … on the mobile interface, add the following CSS code:

The result will look something like this:

demo-nut-chat-zalo-facebook-goi-dien-tren-mobile

And if you want to hide them on the mobile interface for a neat look, replace it with the following CSS code:

You can completely customize the code according to the template to add or remove buttons according to your needs. Not too complicated, right? Good luck!

If you liked this article, follow my blog to regularly update the best and latest articles. Thanks very much. 🙂



Click to rate this post!
[Total: 0 Average: 0]

Related posts:

  1. Review Mythemeshop to store premium themes and plugins for wordpress
  2. Review ShopEngine – The Perfect Toolkit for Elementor?
  3. How to remove Powered by WordPress in the footer of the website?
  4. Instructions to completely remove WooCommerce
  5. How to export and import data in WordPress?
Tags: learn WordPresswordpresswordpress tutorial
Previous Post

Disable language selection in login page

Next Post

Activate PayPal Standard on WooCommerce

Related Posts

[WOOCOMMERCE] A SIMPLE PRODUCT ADDED
Wordpress

[WOOCOMMERCE] A SIMPLE PRODUCT ADDED

Tháng Năm 7, 2022
[WORDPERSS] MORE SIMPLE NEW ARTICLE
Wordpress

[WORDPERSS] MORE SIMPLE NEW ARTICLE

Tháng Năm 7, 2022
Lesson 2: How to add, delete and edit wordpress woocommerce products
Wordpress

Lesson 2: How to add, delete and edit wordpress woocommerce products

Tháng Năm 7, 2022
Lesson 3: Instructions for managing members on wordpress website
Wordpress

Lesson 3: Instructions for managing members on wordpress website

Tháng Năm 7, 2022
Next Post
Activate PayPal Standard on WooCommerce

Activate PayPal Standard on WooCommerce

Theo dõi
Đăng nhập
Thông báo của
guest
guest
0 Góp ý
Phản hồi nội tuyến
Xem tất cả bình luận

[WOOCOMMERCE] A SIMPLE PRODUCT ADDED

[WORDPERSS] MORE SIMPLE NEW ARTICLE

Lesson 2: How to add, delete and edit wordpress woocommerce products

Lesson 3: Instructions for managing members on wordpress website

HOW TO USE WIDGET IN WORDPRESS

How To Mount Facebook Pixel On Your WordPress Website Easily

  • About us
  • Contact
  • Rules
  • Privacy Policy
Contact: Haidesign010596@gmail.com

© 2021 Cepke.info

No Result
View All Result
  • Home
  • WordPress
  • Theme WordPress
  • Plugin WordPress

© 2021 Cepke.info

wpDiscuz
0
0
Rất thích suy nghĩ của bạn, hãy bình luận.x
()
x
| Reply