Adding the Zendesk Chat widget to your website

<div class="article-banners">
<div id="docs-wmp-link"><a href="https://support.zendesk.com/hc/en-us/articles/5411234991258-plan" rel="noopener" target="_blank">What's my plan?</a></div>
<div class="article-banner" id="suite_all">
<table>
<tbody>
<tr>
<td>
<strong>All Suites</strong>
</td>
<td>Team, Growth, Professional, Enterprise, or Enterprise Plus</td>
</tr>
</tbody>
</table>
</div>
<div class="article-banner" id="support_with_msg_all">
<table>
<tbody>
<tr>
<td>
<strong>Support with</strong>
</td>
<td>Live chat and messaging Team, Professional, or Enterprise</td>
</tr>
</tbody>
</table>
</div>
</div><div class="body">
<div class="note note">
<span class="notetitle">Note:</span> If you have both Zendesk Chat and Zendesk Support, this article doesn't apply to you.
Instead, you need to use the Web Widget to add Chat to your
website.
Follow the instructions in <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/4408825767962" target="_blank">Setting up Zendesk Chat in the Web
Widget
(Classic)</a>
and <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/4408838063258" target="_blank">Configuring components in the Web
Widget
(Classic)</a>.</div>
<p class="p" dir="ltr">Before your visitors can start chatting with you, you’ll need to add the Chat
widget to your site by embedding the Chat widget script in the HTML source code of one or more
pages. </p>
<p class="p"><strong class="ph b">To add the Chat widget to a web page</strong></p>
<ol class="ol" id="topic_v2n_2gd_rx__ol_ytb_fgd_rx">
<li class="li">From the dashboard, select <strong class="ph b">Settings</strong> &gt; <strong class="ph b">Widget</strong>, then click the <strong class="ph b">Getting
Started</strong> tab.</li>
<li class="li">Copy the embed script, as shown in the example
below:<p class="p"><img class="image img-screenshot" id="topic_v2n_2gd_rx__image_n1v_gld_4fb" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/embed_web_widget_script-chat.png" width="500"></p>
</li>
<li class="li">In the source code of the web page, paste the embed script between the page's head
tags.<p class="p">You can paste it either right after the opening &lt;head&gt; tag or right before
the closing &lt;/head&gt;.</p>
<p class="p">If you are concerned about page load performance, we recommend placing the snippet at the
end of the &lt;body&gt; rather than the &lt;head&gt;. Even though the snippet script is
very lightweight, it’s best to avoid inserting scripts that will block the browser from
continuing to render a web page until that script has loaded. Just keep in mind that any
scripts that use the Web Widget zE JavaScript API must be placed after the snippet
script.</p>
</li>
<li class="li">Save and publish the page.</li>
</ol>
<p class="p">The widget should be visible after reloading the page in a browser.</p>
</div>
<script id="docs-schema-markup" type="application/ld+json">{
"@context": "https://schema.org",
"@type": "TechArticle",
"@id": "https://support.zendesk.com/hc/en-us/articles/4408881932698",
"url": "https://support.zendesk.com/hc/en-us/articles/4408881932698-Adding-the-Zendesk-Chat-widget-to-your-website",
"headline": "Adding the Zendesk Chat widget to your website",
"description": "You can add a live chat widget to your website by embedding a provided script into the HTML source code of your web pages and then saving and publishing the changes.",
"articleSection": "Setting up live chat",
"datePublished": "2021-10-16T16:04:09+00:00",
"dateModified": "2025-09-05T23:49:23+00:00",
"inLanguage": "en-US",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://support.zendesk.com/hc/en-us/articles/4408881932698"
},
"author": {
"@type": "Organization",
"name": "Zendesk",
"@id": "https://www.zendesk.com"
},
"publisher": {
"@type": "Organization",
"name": "Zendesk",
"@id": "https://www.zendesk.com"
},
"isPartOf": {
"@type": "WebSite",
"name": "Zendesk Help",
"@id": "https://support.zendesk.com/hc/"
},
"about": {
"@type": "SoftwareApplication",
"name": "Zendesk",
"@id": "https://www.zendesk.com"
}
}</script>