Embed Widget

The widget is a chat bubble in the corner of your website. When a visitor clicks it, they can ask questions and get instant answers from your knowledge base - without leaving your page. This is the moment your agent goes to work for you, around the clock.

The DeskClone chat widget as a visitor sees it, with the agent's welcome message and a message input box

Publish and Get Your Website Code

The Share tab's Publish and share view showing the published state and the embed script snippet

Add It to Your Website

Paste the script tag into your website's HTML, just before the closing </body> tag:

<script
  src="https://agents.deskclone.ai/embed/chat.js"
  data-key="your-connection-key-here"
></script>

That is all most sites need - the widget loads on its own and does not slow your page down.

A few other options are on the Share tab if you need them:

• Share link (https://agents.deskclone.ai/chat/your-slug) - a full-page chat you can send in an email or share with your team while testing.

• iFrame - embeds the hosted full-page chat inside a fixed-size frame on your page.

• Inline - mounts the chat directly inside an element of your own page (no floating bubble, no iframe) - ideal for a dedicated "Support" or "Help" page. Drop in a container and point the script at it with data-mode="inline":

  html

  Copy

  <div id="deskclone-chat" style="height:600px;max-width:480px;"></div>
  <script
    src="https://agents.deskclone.ai/embed/chat.js"
    data-key="your-connection-key-here"
    data-mode="inline"
    data-container="#deskclone-chat"
  ></script>

WordPress

If your site runs on WordPress, the DeskClone AI plugin does the whole thing from inside wp-admin - including creating your account and building the agent.

The plugin keeps you posted afterwards, one thing at a time: how many visitor conversations you have used (your own tests counted separately) and where to change the look. Updated your site? Click Teach it your latest pages and the agent re-reads it without going offline.

Already have an agent? The manual path still works: open Widget display settings and manual key in the plugin, paste the connection key from your Share tab, tick Show the widget, save. Page rules (keep it off checkout), floating or inline layout, and the corner choice live in the same place.

Everything else - name, welcome message, colors, allowed websites - stays here in DeskClone under Share, and changes apply to your WordPress site straight away.

Shopify

If your store runs on Shopify, the DeskClone AI app does the whole thing from inside your Shopify admin - including creating your account and building the agent from your store's own policies, pages and products.

The app keeps you posted afterwards, one thing at a time: how many visitor conversations you have used (your own tests counted separately) and where to change the look. Your store's name on the card is a link to it. Updated your store? Click Teach it your latest pages and the agent re-reads it while it keeps answering. Products reach the agent only when they are active and published to your online store, with their price and whether they are in stock, so it never offers something a shopper cannot buy.

DeskClone reads only your store's published content - never your customers or orders - so there is nothing to approve beyond the install itself. The app is free; the free plan includes your agent live on this store and 10 visitor conversations a month, and upgrades happen in your DeskClone account, not through Shopify billing. Uninstalling the app switches the widget off; your DeskClone account and agent stay exactly as they were, so reinstalling picks up where you left off.

Everything else - name, welcome message, colors, allowed websites - stays here in DeskClone under Share, and changes apply to your storefront straight away.

Customize the Look

On the Appearance sub-tab you can set:

• Display name - shown in the widget header
• Welcome message - the first thing visitors see
• Primary color - the header and send button
• Position - which corner the bubble sits in

Changes save instantly - you do not need to touch the script tag on your website again.

The Appearance sub-tab showing the primary color picker and a live preview of the widget

File and Photo Attachments

Visitors can attach files and photos right in the chat - images (JPEG, PNG, GIF, WebP), PDFs, and text or Markdown files. Your agent reads images as part of the conversation, so a visitor can show a screenshot of an error or a photo of a product and get help with it.

Visitor Ratings

Every answer carries thumbs up / thumbs down buttons - always visible on the newest answer (including on phones) and on hover for earlier ones. These ratings feed the Satisfaction number on your Quality dashboard, counted per conversation so one unhappy chat is one unhappy chat, no matter how many messages it rated.

The "Powered by DeskClone" Badge

By default the widget shows a small Powered by DeskClone badge. On Pro and Business plans it is hidden automatically, so visitors see only your brand.

Placement and Identity

Two more Share sub-tabs fine-tune the widget:

• Placement - which corner the floating bubble sits in (bottom-right by default), which of your pages it appears on, and optionally which websites may show your agent. Leave the websites list empty to allow any site; your share link and preview always work.
• Identity - the name and avatar your agent shows in the chat header.

Before You Go Live

A quick checklist:

• Your agent has a personality description
• Your knowledge base covers your most common questions
• You have previewed the agent or opened the share link and had a real conversation
• Your brand color and welcome message are set
• Your agent is published

What's Next

If the widget does not appear or conversations fail, the Troubleshooting guide walks through the common fixes (connection key, script placement, allowed domains).

Your widget is live. Next, connect your support inbox so emails become tickets too - head to Ticket Sources.