Widget Settings

The Widget Settings section is where you customize the appearance and behavior of the chat widget that appears on your website. This is a crucial area for optimizing visitor engagement and brand consistency.

Layout & Messages

• Choose between three widget styles: Ultimate Widget (full-featured), Smart Widget (streamlined), or Mini Widget (compact)
• Customize online widget messages with greeting text like “Let’s Start Chatting with Us Now”
• Add sub-heading text such as “Click Below to Plan Your Events Now”
• Configure offline widget messages for when no agents are available
• Set custom offline sub-headings to guide visitors
• Preview your changes in real-time to ensure optimal appearance

Widget Video

• Select from a gallery of professional video templates featuring diverse presenters
• Upload your own custom video (up to 20 seconds) as an alternative
• See previews of how your video will appear in different widget formats (full-size, smart, mini)
• Create a more personal connection with visitors through video introductions
• Video backgrounds enhance engagement compared to static widgets

Widget Colors

• Customize colors for all widget elements to match your brand identity:
  • Video call button colors (#2c8770)
  • Audio call button colors (#e2c6c7)
  • Chat button colors (#707070)
  • Icon and text colors (#ffffff)
  • Footer background (#2f2f2f) and text (#838383)
• Advanced settings for chat color customization:
  • Sender chat background (#163236)
  • In-chat buttons styling
  • Widget arrow color options
  • Sticky widget color customization
• Preview all color changes in real-time across different widget styles

Communication Options

• Enable or disable specific communication channels:
  • Video calls
  • Audio calls
  • Text chat
• Toggle the “Live” tag feature to indicate real-time agent availability
• Each option can be individually enabled or disabled based on your business needs
• Preview how your communication options will display in the widget

Widget Setting

• Configure device-specific display settings:
  • Desktop display options (Ultimate, Smart, or Mini widget)
  • Mobile display options (Ultimate, Smart, or Mini widget)
• Set widget position (left or right side of screen)
• Enable/disable widget visibility entirely
• Customize widget experience based on device type for optimal user engagement

Video: Pending (Live Tag Repositioning)

Auto Connect

• Enable automatic connection to visitors after they spend a specified time on your site
• Set display time in seconds before auto-connect activates
• Customize auto-connect message (e.g., “Hi there, Would you like to join the session now?”)
• Select video template to use during auto-connect
• Preview the auto-connect experience as visitors will see it
• Set up proactive engagement for better conversion rates

High Intent Pages

• Implement special widget behavior on pages with high conversion potential
• Research shows following an “F” pattern placement on high-intent pages improves conversion
• Add specific URLs for your high-intent pages (e.g., “Book a Meeting” page, “Contact” page, “Product Detail” page)
• View how your widget will appear on both mobile and desktop versions of these pages
• Edit or delete high-intent page settings as your website evolves

Script Snippet

• Get the installation code needed to embed the Knock Knock widget on your website
• Copy the JavaScript snippet with your unique company ID
• Alternative installation option via Google Tag Manager
• Connect your GTM account for streamlined setup
• Simple installation requires minimal technical knowledge

Each of these settings can be customized and saved independently, allowing you to create a highly personalized visitor experience that aligns with your brand and business objectives.