Share code liên hệ cho wordpress "Cực nhẹ" không cần plugin

Share code liên hệ cho wordpress để mọi người sử dụng cực nhẹ không cần plugin. Code liên hệ chèn web hay wordpress là một giải pháp tiện ích không cần plugin hay sử dụng.

Để giúp trãi nghiệm khách hàng và người dùng được tốt nhất có thể. Thì nút liên hệ cho website wordpress là việc phải làm vì lợi ích to lớn của nó.

Code liên hệ cho wordpress là gì?

Trước khi dùng nó thì ta phải biết nó là gì. Code liên hệ là những nút có thông tin về chat facebook, bấm gọi điện thoại, chat zalo, vân vân và mây mây.

Dạng nút này sẽ trôi nổi bên dưới góc của trình duyệt khi khách hàng lướt web. Nó giúp khách hàng ngay lập tức tìm thấy thông tin liên hệ của website khi cần.

Vì sao không dùng plugin làm nút gọi điện

​

Nếu ai sử dụng wordpress làm websie chắc chắn biết. Việc sử dụng plugin là rất tuyệt. Vì nó cung cấp giải pháp nhanh gọn để giải quyết các nhu cầu trên 1 trang web mà không cần đụng tới code.

Ví dụ như giúp seo tốt hơn, thay đổi tùy chỉnh giao diện, thêm các tính năng mà bạn mong muốn chỉ bằng 1 plugin.

Nhưng mắc trái của nó là gay nặng website. Làm giảm chính điểm seo và trãi nghiệm người dùng vì tốc độ website bị ì ạch, chậm chạp vì các plugin làm giảm tốc độ tải trang.

Lợi ích nút gọi điện không dùng plugin

Như đã đề cập trên kia. Việc không dùng plugin sẽ giúp web bạn load nhanh hơn đáng kể đấy. Và hạn chế nguy cơ bị hacker tấn công từ lổ hổng của plugin bạn cài lên website wordpress.

Code này chỉ là HTML đơn giản với vài dòng nhỏ gọn. Bạn có thể dễ dàng tự thay đổi màu sắc, vị trí hiển thị nếu nắm bắt được 1 chút kiến thức css.

Cài đặt nút gọi điện cho web

Nói cũng nhiều rồi. Giờ mình sẽ share code nút gọi điện, chat facebook cho website không cần sử dụng plugin.

Đây là code:

Mã:

<style>.float-contact {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 99999;
}
.chat-zalo {
background: #00c3e2;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.chat-face {
background: #125c9e;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.float-contact .hotline {
background: #ff0000 !important;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.chat-zalo a, .chat-face a, .hotline a {
font-size: 15px;
color: white;
font-weight: 400;
text-transform: none;
line-height: 0;
}
}</style>
<div class="float-contact">
<button class="chat-zalo">
<a href="https://zalo.me/0931000000">Chat Zalo</a>
</button>
<button class="chat-face">
<a href="https://www.messenger.com/t/aaaaaaaa">Chat Facebook</a>
</button>
<button class="hotline">
<a href="tel:0931000000">Hotline: 0931 000 000</a>
</button>
</div>

Đầu tiên, ta cần sửa lại 1 số thông tin cần thiết cho bạn. Hãy tìm các dòng sau đây và thay bằng số điện thoại và facebook bạn cần chèn.

Hoặc có thể thay thế link bất kỳ nếu bạn không muốn nó chat facebook. Tìm và thay đoạn màu đỏ thành thông tin của bạn

• Zalo: Thay thành số điện thoại zalo của bạn. Khi người dùng bấm vào sẽ nhảy tới zalo của bạn.

<a href="https://zalo.me/0931000000">Chat Zalo</a>

• Facebook: Thay đoạn màu đỏ bằng link facebook của bạn. Ví dụ link Fanpage của mình là https://www.facebook.com/aaaaaaaa . Mình sẽ copy đoạn PHÍA SAU .com/ . Bạn có thể thay link tài khoản FB của bạn cũng được.

<a href="https://www.messenger.com/t/aaaaaaaa">Chat Facebook</a>

• Điện thoại: đổi số phone thành số phone của bạn. Khách bấm vào sẽ nhảy tới phần gọi điện nếu đang lướt website bằng điện thoại.

<a href="tel:0931000000">Hotline: 0931 000 000</a>

Chèn nút liên hệ ở đâu cho website

Nếu bạn dùng wrodpress. Hãy vào fodel chứa theme đang dùng. Mở file footer.php. Và kéo xuống dưới cùng. Sẽ có đoạn code:

Mã:

</body>
</html>

Bạn chèn đoạn code liên hệ mình share vào PHÍA TRÊN </body>. Làm tương tự với website không sử dụng wordpress. Kéo xuống dưới cùng. Chèn bên trên </body>.

Hết rồi đấy, chúc bạn thành công. Thấy hay click QC google ủng hộ công sức mình đã phục vụ bạn nãy giờ nhé ^^.

Cảm ơn