Follow
Lucid Gen
  • Marketing
    • Mạng xã hội
    • Website
  • Công nghệ
  • Sản phẩmHot
    • Công cụ lấy số điện thoại từ Facebook
    • Công cụ tăng follow TikTok và like Facebook
    • Chatbot AI chăm sóc khách hàng
    • Công cụ tăng tương tác mạng xã hội đa kênh
    • Tài khoản Grammarly Premium
    • Tài khoản QuillBot Premium
    • Tài khoản Turnitin
    • Tài khoản quảng cáo Facebook
    • Dịch vụ
      • Thuê tài khoản quảng cáo Invoice Facebook
      • Thuê tài khoản invoice Google Ads
      • Quảng cáo Facebook cam kết doanh số
      • Mở tài khoản quảng cáo bị vô hiệu hóa
      • Kháng trang không được phép quảng cáo
      • Gửi tin nhắn hàng loạt trên fanpage
      • Khóa học Tiktok Shop và Livestream Ads
      • Khóa học quảng cáo Facebook
No Result
View All Result
Lucid Gen
  • Marketing
    • Mạng xã hội
    • Website
  • Công nghệ
  • Sản phẩmHot
    • Công cụ lấy số điện thoại từ Facebook
    • Công cụ tăng follow TikTok và like Facebook
    • Chatbot AI chăm sóc khách hàng
    • Công cụ tăng tương tác mạng xã hội đa kênh
    • Tài khoản Grammarly Premium
    • Tài khoản QuillBot Premium
    • Tài khoản Turnitin
    • Tài khoản quảng cáo Facebook
    • Dịch vụ
      • Thuê tài khoản quảng cáo Invoice Facebook
      • Thuê tài khoản invoice Google Ads
      • Quảng cáo Facebook cam kết doanh số
      • Mở tài khoản quảng cáo bị vô hiệu hóa
      • Kháng trang không được phép quảng cáo
      • Gửi tin nhắn hàng loạt trên fanpage
      • Khóa học Tiktok Shop và Livestream Ads
      • Khóa học quảng cáo Facebook
No Result
View All Result
No Result
View All Result
Lucid Gen

Lucid Gen › Marketing › Mạng xã hội › Cách thêm Zalo vào website cực đẹp cho nick cá nhân và OA

Cách thêm Zalo vào website cực đẹp cho nick cá nhân và OA

5/5 - (260 bình chọn)
25/06/2020 - Cập nhật ngày 30/10/2023
50
Cách thêm Zalo vào website cực đẹp cho nick cá nhân và OA

Cách thêm Zalo vào website cực đẹp cho nick cá nhân và OA

201
CHIA SẺ
20k
LƯỢT XEM
Chia sẻ lên Facebook

Thêm Zalo vào website sẽ giúp khách hàng Việt Nam dễ dàng tương tác với bạn, vì hầu như bây giờ ai cũng có ít nhất 1 tài khoản Zalo. Thêm nút chat Zalo cho website với tài khoản Official Account thì đã Zalo đã có hỗ trợ, nhưng mình sẽ hướng dẫn luôn trong bài viết. Còn thực tế thì đa số người bán hàng tại Việt Nam vẫn chưa quen dùng Zalo OA, các bạn thường dùng Zalo cá nhân để tư vấn cho khách hàng, vì thế mình sẽ hướng dẫn cách thêm nút chat Zalo cá nhân vào website cực đẹp trong này bài viết này.

Tham khảo thêm

  • Cách tạo Zalo Official Account được duyệt ngay
  • Tracking chuyển đổi Tawk.to bằng Google Tag Manager
  • Cách tắt trạng thái đã xem trên Messenger chỉ trong 30 giây
Nội dung
  1. Code nút chat Zalo cá nhân cho website cực đẹp
  2. Cách lấy code nút chat Zalo OA cho web
  3. Cách thêm nút chat Zalo vào website
    1. Thêm chat Zalo vào website với Ladipage
    2. Thêm chat Zalo vào website với WordPress
  4. Lời kết

Code nút chat Zalo cá nhân cho website cực đẹp

Đây là nút chat Zalo cho website do Lucid Gen code ra, chắc chắn khác biệt so với các nút được chia sẻ trên mạng đó nha. Có gì hot ở nút này.

  • Desktop là ra link https://chat.zalo.me/?phone=SĐT bấm vào là chat liền (Link zalo.me trên desktop không chat được đâu nhé).
  • Mobile là link https://zalo.me/SĐT bấm vào tự động mở ứng dụng Zalo và chat liền.
  • Hiệu ứng vòng tròn lan tỏa đẹp mắt, thu hút sự chú ý.
  • Rê chuột vào icon tự nhảy thành chữ “Chat ngay”.
  • Có bong bong ghi chữ “Chat hỗ trợ”, bạn có thể đổi thành số điện thoại cũng được.

Hãy thay số điện thoại của bạn vào chổ SĐT_Của_Bạn trong đoạn code này. Sau đó thêm vào website của bạn và tận hưởng.

Lưu ý: Bạn cần đổi số điện thoại 2 lần trong đoạn code trên nhé, 1 lần là desktop 1 lần là mobile đấy. Không để ý kỹ dễ quên lắm.

<a href="https://chat.zalo.me/?phone=SĐT_Của_Bạn" id="linkzalo" target="_blank" rel="noopener noreferrer"><div id="fcta-zalo-tracking" class="fcta-zalo-mess">
<span id="fcta-zalo-tracking">Chat hỗ trợ</span></div><div class="fcta-zalo-vi-tri-nut"><div id="fcta-zalo-tracking" class="fcta-zalo-nen-nut"><div id="fcta-zalo-tracking" class="fcta-zalo-ben-trong-nut"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460.1 436.6"><path fill="currentColor" class="st0" d="M82.6 380.9c-1.8-.8-3.1-1.7-1-3.5 1.3-1 2.7-1.9 4.1-2.8 13.1-8.5 25.4-17.8 33.5-31.5 6.8-11.4 5.7-18.1-2.8-26.5C69 269.2 48.2 212.5 58.6 145.5 64.5 107.7 81.8 75 107 46.6c15.2-17.2 33.3-31.1 53.1-42.7 1.2-.7 2.9-.9 3.1-2.7-.4-1-1.1-.7-1.7-.7-33.7 0-67.4-.7-101 .2C28.3 1.7.5 26.6.6 62.3c.2 104.3 0 208.6 0 313 0 32.4 24.7 59.5 57 60.7 27.3 1.1 54.6.2 82 .1 2 .1 4 .2 6 .2H290c36 0 72 .2 108 0 33.4 0 60.5-27 60.5-60.3v-.6-58.5c0-1.4.5-2.9-.4-4.4-1.8.1-2.5 1.6-3.5 2.6-19.4 19.5-42.3 35.2-67.4 46.3-61.5 27.1-124.1 29-187.6 7.2-5.5-2-11.5-2.2-17.2-.8-8.4 2.1-16.7 4.6-25 7.1-24.4 7.6-49.3 11-74.8 6zm72.5-168.5c1.7-2.2 2.6-3.5 3.6-4.8 13.1-16.6 26.2-33.2 39.3-49.9 3.8-4.8 7.6-9.7 10-15.5 2.8-6.6-.2-12.8-7-15.2-3-.9-6.2-1.3-9.4-1.1-17.8-.1-35.7-.1-53.5 0-2.5 0-5 .3-7.4.9-5.6 1.4-9 7.1-7.6 12.8 1 3.8 4 6.8 7.8 7.7 2.4.6 4.9.9 7.4.8 10.8.1 21.7 0 32.5.1 1.2 0 2.7-.8 3.6 1-.9 1.2-1.8 2.4-2.7 3.5-15.5 19.6-30.9 39.3-46.4 58.9-3.8 4.9-5.8 10.3-3 16.3s8.5 7.1 14.3 7.5c4.6.3 9.3.1 14 .1 16.2 0 32.3.1 48.5-.1 8.6-.1 13.2-5.3 12.3-13.3-.7-6.3-5-9.6-13-9.7-14.1-.1-28.2 0-43.3 0zm116-52.6c-12.5-10.9-26.3-11.6-39.8-3.6-16.4 9.6-22.4 25.3-20.4 43.5 1.9 17 9.3 30.9 27.1 36.6 11.1 3.6 21.4 2.3 30.5-5.1 2.4-1.9 3.1-1.5 4.8.6 3.3 4.2 9 5.8 14 3.9 5-1.5 8.3-6.1 8.3-11.3.1-20 .2-40 0-60-.1-8-7.6-13.1-15.4-11.5-4.3.9-6.7 3.8-9.1 6.9zm69.3 37.1c-.4 25 20.3 43.9 46.3 41.3 23.9-2.4 39.4-20.3 38.6-45.6-.8-25-19.4-42.1-44.9-41.3-23.9.7-40.8 19.9-40 45.6zm-8.8-19.9c0-15.7.1-31.3 0-47 0-8-5.1-13-12.7-12.9-7.4.1-12.3 5.1-12.4 12.8-.1 4.7 0 9.3 0 14v79.5c0 6.2 3.8 11.6 8.8 12.9 6.9 1.9 14-2.2 15.8-9.1.3-1.2.5-2.4.4-3.7.2-15.5.1-31 .1-46.5z"></path></svg></div><div id="fcta-zalo-tracking" class="fcta-zalo-text">Chat ngay</div></div></div></a>

<style>
@keyframes zoom{0%{transform:scale(.5);opacity:0}50%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes lucidgenzalo{0% to{transform:rotate(-25deg)}50%{transform:rotate(25deg)}}.jscroll-to-top{bottom:100px}.fcta-zalo-ben-trong-nut svg path{fill:#fff}.fcta-zalo-vi-tri-nut{position:fixed;bottom:24px;right:20px;z-index:999}.fcta-zalo-nen-nut,div.fcta-zalo-mess{box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16)}.fcta-zalo-nen-nut{width:50px;height:50px;text-align:center;color:#fff;background:#0068ff;border-radius:50%;position:relative}.fcta-zalo-nen-nut::after,.fcta-zalo-nen-nut::before{content:"";position:absolute;border:1px solid #0068ff;background:#0068ff80;z-index:-1;left:-20px;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:zoom 1.9s linear infinite}.fcta-zalo-nen-nut::after{animation-delay:.4s}.fcta-zalo-ben-trong-nut,.fcta-zalo-ben-trong-nut i{transition:all 1s}.fcta-zalo-ben-trong-nut{position:absolute;text-align:center;width:60%;height:60%;left:10px;bottom:25px;line-height:70px;font-size:25px;opacity:1}.fcta-zalo-ben-trong-nut i{animation:lucidgenzalo 1s linear infinite}.fcta-zalo-nen-nut:hover .fcta-zalo-ben-trong-nut,.fcta-zalo-text{opacity:0}.fcta-zalo-nen-nut:hover i{transform:scale(.5);transition:all .5s ease-in}.fcta-zalo-text a{text-decoration:none;color:#fff}.fcta-zalo-text{position:absolute;top:6px;text-transform:uppercase;font-size:12px;font-weight:700;transform:scaleX(-1);transition:all .5s;line-height:1.5}.fcta-zalo-nen-nut:hover .fcta-zalo-text{transform:scaleX(1);opacity:1}div.fcta-zalo-mess{position:fixed;bottom:29px;right:58px;z-index:99;background:#fff;padding:7px 25px 7px 15px;color:#0068ff;border-radius:50px 0 0 50px;font-weight:700;font-size:15px}.fcta-zalo-mess span{color:#0068ff!important}
span#fcta-zalo-tracking{font-family:Roboto;line-height:1.5}.fcta-zalo-text{font-family:Roboto}
</style>

<script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) )
{document.getElementById("linkzalo").href="https://zalo.me/SĐT_Của_Bạn";}
</script>

<!--Code nút Zalo từ LucidGen.com, anh em tracking Google Tag Manager bằng Click ID chứa fcta-zalo-tracking nhé-->

Mình cũng thêm vào để chụp ảnh cho bạn xem nút chat Zalo cho website của Lucid Gen đẹp như nào. Màu sắc và icon đậm chất Zalo rồi, còn hiệu ứng lan tỏa nữa.

Nút chat Zalo cá nhân cho website cực đẹp
Nút chat Zalo cá nhân cho website cực đẹp

Khi rê chuột vào thì icon Zalo sẽ biến thành chữ “Chat ngay”, rất chi là “kêu gọi hành động” đúng không nào.

Icon đổi thành chữ khi rê chuột vào nút chat Zalo cho website
Icon đổi thành chữ khi rê chuột vào nút chat Zalo cho website

Trên mobile thì nhấp vào là mở ứng dụng Zalo vào chat rồi, còn trên desktop nếu chưa kết bạn thì khách cũng vào chat luôn và khách sẽ thấy thông báo nhắn tin và kết bạn nhé.

Thêm nút chat Zalo vào website WordPress - Khi mở trên desktop sẽ vào chat luôn
Khi mở trên desktop sẽ vào chat luôn

Chứ trên desktop mà bạn mở link zalo.me thì nó sẽ ra như thế này, chẳng làm ăn được gì cả. Vì thế code chat Zalo cho website của Lucid Gen có sự khác nhau về link giữa desktop và mobile là như thế.

Thêm nút chat Zalo vào website WordPress - Không nên dùng link zalo.me cho desktop vì không chat được
Không nên dùng link zalo.me cho desktop vì không chat được

Cách lấy code nút chat Zalo OA cho web

Để lấy code chat Zalo OA cho website bạn vào trang developers.zalo.me/docs/social/zalo-chat-widget. Lưu ý là tài khoản OA của bạn phải đang hoạt động nhé, nếu đang xét duyệt hoặc bị khóa thì không chọn được đâu.

Sau đó bạn chọn đúng tài khoản OA của bạn rồi nhấp vào nút Lấy mã. Phần Witdth (chiều ngang) và height (chiều dọc) khi mở hộp chat bạn cứ để mặc định vì Zalo họ cũng canh sẵn đẹp rồi.

Chọn tài khoản OA rồi nhấp vào nút Lấy mã
Chọn tài khoản OA rồi nhấp vào nút Lấy mã

Bạn copy đoạn code chat Zalo OA này để dán vào website nhé. Theo hướng dẫn trên của bài viết.

Sao chép code chat Zalo OA để thêm vào website
Sao chép code chat Zalo OA để thêm vào website

Đây là nút chat của Zalo OA cho website, nó cũng có hiệu ứng lan tỏa màu đỏ.

Nút chat Zalo OA đã thêm vào website
Nút chat Zalo OA đã thêm vào website

Khi nhấp icon chat Zalo OA thì sẽ mở ra hộp chat trực tuyến như thế này. Nhưng người dùng phải đang đăng nhập Zalo trên website mới chat được nhé.

Hộp chat Zalo OA đã thêm vào website
Hộp chat Zalo OA đã thêm vào website

Cách thêm nút chat Zalo vào website

Dù nút chat Zalo cá nhân hay chat Zalo OA thì cách thêm code vào website đều như nhau. Ở đây mình hướng dẫn cho 2 nền tảng phổ biến nhất là LadiPage và WordPress nhé.

Thêm chat Zalo vào website với Ladipage

Bạn vào chỉnh sửa LadiPage, nhấp vào Thiết lập và chọn Mã Javascipt/CSS. Sau đó bạn thêm code chat Zalo vào phần Body rồi lưu và Xuất bản nhé.

Nhấp vào Thiết lập > Mã Javascipt/CSS rồi dán code vào phần Body
Nhấp vào Thiết lập > Mã Javascipt/CSS rồi dán code vào phần Body

Thêm chat Zalo vào website với WordPress

Đối với WordPress bạn cần cài plugin Insert Headers and Footers để có thể thêm bất cứ code gì vào, kể cả nút chat Zalo.

Cài plugin Insert Headers and Footers
Cài plugin Insert Headers and Footers

Sau đó bạn vào Cài đặt > Insert Headers and Footers rồi dán code vào ô Body, sau đó nhấp nút lưu ở dưới.

Thêm code nút chat Zalo vào phần body của WordPress
Thêm code nút chat Zalo vào phần body của WordPress

Lời kết

Bạn thấy nút chat Zalo cho website của mình thế nào? Nếu bạn thấy hay hãy chia sẻ lại cho anh em đồng nghiệp nhé. Nếu có thắc mắc gì bạn cứ tự nhiên để lại bình luận bên dưới nha. Chúc bạn trăm đơn mỗi ngày ^_^.

5/5 - (260 bình chọn)
Xem thêm bài viết về chủ đề Chia sẻ codeLive chatZalo OA
Share80Pin19Share14Share
Trần Ngọc Minh Hiếu

Trần Ngọc Minh Hiếu

Mình hiện đang làm Data Analyst, trước đó từng làm Digital Marketing. Viết blog là một niềm vui của mình, giúp mình chia sẻ lại những kiến thức và trải nghiệm từ cuộc sống và công việc. Bạn có thể donate cho mình tại đây.

Bình luận 50

  1. Dat Fan cứng
    3 tuần trước

    Ad ơi cho mình hỏi, lúc dùng trên điện thoại nhấn vào chat thì có mở app zalo nhưng lại hiện thông báo “Tài khoản này tạm thời không thể sử dụng chức năng này” là sao nhỉ. Cảm ơn ad

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      2 tuần trước

      Chào Đạt, cái này do Zalo đang hạn chế tính năng mở link chat với một số tài khoản nha. Giống như bị bug, bạn hãy thử với một tài khoản khác hoặc bật chế độ Business lên thử.

  2. DAT NGO Fan cứng
    5 tháng trước

    Mình đã thử, trên phone vẫn nhảy vào CHPlay. Có cách nào sửa lại không bạn?

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      4 tháng trước

      Bạn thử phone khác xem, trên iPhone mình thấy nó mở Zalo chat trực tiếp luôn á. Hay do phone đó chưa cài Zalo?

  3. Dung Fan cứng
    11 tháng trước

    Thêm zalo oa với các hiệu ứng như thế thì thực hiện sao vậy bạn. Hướng dẫn giúp mình nhé

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      11 tháng trước

      Chào Dung, Zalo OA thì dùng code chính hãng của Zalo nên sẽ không có hiệu ứng bạn nhé.

  4. Hùng Fan cứng
    1 năm trước

    Cảm ơn Ad, Đã dùng khá ưng ý

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      1 năm trước

      Chúc mừng Hùng nhé

  5. Phước Anh Fan cứng
    2 năm trước

    Chỉ giúp mình làm cách nào để chuyển biểu tượng zalo qua bên trái, thấy bạn có nói chỗ CSS mà không biết chỗ nào

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      2 năm trước

      Bạn tìm trong CSS đoạn nào có chữ right thì sửa thành left nhé

  6. Minh Fan cứng
    2 năm trước

    Thêm nút Call phone cho đủ bộ admin ơi 😀

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      2 năm trước

      Bạn hoàn toàn có thể tự làm được nhé. Nhân bản nó ra, sửa các class, thay icon và màu sắc, thay vị trí. Mình cũng làm như vậy chứ không tự viết ra đâu ^_^

  7. kỳ anh Fan cứng
    2 năm trước

    Mình đã gắn được, nút rất đẹp, biết chút code nên có sửa lại vị trí theo từng website thôi. Cảm ơn bạn rất nhiều, chủ đề mà mình tìm bấy lâu nay.

    Trả lời
  8. mỹ lan Fan cứng
    2 năm trước

    Ad ơi ,
    Em gắn vào trang thì xuất hiện nút zalo đẹp lắm
    Nhưng em gắn vào body của insert heading and body báo dấu chéo đỏ

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      2 năm trước

      Em gắn vào footer nha. Body ko hoạt động tốt

    • Mỹ lan Fan cứng
      2 năm trước

      Em gắn vào footer thì thấy 1 dấu đỏ và 1 dấu chấm than vàng ạ . Hic

  9. Yasuo Fan cứng
    2 năm trước

    Cảm ơn bạn hiệu ứng rất đẹp. Cho mình hỏi sao lại có mấy đoạn css cho thuộc tính i vậy bạn, mình không hiểu, có phải cái i đó nó ở cái file svg đó ko ad
    i{transition:all 1s}
    .fcta-zalo-ben-trong-nut i{transition:all 1s}
    .fcta-zalo-ben-trong-nut i{animation:lucidgenzalo 1s linear infinite}
    fcta-zalo-nen-nut:hover i{transform:scale(.5);transition:all .5s ease-in}

    Trả lời
  10. Bảo Bảo Fan cứng
    2 năm trước

    Dạ cho e hỏi e có dùng 1 cái plugin có tích hợp zalo oa nhưng khi cài đặt icon zalo nó lại lệch khỏi vòng tròn. lỗi nay mình có sử dc không ạ hay do bên cung cấp plugin sửa mới dc ạ

    Trả lời
    • Bảo Bảo Fan cứng
      2 năm trước

      cho e hỏi thêm là có đổi vị trí nút zalo qua bên trái được không hay mặc định nó ở bên phải v ạ

    • Trần Ngọc Minh Hiếu Fan cứng
      2 năm trước

      Chào Bảo, nếu nút Zalo bằng code của mình thì bạn đổi vị trí trong đoạn CSS, còn nút của Zalo cung cấp thì bạn xem trong lúc cài đặt có vị trí khác không nha.

    • Trần Ngọc Minh Hiếu Fan cứng
      2 năm trước

      Bạn bỏ plugin đó đi, dùng code nhúng trực tiếp của Zalo OA cung cấp thì chuẩn thôi.

  11. Phạm Anh Tú Fan cứng
    2 năm trước

    Rất hay. Cảm ơn Hiếu. Nhưng nếu được, Hiếu có thể giúp mình sửa đổi để tạo một nút tương tự vậy cho messenger không? Mình có biết cách thêm messenger của page, nhưng vẫn thích mẫu nút như vậy. Cảm ơn ad Trần Ngọc Minh Hiếu.

    Trả lời
  12. Phương Nguyễn Fan cứng
    2 năm trước

    Chào ad, code của bạn tuyệt vời, bạn cho mình hỏi thêm 1 chút, muốn loại bỏ cái bóng chat kia thì loại bỏ kiểu gì, mình muốn tích hợp nó vào 1 nút trên web của mình cho gọn , để nó bự quá che hết các thành phần trên web ( khi xem trên mobile )
    Cám ơn bạn rất nhiều

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      2 năm trước

      Chào Phương. Để xoá cái bong bóng Chat hỗ trợ thì bạn xoá đoạn Div có chữ Chat hỗ trợ nhé.

    • Phương Nguyễn Fan cứng
      2 năm trước

      Mình đã xóa đoạn code như bạn chỉ, có vẻ như không được,
      mình click vào nút trên web thì nó hiện lên 1 phần còn lại của bóng chát ở góc bên phái phía dưới màn hình 😀 , click tiếp vô đó thì chuyển qua zalo web chat

    • Trần Ngọc Minh Hiếu Fan cứng
      2 năm trước

      Vậy bạn khôi phục lại code như cũ đi. Giờ bạn thêm vào CSS đoạn này để nó ẩn là được.
      .fcta-zalo-mess {display: none;}

  13. Đức Yên Fan cứng
    2 năm trước

    Cảm ơn Trần Ngọc Minh Hiếu! Code rất hữu ích, Mình đã biết cách sửa lỗi trên đt nó nhảy vào CHplay: Các bạn lưu ý khi dán code vào ô soạn thảo nội dung ở chế độ HTML xong, bấm lưu luôn nhé, tuyệt đối không chuyển qua chế độ Xem trước, nếu chuyển qua chế độ xem trước nó sẻ tự xóa mất 1 đoạn js nào đó, dẫn đến lỗi nhảy vào CHPlay. Mình đã cài trên web: Congtyhutbephot .com thấy rất ok nhé

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      2 năm trước

      Cảm ơn Yên!

  14. Ngọc Hải Fan cứng
    3 năm trước

    Mình cài được nút zalo rồi mak h muốn bỏ đi thì làm sao vậy bạn

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      3 năm trước

      Bỏ đi thì xoá code đi thôi mà bạn

  15. Gia Mẫn Fan cứng
    3 năm trước

    Mình theo bạn, trên đt nó nhảy vào chplay chứ không vào zalo bạn ạ, trên pc thì bình thường

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      3 năm trước

      Vậy trên điện thoại bạn chưa cài Zalo rồi. Mình bấm nó mở zalo mà.

  16. trinh Fan cứng
    3 năm trước

    Mình làm theo hướng dẫn, trên điện thoại không nhảy ra app zalo mà lại vào CHPLAY.

    Trả lời
  17. Văn Vũ Fan cứng
    3 năm trước

    Mình muốn bỏ chữ chat hỗ trợ thì làm thế nào

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      3 năm trước

      Chào Vũ, bạn xóa nguyên cái Div của fcta-zalo-mess đi nhé!

  18. Hiếu Fan cứng
    3 năm trước

    Mình muốn bỏ tất cả hiệu ứng và chỉ giữ lại cái ảnh Icon Zalo thì lam thế nào bạn ơi ??

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      3 năm trước

      Chào Hiếu, bạn xóa đoạn CSS @keyframes zoom{0%{transform:scale(.5);opacity:0}50%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes lucidgenzalo{0% to{transform:rotate(-25deg)}50%{transform:rotate(25deg)}} đi nhé

  19. trthphong29 Fan cứng
    3 năm trước

    Quá đẹn Rất cảm ơn. Tuy nhiên cái logo zalo sao nó không nằm ngay giữa vòng tròn mà nó bị lệch lên trên 50%. Tôi tìm thấy
    .fcta-zalo-vi-tri-nut{position:fixed;bottom:24px;right:20px;
    và
    div.fcta-zalo-mess{position:fixed;bottom:29px;right:58px;
    nhưng không tìm thấy chỗ xác định vị trí của hình logo Zalo. Mong bạn hỗ trợ.

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      3 năm trước

      Chắc do ảnh hưởng từ CSS trên website của bạn. Bạn chèn vào website rồi gửi cho mình để mình kiểm tra và gửi cho bạn code theo website của bạn nhé

    • trthphong29 Fan cứng
      3 năm trước

      Mình đã tìm được rồi: tham số bottom tại dòng:
      .fcta-zalo-ben-trong-nut{position:absolute;text-align:center;width:68%;height:68%;left:10px;bottom:25px;

    • Trần Ngọc Minh Hiếu Fan cứng
      3 năm trước

      Tuyệt vời!

  20. Mr. Phương Fan cứng
    3 năm trước

    Làm sao cho Nút Zalo cao lên 1 chút hoặc nằm trên top vậy Ad

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      3 năm trước

      Chào Phương, chổ .fcta-zalo-vi-tri-nut bạn sửa bottom tăng thêm là sẽ cao lên 1 chút nha. Nếu muốn nằm trên top thì bạn sửa chữ “bottom” thành “top” nhé

    • Huong Fan cứng
      3 năm trước

      Muốn cho bottom nhưng bên trái thì làm thế nào ạ?

  21. sach Fan cứng
    3 năm trước

    bị lỗi không tim thấy a ơi

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      3 năm trước

      Chào Sach, trong đoạn code của anh có 2 chổ cần đổi số điện thoại. Em đã đổi hết cả 2 chưa?

  22. Mr Phước Fan cứng
    3 năm trước

    Ồ. Hay quá bác ơi. Để thử áp dụng vào blog xem sao!

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      3 năm trước

      OK bác

  23. Phi Hùng Fan cứng
    3 năm trước

    Nút chat Zalo của bạn đẹp quá, cảm ơn nhé

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      3 năm trước

      Ừm, ko có gì nè

Bình luận của bạn Hủy

Mình sẽ duyệt và trả lời bình luận ngay trong ngày. Hãy để lại ý kiến của bạn về bài viết này nhé!

Email của bạn sẽ không hiển thị công khai, có thể thêm ảnh đại diện nếu muốn. Các trường bắt buộc được đánh dấu *

Có thể bạn sẽ cần

Công cụ lấy số điện thoại từ Facebook
Mạng xã hội

Công cụ lấy số điện thoại từ Facebook

28/04/2019 - Cập nhật ngày 30/10/2023
175

Bật mí công cụ lấy số điện thoại từ Facebook cực xịn, có thể quét số điện thoại trên Facebook...

Xem thêm
Gửi tin nhắn hàng loạt fanpage Facebook

Cách gửi tin nhắn hàng loạt trên fanpage Facebook

11/02/2020 - Cập nhật ngày 30/10/2023
44
Bán tài khoản quảng cáo Facebook bao lên camp cắn tiền

Bán tài khoản quảng cáo Facebook bao lên camp

27/11/2020 - Cập nhật ngày 11/08/2022
83
Khóa học quảng cáo Facebook chuyên sâu

Khóa học quảng cáo Facebook chuyên sâu

03/03/2021 - Cập nhật ngày 01/10/2023
31
Cách tìm bài quảng cáo trên Facebook

Cách tìm bài quảng cáo trên Facebook

13/06/2021 - Cập nhật ngày 30/10/2023
2
Bán tài khoản Grammarly Premium cực xịn

Bán tài khoản Grammarly Premium cực xịn

15/08/2021 - Cập nhật ngày 02/02/2023
29
Bán tài khoản QuillBot Premium cực xịn

Bán tài khoản QuillBot Premium cực xịn

26/10/2021 - Cập nhật ngày 28/07/2023
0
Dịch vụ quảng cáo Faceobook cam kết doanh số

Dịch vụ quảng cáo Facebook cam kết doanh số

10/04/2022 - Cập nhật ngày 01/10/2023
6
Khóa học Tiktok Shop và Tiktok Livestream Ads

Khóa học Tiktok Shop và Livestream Ads

20/06/2022 - Cập nhật ngày 01/10/2023
14
Cho thuê tài khoản quảng cáo Invoice Facebook

Cho thuê tài khoản quảng cáo Invoice Facebook

02/01/2023 - Cập nhật ngày 03/01/2023
0
Cách sử dụng chatbot AI chăm sóc khách hàng

Cách sử dụng chatbot AI chăm sóc khách hàng

25/04/2023 - Cập nhật ngày 23/07/2023
1
Mua tài khoản Turnitin Student cực xịn

Mua tài khoản Turnitin Student cực xịn

17/07/2023 - Cập nhật ngày 23/07/2023
4
Công cụ tăng follow TikTok và like Facebook

Công cụ tăng follow TikTok và like Facebook

16/09/2023
0

Đề xuất cho bạn

  • Đề xuất
  • Mới nhất
Cách ngăn chặn đánh cắp nội dung website (web scraping) How to prevent web scraping in WordPress

Cách ngăn chặn đánh cắp nội dung website (web scraping)

03/09/2021 - Cập nhật ngày 05/11/2023
11
Hướng dẫn cài Win 10 cho Macbook Pro và Air - How to install Windows on Mac using Bootcamp

Cách cài Win 10 cho Macbook Pro và Air

30/03/2020 - Cập nhật ngày 30/10/2023
8
Cách viết chữ in đậm trên Facebook và FB chat

Cách viết chữ in đậm trên Facebook và FB chat

05/01/2019 - Cập nhật ngày 28/07/2022
64
Cách tạo tài khoản ChatGPT và OpenAI chi tiết - How to create a ChatGPT (OpenAI) account

Cách tạo tài khoản ChatGPT (OpenAI) chi tiết

15/01/2023 - Cập nhật ngày 30/10/2023
22
Cách tắt trạng thái đã xem trên Messenger chỉ trong 30 giây

Cách tắt trạng thái đã xem trên Messenger chỉ trong 30 giây

07/12/2023
0

Cách tăng tương tác trên Instagram nhanh bằng CM Media

06/12/2023
0
Cách tăng follow Lazada 1 cách nhanh nhất

Cách tăng follow Lazada một cách nhanh nhất

03/12/2023
1
Hướng dẫn 3 cách tạo ảnh AI miễn phí, cực nhanh và dễ làm

Hướng dẫn 3 cách tạo ảnh đại diện AI miễn phí và dễ làm

20/11/2023
0

Lucid Gen

Một blog chia sẻ về digital marketing, linh tinh về công nghệ – phần mềm và những gì có thể bạn cần mà tác giả biết.

Đã có 162 Bài viết và 4844 Bình luận

Tiết lộ: Website này đã có quảng cáo. Không có tiền thì viết làm sao.

Email: contact@lucidgen.com

Địa chỉ: 27 Đ. Số 6, Bình Hưng Hoà B, Bình Tân, Thành phố Hồ Chí Minh

 Google Play Microsoft Store

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

  • Ngọc Dung trong Cách tăng follow Lazada một cách nhanh nhất
  • Khang trong Cách vẽ sơ đồ tư duy đẹp sáng tạo với XMind
  • Ung trong Cách cài đặt trọn bộ Adobe cho Mac vĩnh viễn
  • Nguyễn Thu Hà trong Hướng dẫn giải bài tập định giá cổ phiếu
  • Dat trong Cách thêm Zalo vào website cực đẹp cho nick cá nhân và OA

Uống nước nhớ nguồn

Lucid Gen biên tập hình ảnh từ các nguồn: Freepik, Unsplash & Pixabay.

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

  • Blog Hữu Thuần
  • Hosting WordPress

Nếu bạn yêu thích blog này…

Nhập địa chỉ email của bạn để đăng ký nhận thông báo về các bài viết mới của Lucid Gen
  • Giới thiệu
  • Cộng đồng
  • Donate
  • Liên hệ
  • Điều khoản

© 2019 Lucid Gen with by Tran Ngoc Minh Hieu DMCAProtected

No Result
View All Result
  • Marketing
    • Mạng xã hội
    • Website
  • Công nghệ
  • Sản phẩm
    • Công cụ lấy số điện thoại từ Facebook
    • Công cụ tăng follow TikTok và like Facebook
    • Chatbot AI chăm sóc khách hàng
    • Công cụ tăng tương tác mạng xã hội đa kênh
    • Tài khoản Grammarly Premium
    • Tài khoản QuillBot Premium
    • Tài khoản Turnitin
    • Tài khoản quảng cáo Facebook
    • Dịch vụ
      • Thuê tài khoản quảng cáo Invoice Facebook
      • Thuê tài khoản invoice Google Ads
      • Quảng cáo Facebook cam kết doanh số
      • Mở tài khoản quảng cáo bị vô hiệu hóa
      • Kháng trang không được phép quảng cáo
      • Gửi tin nhắn hàng loạt trên fanpage
      • Khóa học Tiktok Shop và Livestream Ads
      • Khóa học quảng cáo Facebook

© 2019 Lucid Gen with by Tran Ngoc Minh Hieu DMCAProtected

Click to Copy