Chatzora Docs
Install on your website

Install on your website

Add the chat button to WordPress, Wix, Shopify, Squarespace or any website, or share a chat page link.

Your assistant must be live before customers can use it. See Quick start.

Get your chat code

  1. Open your assistant and choose Integrations in the sidebar.
  2. Click Website chat.
  3. Under Your chat code, click Copy code.

The code is a few lines that start with <script. It already contains your assistant's ID, so you don't need to change anything.

If someone else looks after your website, click Email these instructions to my web person. This opens an email with the code and the steps below.

Add the code to your website

Pick the tool you used to build your website.

WordPress

  1. Log in to your WordPress dashboard.
  2. Go to Plugins → Add New, search for "WPCode" (or "Insert Headers and Footers"), then install and activate it.
  3. Open Code Snippets → Header & Footer.
  4. Paste the chat code into the Footer box.
  5. Click Save, then open your website to see the chat button.

Wix

  1. Open your Wix dashboard and go to Settings.
  2. Under Advanced, choose Custom Code, then click + Add Custom Code.
  3. Paste the chat code into the box.
  4. Set Add Code to Pages to All pages and Place Code in to Body - end.
  5. Click Apply, then publish your site.

Shopify

  1. In Shopify admin, go to Online Store → Themes.
  2. Next to your current theme, click the ⋯ button → Edit code.
  3. Open the file theme.liquid (under Layout).
  4. Paste the chat code just above the line that says </body>.
  5. Click Save, then visit your store to see the chat button.

Squarespace

  1. Open Settings → Advanced → Code Injection. On some plans this is Website → Pages → Custom Code.
  2. Paste the chat code into the Footer box.
  3. Click Save, then visit your site to see the chat button.

Code Injection needs a Squarespace Business plan or higher.

Other websites

  1. Paste the chat code into your site's HTML on every page, just before the closing </body> tag. If your site has a shared footer or template, put it there.
  2. Publish your site, then refresh a page to see the chat button.
  3. If your site uses a Content Security Policy, allow scripts and frames from the Chatzora address shown in the code.

Check that it works

  1. Back in Website chat, enter your website address under Check that it works.
  2. Click Check my website.
  3. Open your website and send a test message in the chat.

Messages sent from your real website are live conversations. They appear in Conversations and count toward your monthly messages.

No website? Share your chat page

In Website chat, under No website? Share your chat page, click Copy link. The link looks like this:

https://chatzora.com/widget?agentId=YOUR_ASSISTANT_ID

Customers can open it on any phone or computer and chat with your assistant. Add it to your social media profiles, your Google Business listing, emails, or a QR code.

Turn website chat off

In Website chat, click Turn off website chat to hide the chat from your website without removing the code. Click Turn on website chat to show it again.

How the chat looks to customers

  • On computers, the chat opens as a small window in the bottom corner.
  • On phones, it opens full screen.
  • Most replies appear word by word as your assistant writes them.

To change colors, text and position, see Customize the chat window.

Plans and message limits

What each plan includes, what counts as a message, and what happens when you reach your limit.

Customize the chat window

Change the colors, text, position, suggested questions and contact form of your website chat.

On this page

Get your chat codeAdd the code to your websiteWordPressWixShopifySquarespaceOther websitesCheck that it worksNo website? Share your chat pageTurn website chat offHow the chat looks to customers