Hướng dẫn nhúng tích hợp zalo vào website đơn giản nhất

Hướng dẫn nhúng tích hợp zalo vào website đơn giản nhất

Trong thời buổi công nghệ hiện nay thì sự phát triển của các mạng xã hội , phần mềm chat online đang phát triển rất mạnh Zalo -một trong những trang mạng xã hội lớn nhất ở Việt Nam.

Tại sao cần sử dụng ZALO CHAT ?

Một số người dùng sử dụng chúng để kinh doanh online, một số khác lại dùng để giữ liên lạc… Vậy tại sao bạn tích hợp chat Zalo vào web, biến chúng thành phương tiện kết nối giữa bạn và người dùng web? Nếu chưa biết phải thực hiện chúng ra sao thì hãy tham khảo hướng dẫn sau đây nhé.

Bài này mình sẽ hướng dẫn các bạn tích hợp CHAT ZALO vào website một cách đơn giản nhất bằng ZALO OA ( Official Account ) để khách truy cập của bạn có thể trò chuyện trực tiếp với Official Account.

Hướng dẫn các bước tích hợp chat Zalo vào website

Việc tích hợp chat Zalo vào Web có rất nhiều hướng dẫn, nhưng nhìn chung chúng được thực hiện bằng hai cách. Cách thứ nhất ta chèn trực tiếp mã code Zalo vào widgets của WordPress. và cách thứ hai là cài đặt plugin OT Zalo – có chức năng tương tự như chat Zalo. Cách này nghe thì có vẻ dài dòng nhưng thực chất thao tác lại vô cùng đơn giản

Cho dù với cách nào cũng có những ưu và nhược điểm riêng. Nếu như tích hợp Zalo vào website bằng cách chèn mã code mất nhiều thời gian và thao tác thì việc tải, giải nén các Plugin hỗ trợ OT Zalo cũng khá nhiều thuật ngữ tin học. Vì vậy các bạn có thể tham khảo 2 cách đơn giản mà bọn mình lọc ra dưới đây:

1. Tích hợp chat Zalo bằng cách chèn mã code

Phần 1: Tạo tài khoản ZALO OA

Bước 1: Mở  tài khoản Zalo OA

Đầu tiên các bạn truy cập vào website https://oa.Zalo.me/home để tiến tạo tài khoản. Các thao tác ở đây rất đơn giản, được chú thích và hướng dẫn rất chi tiết.

Truy cập vào website để mở tài khoản Zalo OA.

Bước 2: Chọn loại tài khoản

Để đăng ký Official Account bạn cần chọn loại tài khoản như hình dưới đây. Dưới mỗi loại tài khoản lại có đoạn miêu tả ngắn mục đích sử dụng của từng loại tài khoản khác nhau. Bạn hãy cân nhắc chọn đúng loại với 3 loại tài khoản chính là : Cộng đồng , Doanh Nghiệp và Dịch Vụ ,mỗi loại lại có những ưu thế riêng khác biệt nhau.

Chọn loại tài khoản phù hợp với mục đích sử dụng.

Bước 3: Chọn danh mục

Đây là bước quan trọng nhất, góp phần giúp bot tìm kiếm hiểu được lĩnh vực mà website bạn đang kinh doanh. Từ đó các công việc quảng cáo hay tiếp cận khách hàng mục tiêu cũng trở nên chính xác hơn. Cụ thể, nếu website bạn kinh doanh các sản phẩm về thời trang, bạn sẽ chọn “ cửa hàng – dịch vụ” trong danh mục chính và  điền thông tin “ thơi trang” vào danh mục con. Giống như ảnh bên dưới đây.

Chọn đúng danh mục mà bạn kinh doanh.

Bước 4: Nhập thông tin

Bạn cần nhập các thông tin cần thiết và bắt buộc. Các thao tác này cũng vô cùng đơn giản:

Nhập các thông tin cơ bản cho ứng dụng.

Tên tài khoản: chọn tên tài khoản dễ nhớ hoặc lấy tên của website

Mô tả ngắn về tài khoản: tối thiểu 20 ký tự, tối đa 500 ký tự, nội dung tùy ý.

Họ tên người liên hệ: Số điện thoại: thường là các số điện thoại đã có ứng dụng Zalo cá nhân), thông thường các nhà quản trị mạng sẽ lấy số điện thoại, hotline chung của công ty, doanh nghiệp.

Bước 5: Chọn ảnh cho tài khoản OA

Giống như khi đăng ký tài khoản Facebook hay Zalo, chọn ảnh bìa và ảnh đại diện cho tài khoản giúp người dùng dễ dàng nhận diện bạn chính xác hơn. Bên cạnh đó, sử dụng những  bức ảnh độc quyền cho tài khoản OA cũng là cách để giảm tránh “ tai mắt của bot google” để ý tài khoản cho website.

Chọn ảnh đại diện cho tài khoản của bạn.

Bước 6: Chứng thực

Sau khi điền tất cả các thông tin, hình ảnh cần thiết để đăng kí toàn khoản thì người dùng cần scan các hình ảnh giấy tờ chứng thực cho bên kiểm duyệt. Đó là thể là giấy phép kinh doanh, mã số thuế hay các tài liệu liên quan khác. Tất cả các giấy tờ này khi được tải lên đều phải rõ nét, rõ ràng về tên công ty/doanh nghiệp, dấu đỏ và còn hiệu lực. Bạn cần thực hiện các thao tác chứng thực thông tin này ở link: https://oa.Zalo.me/manage/cert

Chính vì tính quan trọng này nên ở bước 2: chọn loại tài khoản, bạn cần chọn chính xác loại tài khoản tương ứng với website của bạn. Điêu này giúp cho việc kiểm duyệt suôn sẻ hơn rất nhiều.

Thông thường, chúng ta sẽ mất khoảng 24h chờ đợi ( không tính ngày nghỉ) đội ngũ Zalo xem xét và kiểm duyệt thông tin. Bất kỳ thông tin nào thiếu/chưa chính xác đều được Zalo báo về để bổ sung.

Phần 2: Sau khi kiểm duyệt thành công

Bước 1: Lấy mã code

Sau khi kiểm duyệt thành công tức là tài khoản OA của bạn đã được kích hoạt. Lúc này công việc của bạn là tiến hành tích hợp chúng vào website.

Sau khi kiểm duyệt thành công, tiến hành lấy mã code.

Người dùng cần truy cập vào link: https://developers.Zalo.me/docs/social/Zalo-chat-widget

Ở đây bạn đang tạo Widget Chat theo 5 tiện ích cho sẵn như hình dưới đây. Tùy biến lại các con số mà bạn muốn:

1, Official Account: tài khoản chính thức

2, Chọn câu chào: là các câu chào mặc định khi khách hàng sử dụng chat Zalo trên website.

3, Thời gian hiểu thị cửa sổ chat:

4, Width: Chiều rộng khung chat hiển thị trên website

5, Height: Chiều dài khung chat hiển thị trên website

Sau khi điền xong các thông tin này, click vào mục “lấy mã”. Một hộp thoại sẽ xuất hiện chứa đoạn mã code, bạn copy đoạn mã có chữ số.

Bước 2: Nhúng đoạn code vào widget chat

Về màn hình hiển thị chính của wordpress, truy cập Dashboard -> Appearance > Customize > Widgets >  Frimary Sidebar > Add Widgets.

Nhúng đoạn code vừa copy vào Widget chat.

Đến đây chọn tiện ích “Text” và chèn đoạn code vừa copy ở bước trên.

Nhấn “ Save & Public” để kết thúc thao tác.

Bước 3: Kiểm tra lại web xem đã thành công chưa

Quay trở lại mà hình chính của website, thấy biểu tượng Zalo hiển thị tức là bạn đã tích hợp chat Zalo vào website thành công. Để xem và trả lời tin nhắn từ khách hàng bạn truy cập vào links: https://oa.Zalo.me/chatv2 hoặc tải app Zalo OA Admin tại các cửa hàng ứng dụng như Google Play hoặc App Store.

2. Cách cài đặt Plugin OT Zalo chat

Để cài đặt chat Zalo bằng cách lấy mã phải mất khá nhiều thời gian và công đoạn. Do vậy, để tiết kiệm thời gian và công sức nhiều nhà quản trị mạng đã chọn tích hợp chat Zalo vào website bằng cách cài đặt Plugin OT Zalo chat để hỗ trợ. Bạn đã biết cách cài đặt công cụ này chưa?

Bước 1: Truy cập vào link: Download OT Zalo , tiến hành cài đặt như bình thường. Thực tế bên trong tiện ích này hướng đẫn rất chi tiết các thao tác cài đặt, người dùng chỉ cần làm theo hướng dẫn.

Bước 2: Điền thông tin trong tiện ích “ Setting”

Truy cập vào Setting > OT Zalo, một hộp thoại sẽ xuất hiện kèm theo các thông tin cần bổ sung, như hình dưới đây:

Điền thông tin tiện ích trong phần setting trong website.

  • Zalo Official Account ID: Là ID tài khoản Zalo Chat cá nhân.
  • Enable Zalo Chat Widget: Click vào mục này để kích hoạt tích hợp chat Zalo trên website.
  • Welcome Message: Lời chào mặc định khi khách hàng truy cập vào website.
  • Enable Zalo Share Button: Nhấn vào đây để kích hoạt tính năng Zalo Share.
  • Enable Zalo Share Button On Single: Tính năng giúp khách hàng share page mà không cần truy cập vào fanpage. Click vào tiện ích này để kích hoạt tính năng đó.
  • Zalo icon position: Vị trí hiển thị nút chia sẻ Zalo, bạn hãy tùy chọn các tiện tích có sẵn trong mục này.
  • Zalo Share Layout: vị trí xuất hiện biểu tượng chat Zalo, chọn các layer 1 hoặc tùy ý.
  • Zalo Share Color: Mầu biểu tượng chia sẻ, chọn màu có sẵn trong tiện ích.

Đến đây bạn đã hoàn thành quá trình tích hợp Zalo vào website bằng Plugin hỗ trợ. Hãy nhấn “Save Changes” để hoàn tất.

Kết luận thì trên đây là hướng dẫn tích hợp nhúng Zalo chat vào website đơn giản nhất. Các thao tác này được thực hiện trên website WordPress và hạn chế động đến code nhất cho các bạn. Hi vọng bài viết sẽ giúp ích được cho các bạn .

Nguồn : Tản mạn trên mạng

Click để đánh giá
[Tổng: 2 / Trung bình: 5]

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 *

    Bài viết cùng chuyên mục:

    • Tại Sao Phải Xây Dựng Website bán hàng ?

      Mục lụcTại sao cần sử dụng ZALO CHAT ?1. Tích hợp chat Zalo bằng cách chèn mã codePhần 1: Tạo tài khoản ZALO OAPhần 2: Sau khi kiểm duyệt thành công2. Cách cài đặt Plugin OT Zalo chat Tại Sao Phải Xây Dựng Website bán hàng Với sự phát triển mạnh mẽ của Công nghệ …

    • Thiết kế website? Hướng dẫn thiết kế website từ A đến Z

      Mục lụcTại sao cần sử dụng ZALO CHAT ?1. Tích hợp chat Zalo bằng cách chèn mã codePhần 1: Tạo tài khoản ZALO OAPhần 2: Sau khi kiểm duyệt thành công2. Cách cài đặt Plugin OT Zalo chat Hiện nay, bạn đi đến đâu hay làm bất cứ ngành nghề nào website có lẽ là …

    • Thiết kế website ở Hóc Môn

      Mục lụcTại sao cần sử dụng ZALO CHAT ?1. Tích hợp chat Zalo bằng cách chèn mã codePhần 1: Tạo tài khoản ZALO OAPhần 2: Sau khi kiểm duyệt thành công2. Cách cài đặt Plugin OT Zalo chat Hóc Môn là một huyện ngoại thành thuộc thành phố Hồ Chí Minh, Việt Nam. Huyện Hóc …

    • Giá thiết kế website trọn gói là bao nhiêu ?

      Mục lụcTại sao cần sử dụng ZALO CHAT ?1. Tích hợp chat Zalo bằng cách chèn mã codePhần 1: Tạo tài khoản ZALO OAPhần 2: Sau khi kiểm duyệt thành công2. Cách cài đặt Plugin OT Zalo chat Thiết kế website hiện đang là một nhu cầu thiết yếu để khách hàng có thể nắm …

    • Share list trang DA 50-90 để anh em đặt backlink cực chất lượng

      Mục lụcTại sao cần sử dụng ZALO CHAT ?1. Tích hợp chat Zalo bằng cách chèn mã codePhần 1: Tạo tài khoản ZALO OAPhần 2: Sau khi kiểm duyệt thành công2. Cách cài đặt Plugin OT Zalo chat Hôm nay mình xin mạn phép chia sẻ cho anh em một list site web có điểm …

    • 7 Mục đích của SEO mà bạn cần biết đến trong năm 2020

      Mục lụcTại sao cần sử dụng ZALO CHAT ?1. Tích hợp chat Zalo bằng cách chèn mã codePhần 1: Tạo tài khoản ZALO OAPhần 2: Sau khi kiểm duyệt thành công2. Cách cài đặt Plugin OT Zalo chat SEO là viết tắt của Search Engine Optimization (tối ưu hóa công cụ tìm kiếm) và là …

    • Share tài khoản Elementor Pro còn 998 site miễn phí

      Mục lụcTại sao cần sử dụng ZALO CHAT ?1. Tích hợp chat Zalo bằng cách chèn mã codePhần 1: Tạo tài khoản ZALO OAPhần 2: Sau khi kiểm duyệt thành công2. Cách cài đặt Plugin OT Zalo chat Hi ae, bữa giờ mình bị củ hành nhiều thứ quá nên không viết được bài mới …

    • Hướng dẫn fix chức năng tự tạo cặp thẻ “P” gây khoảng trắng khó chịu trong wordpress

      Mục lụcTại sao cần sử dụng ZALO CHAT ?1. Tích hợp chat Zalo bằng cách chèn mã codePhần 1: Tạo tài khoản ZALO OAPhần 2: Sau khi kiểm duyệt thành công2. Cách cài đặt Plugin OT Zalo chat Hướng dẫn fix chức năng tự tạo cặp thẻ <p></p> gây khoảng trắng khó chịu trong wordpress …

    Chat Facebook