Sharecs.net
  • Trang chủ
  • Kho Tài Liệu – Báo Cáo
  • Thủ Thuật
    • Thủ thuật máy tính
      • Windows
      • MacOS
      • Linux
    • Thủ thuật internet
    • Thủ thuật phần mềm
  • Lỗi máy tính
    • Lỗi internet
    • Lỗi windows
    • Lỗi phần mềm
  • Lập Trình
    • Lập Trình Java
    • Lập trình Python
    • Lập Trình React Native
    • Code Hay
  • Linh Tinh
    • PhotoShop
    • Tải Video Wallpaper
    • Kho Tools
      • Cân Bằng Phương Trình Hóa Học
      • Custom Css Scrollbar – Render Code
      • Tạo Kí Tự Đặc Biệt Online
      • Tạo Deep Link
    • Tài Liệu – Luận Văn – Báo Cáo
    • Kho Theme Website WordPress
    • Phần Mềm
No Result
View All Result
  • Trang chủ
  • Kho Tài Liệu – Báo Cáo
  • Thủ Thuật
    • Thủ thuật máy tính
      • Windows
      • MacOS
      • Linux
    • Thủ thuật internet
    • Thủ thuật phần mềm
  • Lỗi máy tính
    • Lỗi internet
    • Lỗi windows
    • Lỗi phần mềm
  • Lập Trình
    • Lập Trình Java
    • Lập trình Python
    • Lập Trình React Native
    • Code Hay
  • Linh Tinh
    • PhotoShop
    • Tải Video Wallpaper
    • Kho Tools
      • Cân Bằng Phương Trình Hóa Học
      • Custom Css Scrollbar – Render Code
      • Tạo Kí Tự Đặc Biệt Online
      • Tạo Deep Link
    • Tài Liệu – Luận Văn – Báo Cáo
    • Kho Theme Website WordPress
    • Phần Mềm
No Result
View All Result
Sharecs.net
No Result
View All Result
Home Lập Trình Code Hay

Code Chèn Hotline – Zalo – Facebook Vào Website

by Nguyễn Tuấn
22/04/2023

Bài viết hôm này mình muốn hướng dẫn các bạn code chèn hotline – zalo – facebook Vào Website sao cho đơn giản nhất. Hoặc bạn nào chỉ muốn tích hợp chat vào website cũng được.

Mình code hoàn toàn bằng html/css nên cũng không ảnh hưởng đến tốc độ website đâu nha, nên bạn yên tâm.

4 Mẫu Code Chèn Hotline – Facebook – Zalo Vào Website Phần 2

Bước 1: Các bạn truy cập vào trang quản trị Chọn Giao diện ➱ Sửa giao diện ➱ Tìm file  footer.php và chèn đoạn code dưới đây vào trước thẻ </body> nhé.

Note: Nếu như bạn không thấy mục Sửa giao diện thì bạn vào trong file wp-config.php xóa dòng này đi define( ‘DISALLOW_FILE_EDIT’, true ); Nếu bạn không tìm được file ý thì nên nhờ quản trị viên hostting hay vps nhé.

Nếu bạn quan tâm tới việc bảo mật và tối ưu tốc độ cho website thì có thể tìm hiểu thêm ở đây.

Bước 2: Chèn Code Chèn Hotline – Zalo – Facebook Vào Website

<style> 
.sharecs-mobile-net-bar{ 
display:none  
} 
.sharecs-pc-net-bar{ 
right: 25px; /** icon hiển thị bên trái - Muốn chuyển sang bên phải sửa right =>left**/
padding: 0px !important;
bottom: 30px; 
position: fixed; 
z-index: 998;
margin-bottom:0px !important; /** Nếu icon sát đáy quá tăng 0px lên ví dụ 5px **/ 
} 
.sharecs-pc-net-bar li{
 width: 44px;
 height: 46px; 
overflow: hidden; 
 margin-bottom: 0;
 list-style: none;
 }
 .sharecs-pc-net-bar li.facebook{
 margin-bottom: 8px;
 background: url(https://sharecs.net/wp-content/uploads/2021/05/code-messger-cho-website-sharecs.net-fb.png);
 background-repeat: no-repeat; 
} 
.sharecs-pc-net-bar li.zalo{ 
background: url(https://sharecs.net/wp-content/uploads/2021/05/Code-Chen-Hotline-–-Zalo-–-Facebook-Vao-Website-sharecs.net-zl.png); 
background-repeat: no-repeat; 
} 
.sharecs-pc-net-bar li a{
 display: block; 
width: 44px; 
height: 44px;
 } 
@media only screen and (max-width: 499px) { 
.sharecs-pc-net-bar{ 
display:none 
}
 .sharecs-mobile-net-bar{
 right: 10px; /** icon hiển thị bên trái - Muốn chuyển sang bên phải sửa right => left**/
bottom: 10px; 
position: fixed; 
z-index: 998;
 margin-bottom:0px !important; /** Nếu icon sát đáy quá tăng 0px lên ví dụ 5px **/ 
display:block !Important
 } 
.sharecs-mobile-net-bar li{
 width: 44px;
 height: 46px; 
overflow: hidden; 
 margin-bottom: 0;
 list-style:none
 }
.sharecs-mobile-net-bar li.facebook{ 
margin-bottom: 8px;
background: url(https://sharecs.net/wp-content/uploads/2021/05/code-messger-cho-website-sharecs.net-fb.png); 
background-repeat: no-repeat;
}
 .sharecs-mobile-net-bar li.zalo{ 
background: url(https://sharecs.net/wp-content/uploads/2021/05/Code-Chen-Hotline-–-Zalo-–-Facebook-Vao-Website-sharecs.net-zl.png);    
background-repeat: no-repeat; 
} 
.sharecs-mobile-net-bar li a{ 
display: block; 
width: 44px; 
height: 44px;
}
.sharecs-mobile-net-bar li.hotline { 
background: url(https://sharecs.net/wp-content/uploads/2021/05/Code-Chen-Hotline-vao-website-sharecs.net_.gif); 
background-repeat: no-repeat; 
background-size: 44px; 
} 
} 
</style>
<!-- Hiển thị icon trên Máy Tính -->
<ul class="sharecs-pc-net-bar">
 <li class="hotline">
 <a href="tel:097000000" target="_blank" rel="nofollow"/>
 </li>
 <li class="facebook">
 <a href="https://www.facebook.com/Sharecs.net/inbox" target="_blank" rel="nofollow"/>
 </li>
 <li class="zalo">
 <a href="https://zalo.me/005869530" target="_blank" rel="nofollow"/>
 </li>
</ul>
<!-- Hiển thị icon trên điện thoại -->
<ul class="sharecs-mobile-net-bar">
 <li class="facebook">
 <a href="https://www.facebook.com/Sharecs.net/inbox" target="_blank" rel="nofollow"/>
 </li>
 <li class="zalo">
 <a href="https://zalo.me/09830000" target="_blank" rel="nofollow"/>
 </li>
 <li class="hotline">
 <a href="tel:097000000" target="_blank" rel="nofollow"/>
 </li>
 </ul>
Code Chèn Hotline Vào Website
Code Chèn Hotline - Zalo - Facebook Vào Website
Code Chèn Hotline – Zalo – Facebook Vào Website sharecs.net

Bước 3: bạn thay thế các link ảnh – link zalo, facebook, sdt của bạn vào.

Chat Messenger website
Code Chèn Hotline – Zalo – Facebook Vào Website
Tích hợp chat vào website
Tích hợp chat vào website
Cách chèn mã script chat Facebook vào website
Cách chèn mã script chat Facebook vào website.jpg

Vậy là thành công rồi đó, bây giờ các bạn quay ra website để xem thành quả mà sharecs và các bạn cùng làm đó nhé nhé!

Cảm ơn các bạn đã ghé thăm. Chúc các bạn thành công!

5/5 - (6 bình chọn)
Tags: Code Hotline - Zalo - Facebookshare code
ShareSendTweetShare

Cùng chuyên mục

html javascript 2023

Share Code Đếm Ngược Thời Gian – Bao nhiêu ngày nữa đến tết

22/04/2023
9
2 Bước Thêm Chọn Tỉnh Thành Vào Contact Form 7

2 Bước Thêm Chọn Tỉnh Thành Vào Contact Form 7

22/04/2023
132
Đồ Án Cấu Trúc Dữ Liệu Và Giải Thuật – Full Báo Cáo

Đồ Án Cấu Trúc Dữ Liệu Và Giải Thuật – Full Báo Cáo

22/04/2023
237
Đồ Án Winform C# Code Quản Lý Giảng Viên

Đồ Án Winform C# Code Quản Lý Giảng Viên

22/04/2023
1.1k
Code Shoppe Tìm Kiếm Biến Thể Sản Phẩm Được Mua Nhiều Nhất

Code Shoppe Tìm Kiếm Biến Thể Sản Phẩm Được Mua Nhiều Nhất

22/04/2023
98
4 Mẫu Code Chèn Hotline – Facebook – Zalo Vào Website

4 Mẫu Code Chèn Hotline – Facebook – Zalo Vào Website

22/04/2023
911
Load More

Tài nguyên

Luận văn báo cáo giá rẻ

Cân bằng phương trình phản ứng hóa

Tạo deep link

Custom Css Scrollbar – Render Code

Bài Viết Nổi Bật

  • Download Video Wallpaper Agatsuma Zenitsu – Anime Kimetsu No Yaiba

    Download Video Wallpaper Agatsuma Zenitsu – Anime Kimetsu No Yaiba

    45 shares
    Share 0 Tweet 0
  • 500 Câu Trắc Nghiệm Mạng Máy Tính Phần 1 Có Đáp Án

    0 shares
    Share 0 Tweet 0
  • 5 Mẫu CV HTML Tuyệt Đẹp

    0 shares
    Share 0 Tweet 0
  • Cách backup/restore file bak – mdf/ldf trong SQL Server

    0 shares
    Share 0 Tweet 0
  • Nhận Diện Chó Mèo Python – Tensorflow – Neural Network – Deep Learning

    0 shares
    Share 0 Tweet 0

15 Thuật Ngữ Cần Biết Khi Quảng Cáo FACEBOOK

Thư viện đồ họa trong Python – Vẽ Pikachu

Error 414 Request-URI Too Large

Tìm thừa số của một số trong python

Convert Long To BigDecimal In Java

Đồ Án Cấu Trúc Dữ Liệu Và Giải Thuật – Full Báo Cáo

  • Giới Thiệu & Liên Hệ
  • Chính Sách Bảo Mật

CopyRight By Sharecs.net DMCA.com Protection Status

No Result
View All Result
  • Trang chủ
  • Kho Tài Liệu – Báo Cáo
  • Thủ Thuật
    • Thủ thuật máy tính
      • Windows
      • MacOS
      • Linux
    • Thủ thuật internet
    • Thủ thuật phần mềm
  • Lỗi máy tính
    • Lỗi internet
    • Lỗi windows
    • Lỗi phần mềm
  • Lập Trình
    • Lập Trình Java
    • Lập trình Python
    • Lập Trình React Native
    • Code Hay
  • Linh Tinh
    • PhotoShop
    • Tải Video Wallpaper
    • Kho Tools
      • Cân Bằng Phương Trình Hóa Học
      • Custom Css Scrollbar – Render Code
      • Tạo Kí Tự Đặc Biệt Online
      • Tạo Deep Link
    • Tài Liệu – Luận Văn – Báo Cáo
    • Kho Theme Website WordPress
    • Phần Mềm

CopyRight By Sharecs.net DMCA.com Protection Status

This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.