CommSite

  • Updated on Aug 25, 2025
  • Published on Aug 17, 2025
  • 4 minute(s) read
  • EM
 Prev Next

CommSite – The First Conversational Website

Commsite - CommBox - initial page- new visitor.png

Overview


CommSite by CommBox transforms your existing website into an interactive, AI-powered conversational experience, replacing static menus and endless clicks with natural, human-like interactions.

Key Features


● AI-Powered Conversations
Delivers fast, accurate responses trained on your own business content.
● Personalized Recommendations
Suggests products, services, or content based on user intent in real time.
● System Integrations
Connects with your CRM, inventory, bookings, and payment systems for real-time actions.
● Secure & Compliant
Enterprise-grade security, SOC 2 and GDPR compliance, encrypted communications.

Components


CommSite is an advanced AI chat that leverages your website content and delivers it as a conversation.
● The Launcher - Chat bar on the webpage that opens CommSite.
Ask me anything.png

● Chat Input Bar – Enables the customer to ask open-ended questions to start a conversation with the AI Agent.
● Greeting Cards (up to 6) – Provide quick links to commonly requested services or product information.
● Hands Free – Activated by clicking the voice input icon in the chat input bar.

During the Conversation:
Commsite - CommBox - initial page- log-in visitor.png

● The customer’s interactions are clearly displayed, including any attachments added via the + button in the chat input bar.
● Conversation history lets customers view past topics and continue exactly where they left off.
● Dynamic cards (up to 4 per interaction) appear during the conversation, offering context-relevant links that enable further actions.
CommSite - conversation.png

Dynamic Cards

CommSite - conversation.png

Dynamic Cards define the content, actions, and styling that the AI Agent presents to the customer as the conversation progresses. A CommSite page can display up to 4 cards for every AI interaction.

Available Card Types:

  1. Image Card: Shows a single image.
  • Use Case: A user asks about a specific product and needs a visual reference.
  • Example: An Image Card could show the title "Product X - Latest Model" and display an image of "Product X."
  • Comments:
    • Every item must have a title
    • May have an additional description for every item

  1. Prompt Card: Allows dynamic AI responses.
  • Use Case: A user wants to know their order status, and the system needs to fetch specific information.
  • Example: A Prompt Card could have the instruction "Inform the user of their order status using {{data.order_id}}." When displayed, it fetches the order ID and responds with a personalized message like "Your order 12345 is in transit and will arrive on July 25th."

  1. Topic Card: Auto-fetches a relevant knowledge base (KB) item.
  • Use Case: A user asks a general question about a broad subject, and the system can provide a relevant initial query.
  • Example: If a user asks about "Returns," a Topic Card titled "Returns Policy" could auto-fetch a related question from the knowledge base, such as "What is your return policy for damaged items?"
  • Comments: You can enter a dedicated text that will be shown to the user.

  1. HTML Card: Supports custom HTML for advanced layouts or embedded media.
  • Use Case: You need to display rich, custom content or embed external media that is not supported by the other card types.
  • Example: An HTML Card could embed a short video tutorial on using a specific feature, or display an interactive form for collecting feedback, directly within the card.
  • Comments: Title is mandatory.

  1. List Card: Displays a structured list of items.
  • Use Case: A customer is asking about product categories.
  • Example: A List Card could display "Popular Product Categories" as the title, and the list items could be "Electronics," "Apparel," "Home Goods," and "Books," allowing the user to select one to explore further.
  • Comments:
    • Every item must have a title
    • May have an additional description for every item
    • 2-10 listed items
    • Every selected item can open a webpage, jump to a specific step within the flow, or display a prefilled image or text.
      Dynamic cards -list example- box.png
  1. Video Card: Opens a video for the user.
  • Use Case: A user asks about a general service or product and needs a visual reference.
  • Example: A Video Card could show a short “how-to” clip that explains the steps required for the task ahead.
  • Comments:
    • Required: A Title, the Video’s URL, and a thumbnail image.
    • Optional: A text that will appear at the bottom of the card describing the content.
      Video Card.png
  1. Link Preview: Displays a preview of the link provided for the user.
  • Use Case: A customer asks about policy details or wants to review supporting documents online, and you want to provide a clear preview before they open the full page.
  • Example: If a customer asks, “What does my travel insurance cover?” a Link Preview Card could display the title “Travel Insurance Coverage Guide” and show a short description: “Learn what is included in your travel insurance plan, including medical coverage, cancellations, and lost baggage.” Once clicked, the customer would be directed to the coverage document on the company’s website.
  • Comments:
    • Required: The title and linked URL.
    • Optional: Description appears at the bottom of the dynamic card.
    • Once clicked, the card can open the webpage, jump to a specific step within the flow, or display a prefilled image or text.