Thêm nút gọi điện, chat Zalo, chat Facebook,…cho web WordPress

Cách này chỉ dùng code HTML và CSS nên bạn có thể chèn cho bất kỳ website nào chứ không riêng gì web WordPress đâu nhé.
 
Tuy nhiên, ở đây sharecode.vn sẽ chỉ hướng dẫn cách thêm vào trên WordPress thôi. Nếu bạn dùng website khác thì có thể tìm hiểu để tự thêm vào.
 
Cách 1: Chèn nút gọi, chat Zalo, Facebook thủ công
 
Bạn tìm và mở file functions.php trong thư mục theme đang được sử dụng (nếu chưa có file này bạn có thể tự tạo) bằng trình chỉnh sửa text nào đó (Notepad++ chẳng hạn).
 
Sau đó, copy toàn bộ đoạn code bên dưới đây.
 
Rồi, dán đoạn code vào phía dưới cùng của file functions.php để chèn code nút gọi, chat vào phần footer của web WordPress.
 
thêm nút gọi điện cho web, thêm nút zalo cho web, thêm nút chat facebook cho web, sharecode thêm nút liên hệ, thêm nút liên hệ cho web
 
Cuối cùng, nhớ lưu lại rồi bạn hãy xóa cache (nếu có) và kiểm tra thử trên web xem các nút gọi, chat Zalo, Facebook đã hiển thị đúng chưa. Nếu đúng là xong rồi đó.
 
Ngoài ra, mình sẽ hướng dẫn thêm 1 chút để bạn có thể tự thêm hoặc xóa các nút gọi, chat Zalo, chat Facebook ở trong đoạn code trên.
 
Bạn có thể thấy, ở phía gần cuối trong đoạn code trên sẽ có các block như:
 
<!-- Start Hotline -->
        <li>
            <a href="tel:0987654321" id="box_contact_1" title="Hotline" class="animation_zoom">
                <div><img src="https://nguyenhung.net/wp-content/uploads/2023/06/call.png" width="64" height="64">
                </div>
                <span>0987.654.321</span>
            </a>
        </li>
<!-- End Hotline -->
 
Hoặc
 
<!-- Start Chat Zalo -->
        <li>
            <a href="https://zalo.me/0987654321" target="_blank" id="box_contact_2" title="Chat Zalo" class="animation_swing">
                <div><img src="https://nguyenhung.net/wp-content/uploads/2023/06/zalo.png" width="63" height="63">
                </div>
                <span>Chat Zalo</span>
            </a>
        </li>
<!-- End Chat Zalo -->
 
Sharecode.vn đã ghi chú rất rõ và bạn nhìn là có thể hiểu. Nếu bạn muốn thêm nút gọi điện thoại nữa hoặc thêm nút chat Zalo, Facebook thì có thể copy block tương ứng và dán thêm vào ngay cạnh phía dưới block cũ.
 
Ngược lại, bạn muốn xóa nút gọi ĐT hoặc chat Facebok, chat Zalo thì cứ xóa block tương ứng trong đoạn code ở trên đi là được.
 
Cách 2: Chèn nút gọi, chat Zalo, Facebook qua plugin
 
Nếu bạn thấy cách trên hơi phức tạp và muốn làm đơn giản thôi thì có thể dùng plugin để hỗ trợ việc này.
 
1. Bạn cài plugin WPCode – Insert Headers and Footers vào web
 
2. Copy đoạn code dưới đây
 
3. Truy cập vào menu Header & Footer và dán đoạn code ở trên vào ô Footer như trong hình dưới và lưu lại.
 
thêm nút gọi điện cho web, thêm nút zalo cho web, thêm nút chat facebook cho web, sharecode thêm nút liên hệ, thêm nút liên hệ cho web
 
Như vậy mình đã hướng dẫn rất đầy đủ và chi tiết cách chèn thêm nút gọi điện thoại, chat Zalo, chat Facebook Messenger vào web WordPress rồi.
 
Hy vọng bài viết này hữu ích với bạn nhé.
 
 

 

 HỖ TRỢ TRỰC TUYẾN