Distance Page Customization
The Distance Page allows you to customize your live chat widget's appearance, behavior, and lead capture settings.
The Distance Page is the dedicated configuration space for customizing how your live chat widget appears and behaves on your website. This section is accessible by navigating to Connect Channels > Your Distance page and clicking Edit on the chat link.
Chat View Customization
Public Name: Set the name that appears to visitors on the chat interface.
Initial Greeting: Customize the first message that visitors will see when the chat opens.
Chat Form: Collect contact details before a conversation begins. This ensures agents can follow up if the visitor leaves mid-chat.
Offline Mode
When agents are unavailable, the system automatically switches to Offline View:
Header: “We’re offline”
Message: “Please provide your contact information so we can get in touch with you.”
Suggested Questions
You can pre-define questions to guide customers and help them get started with the chat. These appear under “Suggested Questions” and can include:
What services do you offer?
What’s your pricing or rates?
What areas do you serve?
You can also add your own questions based on frequently asked inquiries to make it easier for customers to engage and get the information they need quickly.
Embedding & Display Options
Full Page Mode: Expands the chat to occupy the full screen.
Embed Mode: Displays the chat in a minimized widget format on your website.
Widget Position: Choose where the chat icon appears on your page (e.g., right side).
Label Text: Optional text next to the closed chat icon (e.g., “Chat with us”).
Preview Options
On the right side of the configuration panel, tenants can use the Preview section to see how the chat will appear to customers in real time.
You can toggle between three preview modes:
Chat view – shows how the live conversation interface appears
Chat form – displays the form customers fill out before starting a chat
Offline view – shows what customers see when no agent is available
At the bottom of the preview, you can also switch between Full Page and Embed modes to test different display formats:
Full Page: The chat window opens in a full-screen view.
Embed: The chat appears as a compact widget on your site.
This helps you visualize how the widget will look and function before publishing any changes.
Appearance Customization
Upload a Profile Picture and Banner Image to personalize your chat.
Adjust Button Color and Text Color to match your branding.
Modify the Label Text for added user guidance.
These customizations help enhance brand consistency and provide a seamless customer engagement experience.
Last updated