Webchat widget - Complete version – LeadDesk Support

This article is part of the Implementing Omni series.

Please note, the code presented here will need customising to function. For information about installing and customising the widget, see this article.

This is the complete version of the widget as of 19/09/2025, however, the following attributes are "opt-in", and should not be included into the script, if there is no plan to use them. As such this version of the script does not include them.

data-timeout-message-text
data-warning-timeout
data-timeout-warning-text

This version of the the webchat widget is the complete version. For a more minimal version, check out this article.

<script     

    class="getjenny-widget-bundle"

    id="bundle"

    src="WEBCHAT_CONNECTOR_URL"

    data-connector-id="ROUTE_CONNECTOR_ID"
 
    data-chat-location-vertical="bottom"

    data-chat-location-horizontal="right"

    data-chat-margin-horizontal="25px"

    data-chat-margin-vertical="0px"
 
    data-use-chat-icon="true"

    data-chat-icon-url="https://files.leaddesk.com/LD.svg"

    data-chat-icon-background-color=""

    data-chat-icon-width="64px"

    data-chat-icon-height="64px"

    data-chat-icon-internal-size="50%"

    data-chat-icon-shape="16 16 16 16"

    data-chat-icon-position="bottom: 20px; right: 25px;"
 
    data-width="360px"

    data-height="550px"

    data-theme-color="#1e156a"

    data-accent-color="#1e156a"

    data-background-color="#fefefe"

    data-background-image-url=""

    data-background-repeat="no-repeat"

    data-background-position="center"

    data-background-size="cover"

    data-background-transparency="1"

    data-widget-shape="16 16 0 0"

    data-shadows="0 5px 10px -3px rgba(40,40,40,.1)"

    data-show-widget-borders="false"

    data-enable-high-contrast-option="true"

    data-enable-font-size-option="true"
 
    data-header-exists="true"

    data-header-menu-elements="download_transcript,delete_conversation,end_chat"

    data-header-show-end-chat-as-icon="false"

    data-header-show-delete-chat-as-icon="false"

    data-header-show-download-chat-as-icon="false"

    data-header-show-minimize-chat-icon="true"

    data-customer-logo-url="https://files.leaddesk.com/LD.svg"

    data-customer-logo-width-percentage="10"

    data-customer-logo-side-margins="10"

    data-title="Customer Service"

    data-title-alignment="center"

    data-title-text-color="#FFFFFF"

    data-widget-font="Arial"

    data-widget-font-size="18"
 
    data-show-avatar="true"

    data-bot-icon-url="https://files.leaddesk.com/ChatbotIcon.svg"

    data-agent-icon-url="https://files.leaddesk.com/AgentIcon.svg"

    data-bot-icon-width="38"

    data-bot-icon-height="38"

    data-bot-icon-border-radius="50"

    data-bubble-corners="10 10 0 10"

    data-chat-bubble-bot-color="#F1F2F6"

    data-chat-bubble-agent-color="#F1F2F6"

    data-contact-background-color="#e4e6f9"

    data-input-font="Trebuchet MS"

    data-input-font-size="14"

    data-button-font="Trebuchet MS"

    data-button-font-size="14"

    data-chat-corners="50"

    data-disable-chat-on-buttons="true"
 
    data-placeholder="Write your message here..."

    data-button-label=""

    data-send-icon-url="https://files.leaddesk.com/sendIcon.svg"

    data-maximum-char-limit=""
 
    data-disclaimer-background-color="#1e156a"

    data-disclaimer-text=""
 
    data-show-getjenny-reference="true"

    data-footer-text="Powered by LeadDesk"

    data-footer-url="https://www.leaddesk.com/"

    data-footer-color="#B7B7B7"
 
    data-timeout="300"

    data-clear-history-on-timeout="false"
 
    data-open-chat-on-load="false"

    data-bot-subsequent-message-delay="2"

    data-auto-open-time="5"

    data-bot-reply-delay="0.3"

    data-typing-indicator-delay="5"

    data-ws-reconnection-delay="100"

    data-reclickable-buttons="false"
 
    data-target-element=""

    data-fixed-size="true"

    data-z-index="9999"

    data-show-attachment-button="true"

    data-enable-queue-metrics="true"

    data-queue-metrics-template="Queue position: %queue_position%. Available agents: %available_agents%."

    data-clear-history-when-visitor-ends-chat="false"

    data-clear-history-when-agent-ends-chat="false"

    data-clear-storage="false"

    data-encryption="off"

    data-auth-origin=""
 
></script>

Articles in this section

Related articles