Skip to main content

Overview

Welcome to the Components Overview page of Flexibel. This section provides a comprehensive overview of the various components available in Flexibel, each designed to offer flexible and effective solutions for integrating AI chat capabilities into your website. Here, we explore the key components and their functionalities.

FloatingButton Component​

The FloatingButton is an interactive button that seamlessly hovers over your website. When clicked, it activates the Flexibel chatbot interface, allowing customers to start a conversation.

Features​

  • Ease of Use: Simple to integrate, the FloatingButton offers a straightforward way for your visitors to access the chatbot.
  • Customizable Appearance: You can customize the button's style to match your website's design and branding.
  • Adaptive Positioning: It can be positioned anywhere on the screen, ensuring it's both noticeable and non-intrusive.

SearchBar Component​

The SearchBar component functions similarly to the FloatingButton but in the form of a search bar. This component can be placed anywhere on your website and, when used, opens up the chatbot for customer interactions.

Features​

  • Versatile Placement: Integrates smoothly into various parts of your website, such as headers, sidebars, or dedicated search pages.
  • Dual Functionality: Acts as both a search bar and a gateway to the chatbot, enhancing user engagement.
  • Customizable Design: Tailor the look and feel of the SearchBar to align with your site's aesthetic.

FlexibelAdapt Component​

FlexibelAdapt is a static, in-place chatbot component. Unlike the FloatingButton and SearchBar, which require user action to reveal the chat interface, FlexibelAdapt allows the chatbot to be constantly visible and accessible on a page.

Features​

  • Constant Availability: Ideal for pages where ongoing assistance is beneficial, such as support or FAQ sections.
  • Flexible Integration: Can be embedded in any part of your website, offering a more permanent chat solution.
  • Custom Configuration: Offers extensive customization options for its appearance and behavior, allowing for a seamless blend with your site's layout and style.

Each of these components is designed with flexibility and user experience in mind, ensuring that you can offer your website visitors a convenient and intuitive way to interact with your AI-powered chat service. Whether it's through a discreet button, a functional search bar, or a static chat window, Flexibel provides the tools you need to enhance customer engagement and support on your website.