Trong các phần trước tôi đã hướng dẫn các bạn tạo ra một chat bot cho riêng mình và chúng ta đã cùng nhau tạo ra môt chat bot cho ví dụ tư vấn về sữa bột cho trẻ em. Trong phần này tôi sẽ hướng dẫn các bạn cách tích hợp chat bot của mình vào website một cách dễ dàng.
Đầu tiên các bạn chọn vào mục Integratuons trong menu bên phải sau đó kích hoạt Dialogflow Messenger trong phần Text based, tiếp theo các bạn chỉ cần copy đoạn code được tạo ra sẵn giống như bên dưới vào website của bạn nơi mà bạn muốn hiển thị chat bot của mình lên.
1 | <script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script> |
Mặc định thì chat bot của chúng ta sẽ lấy theo tên của Agent được tạo ra trong Dialogflow, các bạn có thể dễ dàng thay đổi thông qua thuộc tính chat-title hoặc có thể thay đổi icon Dialogflow mặc định khi chat bot được tạo bằng icon khác thông qua thuộc tính chat-icon.
Ngoài ra bạn cũng có thể thay đổi màu sắc khung chat, tin nhắn,… thông qua các biến CSS được định nghĩa sẵn, để xem thêm các tuỳ chọn thay đổi cho chat bot bạn có thể truy cập vào đường link này. Như vậy là chúng ta đã có một chat bot hoàn toàn miễn phí để tích hợp vào website của mình, tuy miễn phí nhưng lại cực kỳ lợi hại hơn nữa việc cấu hình để tạo ra một chat bot phù hợp theo nhu cầu của mình và cũng không quá phức tạp phải không nào (^_^)
Nếu như bạn chỉ muốn có một chat bot để tư vấn chăm sóc khách hàng thôi thì đến đây là đủ, còn nếu như bạn có khả năng lập trình và muốn nâng cấp chat bot của mình để nó có thể thay bạn chốt đơn hàng như hình bên dưới thì bạn có thể tiếp tục xem phần tiếp theo của series này để tìm hiểu cách lập trình thu thập thông tin của người dùng (như tên, số điện thoại, địa chỉ) để tiến hành lên đơn hàng một cách tự động nhé!
