Chatalog Help Centre
HomePricingBlogLogin
English
English
  • Welcome to chatalog
  • đŸ’ŦInstant Enquiry
  • â„šī¸Release Notes
    • 2025 Releases
    • 2024 Releases
    • 2023 Releases
  • ❓FAQs
  • 🔊Announcements
    • Temporarily Disable the Delete Message Template Function
  • 🔹Platform Setup
    • 🚩Things to note when setting up the platform
    • WhatsApp
      • WhatsApp Conversation Fees
      • Turn off WhatsApp Number Two-step verification
      • Submitting an eligible phone number for WhatsApp Business API
      • WhatsApp Business API Display Name Guideline
      • Applying for Official Business Account (Green Tick)
      • WhatsApp Business API Limitations
      • WhatsApp Broadcast Limit and Setup Business Profile
      • Regarding WhatsApp Business API being blocked
      • Export WhatsApp Conversations
      • WhatsApp Catalogue
        • Connect the catalogue to your number
      • WhatsApp Flow
    • Instagram
    • Facebook
    • WeChat
      • Customer Service Messages
    • LINE
  • 🔷Contact setup
    • Contact
      • Import, Export and Add Contact
      • Notes
      • Block/Unblock Contacts
      • Delete Contact
      • Contact List (WhatsApp)
      • Label Management
      • Contact activity
  • 🔷BROADCAST SETUP
    • Broadcast
    • Broadcast (WhatsApp)
      • Create or import a contact list for broadcast
      • Create a WhatsApp message template
      • Create a Carousel Template
      • How to Send WhatsApp Broadcast
      • Selective Display of Templates
    • Broadcast (Non-WhatsApp)
    • Broadcast - Recurring Notification (Facebook)
  • 🔹CRM Quickstarts
    • Messages
      • The status of the conversation and the chat box interface
      • Icon in the message
      • Inbox Permissions
      • Export Conversation
      • Auto message for assigning conversation
      • Import new contacts and open - individual import
      • Import new contacts and open - multiple imports
    • Basic Flow
      • First Direct Message, Ice Breaker, Story Mention
      • Setting up non-business hours
      • Flow management tools
      • Selective Display of Flows
    • Customized Flow
      • Flow Blocks
        • Flow template reference
          • Event reservation Flow
          • Subscription cancellation Flow
      • Flow Trigger
      • Assign Conversation
      • Custom Field and User Input Setup in Flow
      • Setting up Call API Block in Flow
      • Smart Delay
  • 🔷AI Tools
    • AI Tools
      • Manage projects for AI Reply from Document
      • AI Tools - AI Writer & Doc Reply
      • AI Writer & Consultant
      • AI Reply from Document Flow Block
      • AI Dialog Flow Block
        • How to write good prompts for your AI Dialog?
      • AI Funnel Flow Block
  • 🔷POST AUTO REPLY
    • Post Auto Reply
      • Post Auto Reply Setup
      • Post Auto Reply Setup - Multiple
      • Manage The Bot
      • Create an IG Live Bot
  • 🔹Settings
    • Upgrade Plan
    • Account Details
    • Two-factor authentication (2FA)
      • Enable 2FA in Settings (Owner Only)
      • Disable 2FA in Settings (Owner Only)
      • 2FA login on the mobile app
      • 2FA login on the web
    • User Management
      • Add Team Member
      • User Status
    • Team Management
      • Advanced Permission Settings (Beta)
    • Web Chat
      • Setting up Web Chat on wordpress
      • Setting up Web Chat on Shopify
      • Add WhatsApp button to your website that links to your WhatsApp Business account
    • Auto Follow-ups
    • Names Display
  • Supported Languages
Powered by GitBook
On this page
  1. Settings

Web Chat

PreviousAdvanced Permission Settings (Beta)NextSetting up Web Chat on wordpress

Last updated 2 months ago

Setting up web chat plugin for your website is easy. Just embed the code into the corresponding position to allow your customers to chat with you on their preferred channels, including WhatsApp, Instagram, Facebook, or directly on the chat plugin.

In Setting, you need to fill in Allowed Domains. If your website is https://chatalog.ai, you may fill it in as an allowed domain. Allowed Domains could be more than 1. Setting it up is for preventing other unauthorized websites from embedding your code. Then, you can fill in header and welcome message. Welcome message will prompt upon customers opening conversation window without inputting any message. You can treat that message as a conversation starter.

Installation

In Installation, you can select the widget color, the icon image that represents your brand, and the social channels to be shown in the web chat plugin. You can also decide the widget position in the website. Click generate widget code upon finish. Click Copy to get the code. If you can directly edit html of your website, embed it into every enclosing </body> or </head> for all your pages.

Next, you can test your configuration using the "Test Now" button. This allows you to preview the web chat widget with the current settings before deploying it to your website. Lastly, click Save to apply changes.

🔹