Floating Button Bot

Thông báo tin nhắn nhanh trong ứng dụng

*

*

- Tính năng chatbot là một công cụ mạnh mẽ được tích hợp vào ứng dụng hoặc trang web của bạn, giúp tương tác tự động với người dùng. Với khả năng tự động trả lời câu hỏi, cung cấp thông tin và hỗ trợ khách hàng, chatbot không chỉ tiết kiệm thời gian cho doanh nghiệp mà còn tạo ra trải nghiệm người dùng linh hoạt và tiện lợi. Bằng cách sử dụng trí tuệ nhân tạo và xử lý ngôn ngữ tự nhiên, chatbot có thể hiểu và phản hồi đến các yêu cầu của người dùng một cách nhanh chóng và chính xác. Tính năng này không chỉ giúp tăng cường sự hài lòng của khách hàng mà còn là một công cụ quan trọng trong việc tăng cường tương tác và chuyển đổi trong chiến lược kinh doanh trực tuyến của bạn. - Chúng tôi cũng cấp cho bạn giải pháp để giải quyết vấn đề này. Cách tích hợp đơn giản chỉ với các bước hướng dẫn dưới đây.

Dưới đây là 1 ví dụ để bạn mở cuộc hội thoại với Bot.

  <PSBubbleChatBot
    floatingButtonProps={PSBubbleChatBotFloatingButtonProps}
    messagesProps={PSMessagesProps}>
    {props.children}
  </PSBubbleChatBot>

  type PSBubbleChatBotFloatingButtonProps = {
    text?: string;
    avatar?: string;
    containerStyle?: StyleProp<ViewStyle>;
    avatarBotStyle?: StyleProp<ViewStyle>;
    isTextVisible?: boolean;
    isUnreadVisible?: boolean;
    onPress?: null | (() => void);
  } & PSMessagesProps;

Các kiểu dữ liệu tương tự như thành phần PSMessages (Bạn có thể xem thêm tại đây PSMessages)

  type PSMessagesProps = PSMessageNavigationContextValue & {
  targetThreadId?: string;
  targetUserId?: string;
  targetMessageId?: number;
  screenContext?: string;
  startCommand?: string;
  messagesStyles?: PSMessagesStyles;
  customizedMessageItemFactory?:
    | null
    | ((message: PSMessageModel) => React.JSX.Element | null);
};

Ghi chú

targetThreadId && targetUserId không thể cùng null

Giải thích PSBubbleChatBotFloatingButtonProps

Tên	Mô tả	Bắt buộc
text	Tham số truyền vào dòng text chào mừng của ChatBot	✗
avatar	Tham số truyền vào avatar của ChatBot	✗
containerStyle	Styling for ChatBot container	✗
avatarBotStyle	Styling for ChatBot Avatar	✗
isTextVisible	Tham số truyền vào để on/off text true / false	✗
isUnreadVisible	Tham số truyền vào để hiển thị số lượng tin nhắn chưa đọc true / false	✗