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 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=""
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-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-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-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-open-chat-on-load="false"
data-auto-open-time="5"
data-bot-reply-delay="0.3"
data-reclickable-buttons="false"
data-timeout="300"
data-timeout-message-text="Timeout, reload the page to restart the chat"
data-target-element=""
data-fixed-size="true"
data-z-index="9999"
data-enable-queue-metrics="true"
></script>