Hướng dẫn thêm nút gọi điện vào Website WordPress không dùng Plugin

Ở bài viết trước chúng ta đã giới thiểu Plugin chèn nút gọi điện vào Website WordPress. Trong bài viết hôm nay cùng hướng dẫn mọi người cách thêm nút gọi điện vào Website không cần dùng Plugin một cách đơn giản và nhanh chóng.

Việc thêm nút gọi điện vào Website giúp tiện lợi nhất cho khách hàng khi muốn liên hệ ngay.

Các bước thực hiện thêm nút gọi điện vào Website WordPress:
Bước 1: Chúng ta có đoạn code nút gọi điện sau:

<div class="call-mobile">

			<a id="callnowbutton" href="tel:0123456789">0123.456.789</a><i class="fa fa-phone"></i>
	</div>


<style>
.success.is-underline:hover, .success.is-outline:hover, .success {
    background-color: #1E73BE;
    padding: 10px;
    color: white !important;
}
            .call-mobile {background: #ED1C24;position: fixed;bottom: 10px;height: 40px;line-height: 40px;
                padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999;
                }
            .call-mobile1 {position: fixed;bottom: 52px;height: 40px;line-height: 40px;
                padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999;
                }
   .call-mobile2 {position: fixed;bottom: 93px;height: 40px;line-height: 40px;
                padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999;
                }
			.call-mobile i {font-size: 20px;line-height: 40px;background: #B52026;
                border-radius: 100%;width: 40px;height: 40px;
                text-align: center; float: right;
            }
            .call-mobile a {color: #fff;font-size: 18px;font-weight: bold; text-decoration: none;
                    margin-right: 10px; padding-left: 10px;}
		</style>

Chú ý đoạn code: <a id=”callnowbutton” href=”tel:0982669299″>0982.669.299</a><i class=”fa fa-phone”></i>
Chúng ta nên thay số điện thoại của chúng ta vào.

Đoạn code trên không ảnh hưởng gì đến Website và không làm nặng Website nên chúng ta hoàn toàn yên tâm.

Bước 2: Sau khi có đoạn code trên và đã chính sửa SĐT thì cúng ta thực hiện dán đoạn code vào Website WordPress. Chúng ta dán trước thẻ </body> là được.

Có 2 cách để dán code:
Cách 1: Chúng ta có thể truy truy cập vào trang quản trị WordPress  –> chọn Giao diện  –> Chọn Sửa   –> tìm đến file footer.php và thêm đoạn code trên vào trước thẻ </body> và lưu lại là được.

Cách 2: Chúng ta sử dụng Plugin Insert Headers and Footers và thêm đoạn code trên vào Script ở Footer.
Thế là hành thành.

Xem thêm: Hướng dẫn chèn code vào Header và Footer website WordPress đơn giản

Vậy là xong chúng ta cũng xem kết quả sau khi chèn.

Lời kết:
Như vậy qua bài viết trên chúng ta đã có thể thêm nút gọi điện vào website Website một cách đơn giản, nhanh chóng. Hy vọng với bài viết trên sẻ hữu ích với tất cả mọi người.
Chúc các bạn thành công.