LogoLogo
HomePricingLog inSleekFlow 2.0
  • Welcome to SleekFlow 1.0
  • 🏃Getting Started
    • Start Exploring
      • Basic of Inbox
      • Connect first channel
      • Add Channels
      • Invite Users
      • Set up automation
      • Create Saved Reply
      • Broadcast first message
    • Creating a SleekFlow Account
      • Resetting Password
        • Reset Password (mobile)
  • 🕺Using the Platform
    • Inbox
    • Automation
      • Trigger mechanism
      • Default Assignment Rule
      • Conditions
      • Actions
        • Webhook
        • Setting messages automatically to Open, Snooze or Closed
      • Scenarios
        • Incoming Messages
          • Interactive Messages
        • Newly Added Contacts
        • New or Updated Contacts
        • Schedule
        • Outgoing Messages
        • Facebook Rules
        • Instagram Rules
      • Templates
        • 1. Greetings and Assign New Contacts to Staff
        • 2. Auto-Reply for Existing Customers
        • 3. Auto-Reply During Off Business Hours
        • 4. Auto-Reply Based on Keywords
        • 5. Auto-Reply when Customers Reply a Campaign
        • 6. Reassign Returning Customers
        • 7. Segmenting customers from different enquiries
        • 8. Proactively Reach Out to Newly Added Contacts
        • 9. Proactively reach out to newly added contacts from Facebook Lead Ads
        • 10. Send Drip Campaign Messages when Customers Sign Up
        • 11. Notify Customers with New or Updated Status
        • 12. Update Contact Data & Add And Remove From List
        • 13. Schedule Periodic Promotional Messages
        • 14. Send Booking Reminders
        • 15. Send Internal Reminder
        • 16. Auto Close Conversations
        • 17. 於指定時間重新分配對話到其他使用者
        • 18. 新客戶與現有客戶設定不同的歡迎信息
      • Chatbot
        • 1. Send A Welcome Message
        • 2. Learn About your Customers’ Interest
        • 3. Get Your Customers' Company Size
        • 4. Thank Your Customer And Get in Touch
        • 5. Speak Directly To Staff
      • FAQs
    • Contacts
    • Broadcasts
      • Export CSV
      • FAQs - Broadcast
    • Analytics
    • Commerce
      • Payment Links
      • Custom Catalog
      • WhatsApp Catalog
        • Connect WhatsApp catalog
        • WhatsApp Catalog Settings
          • Scenario 1 - Same Currency
          • Scenario 2 - Mixed Currency
          • Scenario 3 - Without WhatsApp Catalog/ Payment integrated
        • WhatsApp Catalog Settings(Mobile)
          • Scenario 1 (Mobile) - Same Currency
          • Scenario 2 (Mobile) - Mixed Currency
        • Frequent Asked Questions
  • 💬Messaging Channels
    • WhatsApp (Official) - SleekFlow
      • Application process
        • Turn on 2FA on Facebook account
        • WhatsApp Business Account Tiers
        • Delete WhatsApp account
        • FAQs - During WhatsApp application
        • Migrate from other BSPs
          • How to identify On-Premise and Cloud API BSPs
          • Turn off WhatsApp Number Two-step verification
      • Facebook Business Verification
        • Check Business Verification Status
        • If your Facebook Business Verification icon is greyed out
        • What to do if your Facebook Business Verification has failed
      • Messaging Limits
      • Template Manager (Cloud API)
        • Call to Action button (Dynamic Url)
      • Blue Tick
      • Backup WhatsApp chats files
      • Upload backup chat file to SleekFlow
      • Update WhatsApp Profile
      • FAQs - WhatsApp (Official) - SleekFlow
      • How to setup Click to WhatsApp ads (CTWA)
      • New WhatsApp Pricing (2023)
    • WhatsApp (Official) - Twilio
      • Applying via SleekFlow
      • Apply via Twilio & Connecting to SleekFlow
        • Add WhatsApp Templates on Twilio
        • Update to Twilio Content API
      • Find your Facebook Business ID
      • Check Business Verification Status
      • Facebook Business Verification
        • If your Facebook Business Verification icon is greyed out
        • What to do if your Facebook Business Verification has failed
      • Submit Facebook App Review
      • WhatsApp Rate Limiting
      • FAQs - WhatsApp (Official) - Twilio
    • WhatsApp (Official) - 360dialog
      • Apply via 360dialog
        • Turn on 2FA on Facebook account
        • WhatsApp Business Account Tiers (360dialog)
        • Add an Additional Number
        • Purchase a Skype number
        • Delete WhatsApp account
        • FAQs - During WhatsApp (Official) application - 360 Dialog
      • Facebook Business Verification
        • Check Business Verification Status
        • If your Facebook Business Verification icon is greyed out
        • What to do if your Facebook Business Verification has failed
        • Submit Facebook App Review
      • Messaging Limits
      • Manage Templates
      • Backup WhatsApp chats files
      • Upload zip file to SleekFlow
      • Green Tick
      • FAQs - WhatsApp (Official) - 360dialog
    • Facebook Messenger
      • One-time Notification & Message Tags
      • Facebook Messenger Broadcast
    • Instagram
      • Convert to Business IG account
      • Connect Facebook page
      • Supported Message
      • Allow access to Messages
      • Frequently Asked Question
    • WeChat
    • Line
    • SMS
    • Viber
      • Viber Campaign
    • Telegram
      • Telegram Campaign
  • 🗣Live Chat Widget
    • Setting up Live Chat
    • Install on Shopline
    • Install on Wix
    • Install on Magento
    • Install on Squarespace
    • Install on Shopify
    • Install on Wordpress
    • Google Tag Manager
  • 🔗App Integrations
    • Zapier
    • Shopify
      • Enable Custom App
      • Create Custom App
      • FAQs - Shopify integration
    • Stripe
    • Facebook Lead Ads
    • Salesforce CRM
    • HubSpot CRM
    • API
    • Make
  • 📌Settings
    • General Info
    • SleekFlow Two-Factor Authentication
      • Enroll SleekFlow 2FA
    • Inbox Settings
      • Inbox
      • Labels
      • Saved Reply
    • User
    • Team
    • WhatsApp QR Code
    • Plans & Billings
    • Official WhatsApp Settings
      • Template Manager
      • Opt-In Button
      • Billing
  • 📩Messaging API for WhatsApp
    • Messaging API for WhatsApp
      • Manage API key
    • Set up webhook for receiving messages
    • Sending Message
    • Create Templates
      • Create Templates (Template API)
      • Create Templates (Facebook Business Manager)
    • Get Template Status
    • Media API
    • Conversation analytics
    • Billing and Payments
  • Contact Support
  • API Documentation
Powered by GitBook
On this page
  • Preview
  • General Settings
  • Advanced Settings
  • Languages Settings
  • Pop-up Messages
  • Channels
  • Get Code Snippet
  • Website developed by the third-party platform

Was this helpful?

  1. 🗣Live Chat Widget

Setting up Live Chat

Integrating a widget on your website to start conversations with visitors. Track Website Behaviors and Prompt Call-to-Action for leads.

PreviousTelegram CampaignNextInstall on Shopline

Last updated 3 years ago

Was this helpful?

Adding a live chat widget may seem like a daunting task but is quite simple and requires no technical expertise or coding knowledge, copy and paste at the required locations.

You can customise your Live Chat Widget to install on your company website.

Preview

Feel free to check the Preview screen when you are editing the widget.

General Settings

You can design the fundamental outlook of the Live Chat by editing the below items.

  • Widget name: Choose a name for internal visible only.

  • Chat Bot Name: It is the sender name for all the system generated auto-messages.

  • Header Logo: Select a logo picture displayed on the Live Chat Widget.

Remember to click "Save Changes" after changes are made.

Advanced Settings

You can have advanced customisation to facilitate your website visitors.

  • Share your reply time: Set expectations about how quickly your team replies during office hours.

  • Business Hours: Set your business hours and display the live chat button during office hours only. Hide the button during off-hours.

  • Contact Form: Require visitors to provide their contact details like name, email, and phone number before starting a chat. You can choose to activate it "All-time" or "Only during off-hours".

By default, visitors require to provide a phone number and email when they fill in the form. You can tick the corresponding box if you would like to make them optional.

4. Visibility of "Powered by ⚡️ SleekFlow" on Widget: For Premium plan and enterprise plan users, you can "Show" or "Hide" the Powered by wordings on Widget.

Languages Settings

You can enable as many languages as you want and add the ones you need. The widget will match your users default browser language.

If the visitor has the visitor's browser, languages preferences is set to a locale below, which has been set as disabled. The widget will fall back to the locale that has been set as the default locale: en.

You can hover to the preferred language and click set as default.

Pop-up Messages

You can send website visitors automatic targeted pop-up messages based on their URL.

Steps to create a new pop-up message

Name: Enter a name for you to identify the pop-up message.

Conditions: You can set "Show" or "Hide" to choose what page you want the pop-up to appear or disappear on your website.

Message: Select when the URL path contains/exactly match to show or hide the pop-up message. Please enter your message text (maximum 1024 characters) then you can either save it as a draft or publish it right away.

Display time: Enter the time to display the pop-up message after the visitor arrives on the selected URL.

Channels

You can select the channels that you installed to be visible to your website visitors. So visitors can choose to send messages through the preferred communication channels.

Get Code Snippet

Below is an example only, do not copy and paste on your website.

Once pasted and published, you should be able to see the widget appearing on your website.

Website developed by the third-party platform

If you build your websites with other tools or platforms, or you use a third-party tag manager, please find the links below for a detailed guide:

Background color & Button Color: Select favourable colour that presents your brand.

It should be simple for you to paste code on the footer section of your webpage if you developed your website. and copy and paste it on your website.

Find your unique snippet code
Google Tag Manager
Install on Wordpress
Install on Shopify
Install on Squarespace
Install on Wix
Install on Shopline
Install on Magento