Cách tạo Chatbot AI FlowHunt cho Shopify

Hướng dẫn này sẽ giúp bạn kết nối FlowHunt với cửa hàng Shopify, thêm chatbot Shopify có sẵn, xuất bản và nhúng chatbot vào trang cửa hàng của bạn.

Điều kiện tiên quyết

• Một cửa hàng Shopify với quyền quản trị viên
• Một tài khoản FlowHunt với quyền truy cập workspace: https://app.flowhunt.io/
• Quan trọng: Sử dụng cùng một email cho tài khoản FlowHunt và tài khoản quản trị viên Shopify của bạn.

1) Tích hợp Shopify với FlowHunt (qua Shopify App Store)

1. Mở Shopify App Store và tìm kiếm “FlowHunt”.
2. Nhấn Cài đặt và, nếu được yêu cầu, chọn đúng cửa hàng.
3. Xem lại các quyền được yêu cầu và nhấn Cài đặt ứng dụng / Ủy quyền.

Sau khi cài đặt, bạn sẽ được chuyển hướng đến Shopify và/hoặc FlowHunt. Kết nối được tạo qua quy trình cài đặt marketplace.

2) Cài đặt ứng dụng FlowHunt trên cửa hàng Shopify của bạn

1. Ở màn hình ủy quyền Shopify, kiểm tra các quyền được yêu cầu.
2. Nhấn Cài đặt ứng dụng để hoàn tất cài đặt.

3) Xác nhận tích hợp Shopify đã được bật

Sau khi cài đặt thành công, quay lại FlowHunt → Tích hợp. Bạn sẽ thấy Shopify hiển thị là Đã kết nối/Đã bật.

Nếu chưa được bật, nhấn Kết nối lại và làm theo quy trình ủy quyền.

4) Thêm chatbot Shopify từ Flow Library

1. Trong FlowHunt, vào Flow Library.
2. Tìm kiếm “Shopify Chatbot”.
3. Mở mẫu và nhấn Thêm vào Workspace.

Thao tác này sẽ thêm một luồng chatbot Shopify sẵn sàng sử dụng vào workspace của bạn.

5) Tùy chỉnh chatbot cho thương hiệu của bạn

Mở luồng vừa thêm và điều chỉnh:

• Lời nhắc hệ thống và giọng điệu: Thiết lập phong cách và hướng dẫn thương hiệu của bạn.
• Nguồn tri thức: Kết nối danh mục sản phẩm, FAQ, chính sách, hoặc các tài liệu khác.
• Công cụ và hành động: Có thể bật tra cứu đơn hàng, kiểm tra trạng thái, hoặc cập nhật CRM nếu gói dịch vụ và thiết lập của bạn cho phép.
• Giao diện/thương hiệu: Cấu hình tên widget, lời chào, và các nhãn hiển thị khác trong phần Chatbots.

Sau khi hoàn tất, Lưu các thay đổi của bạn.

6) Xuất bản luồng

Nhấn Xuất bản trên luồng để có thể sử dụng cho chatbot trên website/cửa hàng của bạn.

7) Tạo mã tích hợp mới (Chatbot)

1. Vào Chatbots trong FlowHunt.
2. Nhấn Mã tích hợp mới.
3. Chọn luồng đã xuất bản mà bạn vừa tạo.
4. Cấu hình các tùy chọn widget (giao diện, vị trí, hành vi mở, ngôn ngữ, danh sách tên miền cho phép, v.v.).
5. Lưu lại. FlowHunt sẽ tạo ra một đoạn mã script (Mã tích hợp của bạn).

Hãy lưu lại đoạn mã này — bạn sẽ dán nó vào giao diện chủ đề Shopify ở bước tiếp theo.

8) Nhúng chatbot vào trang cửa hàng Shopify của bạn

Bạn có thể thêm Mã tích hợp theo hai cách. Chọn phương án phù hợp nhất với nhu cầu của bạn.

Cách A — Thêm vào theme.liquid (toàn bộ trang)

Cách này sẽ thêm chatbot vào mọi trang của cửa hàng. Làm theo các bước chi tiết sau:

Bước 1: Truy cập quản trị viên Shopify và vào Online Store > Themes

Bước 2: Nhấn nút Tùy chỉnh bên cạnh chủ đề đang hoạt động Bước 3: Nhấn 3 dấu chấm (⋯) ở góc trên bên trái và chọn Chỉnh sửa mã

Bước 4: Tìm tệp theme.liquid trong thư mục Layout (/layout/theme.liquid)

Bước 5: Thêm Mã tích hợp ngay trước thẻ đóng </body> Bước 6: Lưu thay đổi bằng cách nhấn Ctrl + S (hoặc Cmd + S trên Mac)

Sau khi lưu, hãy truy cập lại cửa hàng và làm mới trang. Chatbot sẽ xuất hiện trên tất cả các trang.

Lưu ý quan trọng:

• Dán trước </body> để đảm bảo widget tải trên mọi trang
• Giữ nguyên đoạn mã snippet của FlowHunt, không chỉnh sửa
• Chatbot sẽ xuất hiện trên tất cả các trang của cửa hàng

Cách B — Thêm qua phần Custom Liquid (trang cụ thể)

Cách này cho phép bạn hiển thị chatbot chỉ trên các trang hoặc mẫu cụ thể. Phù hợp nếu bạn muốn chatbot chỉ xuất hiện ở trang sản phẩm, hoặc các trang landing page nhất định.

Bước 1: Vào Online Store > Themes và bấm Tùy chỉnh bên cạnh chủ đề đang hoạt động

Bước 2: Điều hướng đến mẫu cụ thể mà bạn muốn thêm chatbot (ví dụ: trang Sản phẩm, trang Bộ sưu tập, hoặc một trang nhất định)

Bước 3: Nhấn Thêm phần hoặc Thêm khối (tùy theo chủ đề) Bước 4: Tìm và chọn Custom Liquid từ các tùy chọn có sẵn Bước 5: Dán Mã tích hợp FlowHunt vào vùng nội dung Custom Liquid

Bước 6: Nhấn Lưu rồi Xem trước để kiểm tra chatbot trên mẫu đó

Lưu ý quan trọng:

• Cách này giúp bạn kiểm soát chính xác nơi chatbot xuất hiện
• Cần lặp lại các bước này cho từng mẫu muốn hiển thị chatbot
• Tuyệt vời để kiểm thử chatbot trên một số trang trước khi triển khai toàn bộ cửa hàng
• Chatbot chỉ xuất hiện trên các mẫu bạn đã cấu hình

Xác minh và kiểm thử

• Mở cửa hàng của bạn ở cửa sổ ẩn danh/private để tránh bộ nhớ cache.
• Đặt các câu hỏi phổ biến (vận chuyển, đổi trả, tình trạng sản phẩm) để kiểm tra luồng.
• Xem lại nhật ký hội thoại trong FlowHunt (bật Chế độ chi tiết nếu cần) để xem các tài liệu/công cụ đã được sử dụng.

Xử lý sự cố

• Chatbot không hiển thị: Đảm bảo Mã tích hợp đã được thêm vào trang, chủ đề đã được xuất bản, và tên miền đã được cho phép trong cài đặt Chatbots.
• Widget bị trùng lặp: Loại bỏ các đoạn mã trùng lặp và chỉ giữ một Mã tích hợp đang hoạt động.
• Thiếu câu trả lời: Kiểm tra lại Nguồn tri thức và cài đặt Document Retriever trong luồng của bạn, sau đó xuất bản lại.
• Lỗi quyền Shopify: Kết nối lại Shopify trong FlowHunt → Tích hợp và cài đặt lại nếu được yêu cầu.