Sharecs.net
  • Trang chủ
  • Thủ Thuật
    • Thủ thuật máy tính
      • Windows
      • MacOS
      • Linux
    • Thủ thuật internet
    • Thủ thuật phần mềm
  • 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
No Result
View All Result
  • Trang chủ
  • Thủ Thuật
    • Thủ thuật máy tính
      • Windows
      • MacOS
      • Linux
    • Thủ thuật internet
    • Thủ thuật phần mềm
  • 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
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

Nguyễn Tuấn by Nguyễn Tuấn
16/12/2021
3
0
SHARES
638
VIEWS

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

Đồ Á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

10/01/2022
87
Đồ Án Winform C# Code Quản Lý Giảng Viên

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

11/06/2022
381
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

18/12/2021
62
4 Mẫu Code Chèn Hotline – Facebook – Zalo Vào Website

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

26/02/2022
356
Subscribe
Notify of
guest
guest
3 Comments
Newest
Oldest Most Voted
Inline Feedbacks
View all comments

Mạng Xã Hội

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

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

    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
  • Download Video Wallpaper Agatsuma Zenitsu – Anime Kimetsu No Yaiba

    45 shares
    Share 0 Tweet 0
  • Canva Pro Full Crack Bản Quyền Mới Nhất

    0 shares
    Share 0 Tweet 0
  • Checkpoint 282 – Cách mở lại tài khoản facebook bị khóa

    0 shares
    Share 0 Tweet 0
  • Bài Tập Code Python Đơn Giản Có Lời Giải – Phần 1

    1 shares
    Share 0 Tweet 0

Phản hồi gần đây

  • chung trong 122 Các Lệnh Trong Ubuntu Toàn Tập
  • trần văn Tuấn trong Fake Giấy Tờ Xác Minh Doanh Nghiệp Trên Facebook
  • thachcarry trong 500 Câu Trắc Nghiệm Mạng Máy Tính Phần 1 Có Đáp Án
  • Tran thanh sang trong 5 Mẫu CV HTML Tuyệt Đẹp

Bạn bè & Đối tác

Ứng dụng đặt lịch khám nha khoa Vnnice

Liên hệ quảng cáo

Email: Sharecs.net@gmail.com

Hợp tác nội dung: Sharecs rất vinh dự được mời các bạn đóng góp những sản phẩm thiết kế, thủ thuật hay những chia sẻ hữu ích… để cùng chia sẻ rộng rãi tới mọi người!

Giới Thiệu

Sharecs.net là một website/blog cá nhân, chuyên chia sẻ những kiến thức xoay quanh công nghệ như máy tính, internet, phần mềm, lập trình,... Mình hi vọng, Sharecs sẽ mang lại những kiến thức mà bạn chưa từng được học trên ghế nhà trường!

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

No Result
View All Result
  • Trang chủ
  • Thủ Thuật
    • Thủ thuật máy tính
      • Windows
      • MacOS
      • Linux
    • Thủ thuật internet
    • Thủ thuật phần mềm
  • 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