Nhúng messenger vào website html

Xin chào tất cả các bạn hôm nay netweb.vn xin hướng dẫn các bạn tích hợp chát mới của facebook cho website thành công 100% nhé!

Bước 1: bạn cần chuẩn bị 1 fanpage?

Nếu các bạn chưa có thì hãy tạo cho mình 1 fanpage nhé, ở đây fanpage của mình đã tạo sẵn là: https://www.facebook.com/networkwebsite

Bước 2: Các bạn vào cài đặt như hình dưới

Nhúng messenger vào website html

Tiếp theo chọn: Nền tảng Messenger

Nhúng messenger vào website html

Bước 3: add website vào cho facebook nhận diện, chọn lưu để hoàn tất

Bước này rất quan trọng vì nó quyết định đến những website nào add thì chèn code vào mới hiển thị box chát!

Tích hợp Facebook Messenger vào website thì website đó bắt buộc phải sử dụng bảo mật SSL https và có Fanpage Facebook, sau khi tích hợp tin nhắn sẽ gửi thẳng về Fanpage này, hình dưới là demo sau khi tích hợp:

Nhúng messenger vào website html

Bước 1: Vào trang Fanpage Facebook cần tích hợp và bấm vào Cài đặt như hình dưới:

Nhúng messenger vào website html

Bước 2: Bấm vào phần Nhắn tin ở thanh menu bên trái

Nhúng messenger vào website html

Bước 3: Click vào Bắt đầu trong mục Thêm Messenger vào trang web

 

Nhúng messenger vào website html

Bước 4: Bấm vào Tiếp

Nhúng messenger vào website html

Bước 5: Chọn ngôn ngữ hiển thị và bấm Tiếp, ngoài ra bạn có thể bấm vào Thay đổi để sửa lời chào mời chat.

Nhúng messenger vào website html

Bước 6: Nhập tên miền của web vào, phải có https:// , ví dụ https://vivaweb.com.vn sau đó bấm Lưu. Sau đó copy toàn bộ đoạn mã trong khung gửi cho bên thiết kế website hỗ trợ nhúng vào web sau thẻ hoặc bạn tự nhúng nếu am hiểu code.

Nhúng messenger vào website html

 

Tới đây thì các bước hướng dẫn tích hợp chat Facebook Messenger đã hoàn tất, chúc bạn thành công.

Tìm kiếm plugin trò chuyện cuối cùng? Nếu khách truy cập web của bạn cuồng nhiệt Messenger người dùng, thêm một Facebook Messenger widget đến trang web của bạn. Trong bài đăng trên blog này, chúng tôi sẽ chỉ cho bạn cách thêm Facebook Messenger vào một trang web, cũng như nơi để thêm Facebook Plugin trò chuyện trên các nhà xây dựng trang web như WordPress, Wix và Shopify.

Nhúng messenger vào website html

Một là gì Facebook Messenger Widget?

Các Facebook Messenger widget (hoặc Facebook Plugin trò chuyện) là một plugin trang web cho phép khách truy cập trang web trò chuyện với bạn Facebook Trang qua Messenger. Là một trong những kênh nhắn tin hàng đầu thế giới, khách hàng đương nhiên có xu hướng trò chuyệnMessenger.

Nhúng messenger vào website html
Đối với plugin trò chuyện cuối cùng, hãy cài đặt Messenger widget trên trang web

Khi khách truy cập trang web gửi yêu cầu qua tiện ích, bạn có thể trả lời thông qua Hộp thư đến Meta Business Suite. Điều này là đủ cho các doanh nghiệp nhận được khối lượng tin nhắn từ thấp đến trung bình và dựa vào Facebook Messenger để giao tiếp với khách hàng.

Các doanh nghiệp xử lý khối lượng lớn các cuộc trò chuyện hoặc trò chuyện với khách hàng trên nhiều kênh nên sử dụng hộp thư đến nhắn tin đa kênh như respond.io. Ngoài việc hợp lý hóa tất cả các cuộc hội thoại trong một hộp thư đến, nó còn cung cấp các lợi ích bổ sung như tự động hóa và phân tích nâng cao.

Tại sao sử dụng Messenger Widget: Facebook Lợi ích của plugin trò chuyện

Nếu bạn đang tận dụng Facebook Messenger Để cung cấp hỗ trợ khách hàng hoặc thúc đẩy bán hàng, bạn biết nền tảng này hiệu quả như thế nào. Trong số những lý do chính để xem xét sử dụng Facebook Trò chuyện trên web là khả năng tạo các cuộc trò chuyện liên tục và xây dựng danh sách liên hệ.

Facebook Plugin trò chuyện tạo ra sự tương tác liên tục, nhất quán

Với các cuộc trò chuyện trên trang web truyền thống, bạn sẽ mất người dùng mãi mãi khi họ rời khỏi trang web của bạn. Hy vọng duy nhất của bạn để tiếp tục cuộc trò chuyện là để họ quay lại trang web của bạn. Điều này không còn xảy ra sau khi bạn thêm Messenger vào trang web của bạn.

Thứ nhất, chiếc Messenger Widget là công cụ nhanh nhất để khách hàng của bạn liên hệ với bạn và giải quyết các câu hỏi của họ. Nó đảm bảo khách hàng có thể giải quyết bạn ngay lập tức và dễ dàng trên một trình nhắn tin quen thuộc và thoải mái.

Nhúng messenger vào website html
Lưu thông tin liên hệ và lịch sử trò chuyện khi bạn thêm Messenger đến trang web

Nó cũng cho phép giao tiếp cá nhân trực tiếp trên trang web của bạn để cung cấp hỗ trợ kỹ thuật, tư vấn sản phẩm, đặt hàng hoặc hỗ trợ đặt phòng và hơn thế nữa. Khách hàng có thể tiếp cận bạn trong khi mức độ quan tâm cao để thúc đẩy chuyển đổi bán hàng.

Khi bạn thêm Facebook trò chuyện với trang web, lịch sử trò chuyện của một liên hệ được lưu trong hộp thư đến của Meta Business Suite. Điều này có nghĩa là bạn có thể tiếp tục cuộc trò chuyện với người dùng đã trò chuyện với bạn trên Messenger ngay cả sau khi họ đã rời khỏi trang web của bạn.

Cùng với cuộc trò chuyện, bạn cũng có thể xem một số thông tin hồ sơ cơ bản của họ bao gồm tên, ảnh đại diện, ngày sinh và vị trí của họ. Điều này sẽ giúp bạn phục vụ khách hàng tốt hơn bất kỳ cuộc trò chuyện trực tiếp nào có thể và xây dựng mối quan hệ với họ theo thời gian.

Thêm Messenger đến trang web để xây dựng một Facebook Messenger Danh sách Liên hệ

Giờ đây, mọi người có thể nhắn tin cho bạn một cách dễ dàng thông qua Facebook Sử dụng Facebook Trò chuyện với khách hàng, họ sẽ được thêm vào danh sách liên hệ của bạn mãi mãi.

Nhúng messenger vào website html
Thêm Facebook Plugin trò chuyện: Facebook Messenger có tỷ lệ tương tác cao hơn email

Bạn có thể nghĩ về một Facebook Messenger Danh sách người đăng ký giống như cách bạn thực hiện danh sách người đăng ký email. Sử dụng kênh này như một kênh giao tiếp mới với khán giả của bạn hoặc thậm chí sử dụng nó để gửi Messenger các chương trình phát sóng, có tỷ lệ mở đáng kinh ngạc 92%.

Các Messenger widget chỉ là một cách để xây dựng một Facebook Messenger danh sách người đăng ký. Có Một số cách để phát triển Messenger địa chỉ liên lạc, bao gồm Facebook Bình luận Tự động trả lời hoặc trả lời riêng tư, Nhấp để Messenger quảng cáo hoặc liên kết và Facebook Mã QR.

Khách hàng phải đăng nhập vào Facebook các tài khoản sẽ được thêm vào danh sách liên hệ của bạn. Bạn không thể thêm khách hàng nhắn tin cho bạn ở Chế độ khách. Đọc tiếp để xem bạn có muốn bật hoặc tắt Chế độ khách khi bạn thêm không Facebook Trò chuyện với một trang web.

Facebook Plugin trò chuyện: Chế độ khách

Facebook đã giới thiệu Chế độ khách vào năm 2020 để cho phép khách hàng trò chuyện với các doanh nghiệp thông qua Messenger widget mà không cần đăng nhập vào Facebook tài khoản. Để vào Chế độ khách, chỉ cần nhấn vào Tiếp tục với tư cách khách trước khi bắt đầu cuộc trò chuyện.

Chế độ khách cung cấp cho khách hàng sự linh hoạt để trò chuyện với một công ty ẩn danh. Nhưng tính năng này có một vài nhược điểm cho các doanh nghiệp.

Nhúng messenger vào website html
Facebook Messenger Widget với Chế độ khách

Để bắt đầu, Chế độ khách ngăn cản các doanh nghiệp xây dựng kết nối lâu dài với khách hàng. Các doanh nghiệp không thể mở lại các cuộc trò chuyện của khách khi Khách kết thúc cuộc trò chuyện hoặc 24 giờ kể từ khi bắt đầu cuộc trò chuyện, tùy theo điều kiện nào đến trước.

Bạn cũng không thể cung cấp trải nghiệm khách hàng được cá nhân hóa ở Chế độ khách vì bạn không thể truy cập bất kỳ thông tin khách hàng nào. Những người trò chuyện với bạn trong Chế độ khách sẽ được hiển thị tên của họ là Khách, tiếp theo là một chuỗi số ngắn.

Rất may, bạn có thể vô hiệu hóa Chế độ Khách trong quá trình thiết lập widget. Đọc tiếp để tìm hiểu làm thế nào.

Cách thiết lập Facebook Messenger Widget: Tạo mã widget

Đầu tiên, hãy nói về Messenger Quá trình thiết lập widget. Để thêm Facebook Messenger Đối với một trang web, bạn cần thực hiện hai bước sau theo trình tự:

  • Tạo một Facebook Messenger mã widget
  • Thêm nút Messenger mã widget đến trang web của bạn

Bạn có thể tạo một Messenger mã widget trong Meta Business Suite hoặc respond.io. Mặc dù cả hai nền tảng đều phục vụ cùng một mục đích, nhưng chúng cung cấp các tính năng khác nhau.

Meta Business Suite cung cấp cho bạn tùy chọn để tắt Chế độ khách. Các công ty B2C nên chọn điều này vì việc tắt Chế độ khách cho phép họ nắm bắt khách hàng tiềm năng, cung cấp trải nghiệm khách hàng được cá nhân hóa và thu hút lại khách hàng sau khi họ rời khỏi trang web.

Điều đó nói rằng, việc tắt Chế độ khách có thể từ chối những người mua B2B muốn ẩn danh. Nếu bạn là doanh nghiệp B2B cần bật Chế độ khách, chúng tôi khuyên bạn nên thiết lập Facebook Plugin trò chuyện qua respond.io.

Bạn không chỉ có thể tự động hóa lời chào hoặc tin nhắn vắng mặt và các quy trình như định tuyến trò chuyện hoặc chỉ định liên hệ, respond.io cho phép bạn thêm mã tham chiếu vào Messenger widget để xác định địa chỉ liên hệ đến từ đâu. Các doanh nghiệp lớn nên xem xét phương án này.

Tạo một Messenger Mã widget trong Meta Business Suite

Dưới đây là cách thêm Facebook Messenger cho bất kỳ trang web nào sử dụng Meta Business Suite. Từ của bạn Facebook Trang:

  1. Điều hướng đến Meta Business Suite và mở Hộp thư đến
  2. Nhấp vào biểu tượng Settings và chọn View All Settings
  3. Chọn Plugin trò chuyện
  4. Nhấp vào Thiết lập

Để điều chỉnh chức năng của widget theo nhu cầu của bạn, hãy chọn tự động hóa và tùy chỉnh bạn muốn từ danh sách trước khi nhấp vào Thiết lập. Sau đó, chọn phương pháp thiết lập bạn muốn sử dụng để tạo Messenger Mã widget.

1. Nhấp vào nút Thiết lập màu xanh lam.

Nhúng messenger vào website html
Facebook Plugin trò chuyện trong Meta Business Suite

2. Chọn nút Facebook Phương pháp thiết lập Plugin trò chuyện bạn muốn sử dụng. Nếu bạn thấy trình tạo trang web của mình trong danh sách, hãy chọn trình tạo đó. Nếu không, hãy chọn Tiêu chuẩn.

Nhúng messenger vào website html
Chọn trình tạo trang web của bạn nếu nó có trong danh sách hoặc chọn Tiêu chuẩn

3. Chọn ngôn ngữ ưa thích của bạn cho plugin trò chuyện. Sau đó nhấp vào Lưu &tiếp tục.

Nhúng messenger vào website html
Chọn ngôn ngữ

4. Thêm miền cho tất cả các trang web mà bạn muốn plugin trò chuyện xuất hiện. Đảm bảo miền được dán trong trình tạo mã không bao gồm trang. Nhấp vào Lưu > tiếp tục khi hoàn tất.

Nhúng messenger vào website html
Thêm tên miền trang web

5. Nhấp vào nút Sao chép mã để sao chép mã. Sau đó nhấp vào Tiếp theo.

Nhúng messenger vào website html
Sao chép mã

6. Dán đoạn mã vào trang web của bạn. Tiếp theo, chúng tôi sẽ chỉ cho bạn một cách ngắn gọn nơi để thêm mã này vào WordPress, Wix, Shopify và Squarespace.

Nhúng messenger vào website html
Dán đoạn mã plugin vào trang web của bạn

Nhấp vào Kết thúc khi bạn đã hoàn tất. Của bạn Messenger widget hiện đã sẵn sàng để sử dụng. Theo tùy chọn, bạn có thể tắt Chế độ khách cho Messenger Widget.

6. Tắt nút chuyển đổi Trò chuyện của Khách để vô hiệu hóa Chế độ Khách. Bạn có thể tìm thấy chuyển đổi bên dưới Tùy chỉnh Plugin Trò chuyện của mình.

Nhúng messenger vào website html
Vô hiệu hóa chế độ khách

Sau đó, nhấp vào Xuất bản để thực hiện các thay đổi. Và đó là cách bạn cài đặt Facebook Messenger trên trang web trò chuyện! Ngoài ra, bạn có thể tạo một Messenger mã widget trên respond.io.

Tạo một Messenger Bật mã widget respond.io

Để tạo một Messenger Bật mã widget respond.io, bạn sẽ cần một respond.io tài khoản. Sau đó, hãy làm theo các bước sau:

1. Điều hướng đến mô-đun Kênh. Sau đó, nhấn Thêm kênh để kết nối một Facebook Trang.

Nhúng messenger vào website html
Cách làm Messenger widget cho trang web: Mô-đun kênh

2. Chọn Messenger từ danh sách kênh.

Nhúng messenger vào website html
Cách làm Messenger widget cho trang web: Respond.io Kết nối kênh

3. Nhấn Kết nối với Facebook. Đăng nhập vào nút Facebook tài khoản có quyền truy cập quản trị vào trang mà bạn muốn kết nối.

Nhúng messenger vào website html
Kết nối với Facebook

Nếu bạn quản lý nhiều Trang, bạn sẽ được cung cấp tùy chọn để chọn trang nào Facebook Trang để kết nối. Nhấn Xong để hoàn tất thiết lập.

4. Nhấn Plugin trò chuyện để bắt đầu tạo Facebook Messenger Mã widget.

Nhúng messenger vào website html
Cách làm Messenger widget cho trang web: Respond.io trang kênh

5. Thêm trang web của bạn vào danh sách trắng. Điều này là cần thiết để thêm Facebook Messenger vào trang web của bạn.

Nhúng messenger vào website html
Cách làm Messenger widget cho trang web: Facebook Messenger Danh sách trắng widget

6. Sao chép tập lệnh và dán nó vào chân trang của trang web của bạn.

Nhúng messenger vào website html
Cách làm Messenger widget cho trang web: Facebook Messenger tập lệnh widget

Nhấp vào Xong sau khi thêm nút Facebook Mã tiện ích trò chuyện đến trang web của bạn và ở đó bạn có nó - Facebook Plugin trò chuyện nên được thiết lập và chạy.

Bây giờ, bạn có thể tự hỏi làm thế nào để thêm Facebook Trò chuyện với trang web của bạn. Điều này phụ thuộc vào CMS của bạn. Chúng tôi sẽ hướng dẫn bạn qua một số phương pháp về cách thêm Messenger đến trang web cho các nhà xây dựng trang web phổ biến.

Cách thêm Messenger đến trang web bằng mã widget

Điều hướng CMS của bạn để thêm plugin trò chuyện có thể gây nhầm lẫn. Dưới đây, bạn sẽ tìm thấy hướng dẫn cài đặt Messenger Mã widget trên các nhà xây dựng trang web phổ biến như WordPress, Wix, Shopify và Squarespace.

Cách thêm Facebook Messenger Mã widget cho một WordPress Site

Bây giờ bạn có thể cài đặt một Messenger plugin của Meta trực tiếp từ tab Plugins trong thanh bên. Mặc dù bản thân plugin là miễn phí, nhưng cài đặt chỉ có sẵn cho người đăng ký gói Business hoặc người dùng gói Pro, cho những người sử dụng gói cũ.

Nhúng messenger vào website html
WordPress Người đăng ký Pro hoặc Business có thể cài đặt Facebook Plugin trò chuyện trực tiếp

Để cài đặt Facebook Plugin trò chuyện trên WordPress, hãy làm theo các hướng dẫn sau:

  1. Sưu tầm Facebook Plugin trò chuyện và chọn nó.
  2. Nhấp vào Cài đặt ngay bây giờ.
  3. Nhấp vào Kích hoạt.
  4. Tìm tab có nội dung Trò chuyện với khách hàng. Điều hướng đến phần Bắt đầu và nhấp vào Chỉnh sửa plugin trò chuyện.
  5. Tùy chỉnh plugin trò chuyện của bạn và hoàn tất thiết lập của bạn.

Ngoài ra, tích hợp Messenger thành một WordPress trang web bằng cách sử dụng Messenger mã widget. Điều này cũng đòi hỏi phải đi qua tường phí. Có một số cách bạn có thể thêm Messenger mã widget đến WordPress, bao gồm cài đặt plugin đầu trang và chân trang.

1. Thêm plugin đầu trang và chân trang mà bạn chọn từ trang Plugins.

Nhúng messenger vào website html
Thêm plugin đầu trang và chân trang

2. Điều hướng đến Đầu trang và Chân trang.

Nhúng messenger vào website html
Cách tích hợp Facebook Messenger trên trang web: Mở bảng điều khiển đầu trang và chân trang

3. Thêm nút Facebook Messenger tập lệnh widget đến chân trang.

Nhúng messenger vào website html
Cách tích hợp Facebook Messenger trên trang web: Thêm tập lệnh vào bảng điều khiển đầu trang và chân trang

Bây giờ bạn đã thêm Facebook Messenger Trò chuyện trực tiếp với WordPress trang mạng.

Cách thêm Facebook Mã plugin trò chuyện thành một Wix Website

Điều gì sẽ xảy ra nếu bạn muốn thêm trò chuyện trực tiếp vào trang web Wix? Sau khi bạn đã tạo một Facebook Messenger tập lệnh widget, hãy làm theo các bước bên dưới để thêm nó vào trang web Wix của bạn. Xin lưu ý rằng bạn sẽ yêu cầu đăng ký trả phí để truy cập tính năng này.

1. Điều hướng đến Settings > Advanced Settings > Custom Code.

Nhúng messenger vào website html
Thêm Messenger mã widget cho Wix

2. Dán Facebook Messenger Mã widget và chọn các trang mà bạn muốn mã áp dụng. Đảm bảo rằng bạn đặt mã trong Body - end.

Nhúng messenger vào website html
Điền vào Biểu mẫu Mã Tùy chỉnh

Bây giờ bạn đã thêm Facebook Plugin trò chuyện đến trang web Wix của bạn.

Nhúng messenger vào website html
Mới của bạn Facebook Plugin trò chuyện đã được cài đặt

Cách thêm Facebook Tiện ích trò chuyện để Shopify

Khi bạn đã có Facebook Tập lệnh Plugin trò chuyện, hãy làm theo các bước sau để bạn cần tích hợp Facebook Messenger thành một Shopify trang mạng.

1. Dẫn hướng đến Cửa hàng trực tuyến và sửa mã.

Nhúng messenger vào website html
Shopify Messenger Trò chuyện: Chỉnh sửa mã cửa hàng trực tuyến

2. Mở phần footer.liquid và dán Facebook Messenger Tập lệnh widget.

Nhúng messenger vào website html
Shopify Messenger trò chuyện: Thêm tập lệnh

Bây giờ bạn đã thêm Facebook Plugin trò chuyện trên Shopify trang mạng.

Làm thế nào để thêm Facebook Messenger Mã widget đến Squarespace

Khi bạn đã có Facebook Tập lệnh Plugin trò chuyện, đã đến lúc nhúng Messenger trong một Squarespace trang mạng.

1. Đăng nhập vào Squarespace, chọn trang web của bạn và mở Cài đặt.

Nhúng messenger vào website html
Mở cài đặt trang web của bạn

2. Điều hướng đến Cài đặt nâng cao.

Nhúng messenger vào website html
Mở cài đặt nâng cao

3. Điều hướng đến Code Injection.

Nhúng messenger vào website html
Tiêm mã mở

4. Dán Facebook Messenger Tập lệnh widget.

Nhúng messenger vào website html
Thêm tập lệnh

Bây giờ bạn đã thêm Facebook Messenger trò chuyện trực tiếp đến trang web của bạn.

Chúng tôi đã chỉ cho bạn cách tạo Facebook Trò chuyện mã widget và cài đặt Facebook Plugin trò chuyện trên một số trình tạo trang web phổ biến nhất. Muốn trò chuyện với khách hàng trên Messenger widget và các kênh khác, cũng như truy cập chi tiết liên hệ và lịch sử trò chuyện của họ trong hộp thư đến tập trung? Đăng ký một respond.io tài khoản ngay bây giờ.

Nhúng messenger vào website html

Đọc thêm

Và đó là cách bạn có được một Messenger widget để thêm Facebook Messenger vào trang web của bạn. Nếu bạn thích đọc về cách phát triển doanh nghiệp của mình với plugin trò chuyện tối ưu, hãy tìm hiểu thêm về nhắn tin tức thời cho doanh nghiệp với các bài đăng trên blog sau: