Hướng dẫn tạo nút liên hệ tuyệt đẹp và gọn gàng

Nút chia sẻ này chỉ bằng html và css nhưng vừa rất đẹp vừa mượt lại còn gọn gàng nữa nha. Có đầy đủ chức năng như gọi, live chat qua tawk.to, zalo và tìm cửa hàng. Bạn có thể thay đổi một chút html để phù hợp với nhu cầu của bạn.

Chia sẻ code và cách chèn vào website
Dưới đây toàn bộ html và css của nút liên hệ trên. bạn hãy copy nó vào website của mình và thưởng thích nhé. Trong demo mình đang sử dụng Tawk.to để làm phần mềm live chat trên web nhé.


Với đoạn code trên bạn cần chú ý mấy điều sau

Thay lại số điện thoại và các số liệu cho đúng của bạn. Từ dòng 31 đến 46, hãy tìm và thay thế các thông tin thành của bạn
Thay đoạn script live chat thành của bạn. Từ dòng 4 đến dòng 12, code này do tawk.to cấp
Cách chèn code trên cho flatsome dễ dàng
Đối với các bạn sử dụng theme Flatsome thì bạn chỉ cần chèn code trên vào mục “FOOTER SCRIPTS” như hình dưới đây là xong nhé.

Chúc các bạn thành công!

Nguồn: bloglevantoan

Bài viết liên quan

Cách khắc phục lỗi Microsoft Store xoay vòng vô tận

Nếu Microsoft Store của bạn bị dừng với vòng xoay vô tận và không thể [...]

62 Comments

Hướng dẫn chặn web đen bằng file Host hiệu quả nhất

Vì nhiều lý do khác nhau mà người dùng máy tính muốn chặn một số [...]

62 Comments

Windows 10 Extreme Lite 1507 cho máy cấu hình yếu, máy đời cũ

WINDOWS 10 LITE NHẸ NHẤT CHƯA TỪNG CÓ PHIÊN BẢN TIẾT KIỆM MÁY TÍNH YẾU [...]

62 Comments

Easy Driver Pack 7.22.1212.2 ISO (x86/x64) Eng

Easy Driver Pack có giao diện đơn giản có thể sử dụng cho AutoDriver cho những [...]

62 Comments

Ứng dụng lịch việt tốt nhất cho androi phiên bản mới nhất không có quảng cáo

Theo nhận xét cá nhân, Lịch Vạn Niên DeepStudio là ứng dụng có giao diện khác [...]

62 Comments

Ứng dụng từ điển Lạc Việt cho android

Cách khắc phục lỗi Microsoft Store xoay vòng vô tận Hướng dẫn chặn web đen [...]

62 Comments

62 thoughts on “Hướng dẫn tạo nút liên hệ tuyệt đẹp và gọn gàng

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *