Setup guide · about 10 minutes

Put the assistant on your website

One line of code. It works on every page, on phones and computers, and it starts answering your customers the moment it goes live. You do not need a developer, and nothing about your existing site changes.

yourbusiness.com

This is what your customers will see — a bubble in the bottom-right corner of every page.

0 Before you start

Three things make the rest of this go smoothly:

  • Your business information. Prices, opening hours, delivery areas, common questions — anything you find yourself typing to customers again and again. You can also just paste your website address and let the assistant read it.
  • Access to your website. Specifically, the ability to log in and edit settings. If someone built the site for you, this is the one moment you may need them — it takes them two minutes.
  • An email address you check. That is how you sign in; there is no password to remember.
No website yet? You can skip this whole guide. DeskGenie also runs entirely on WhatsApp — plenty of businesses use it that way. See the WhatsApp guide instead.

1 Create your assistant

  1. Go to deskgenie.ng/signup and enter your email. We send you a six-digit code — type it in and you are signed in. No password.
  2. Fill in your business name and what you do.
  3. Give it your knowledge: paste your text, upload a PDF or Word file, or simply paste your website address and let the assistant draft the questions and answers for you.
  4. Review that draft. This is the most important minute of the whole setup — the assistant will only ever say what is in here. Fix anything that is wrong, delete anything that is out of date.
Why the review matters.DeskGenie never invents prices or policies. If something is not in your knowledge base, it says so honestly and takes the customer's number instead of guessing. That is a promise we can only keep if what you put in is correct.

2 Copy your one line of code

In your dashboard, open the Channels tab. Under Your website you will find a snippet with your own ID already filled in.

OverviewChatsChannelsKnowledgeProspects
🌐 Your website
<script src="…/widget.js" data-tenant="…" defer></script>
Copy snippet

Press Copy snippet. It looks like this:

<script src="https://deskgenie.ng/widget.js" data-tenant="YOUR-ID" data-name="Your Business" defer></script>
  • data-tenant is your own ID — it is what connects the bubble to your knowledge base.
  • data-name is the title shown at the top of the chat panel.
  • defer means the script loads last, so it never slows your page down.
Copy it from your dashboard rather than retyping it from here — the ID must match yours exactly, and a single wrong character means the bubble never appears.

3 Paste it on your website

Find your platform below. If yours is not listed, read the general rule at the end — every platform has some version of the same box.

Wix

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

Squarespace

  1. Go to Settings → Advanced → Code Injection.
  2. Paste the snippet into the Footer box (not the header).
  3. Save.

WordPress

The safest route does not touch your theme files. Install a small code-snippet plugin (WPCode and Insert Headers and Footers are the common ones), then paste the snippet into its footer or before </body> box and save.

If your theme already has a Custom Code or Footer scripts field under Appearance or Theme Options, that works just as well — paste it there.

Shopify

  1. Go to Online Store → Themes.
  2. On your current theme choose … → Edit code.
  3. Open theme.liquid.
  4. Paste the snippet immediately before the closing </body> tag.
  5. Save.

A hand-coded site

Paste the snippet just before the closing </body> tag of your HTML — ideally in the shared footer template, so it appears on every page — then deploy. There is no build step and nothing to install.

The general rule. Whatever your platform calls it, you are looking for one thing: a box that adds code to the bottom of every page. It may be called Custom Code, Code Injection, Footer Scripts, or Body – end. Any of them is correct. Header also works, but the footer is better — your page finishes loading first.

4 Check that it is live

  1. Open your website in a normal browser tab — not the platform's preview mode, which often strips custom code.
  2. Wait a couple of seconds. The bubble appears in the bottom-right corner.
  3. Click it and ask something you know the answer to, like your opening hours.
  4. Go back to your dashboard, Channels tab. The website row now says Detected.
Website widgetDetected · just now

This row is your proof that the code is running. It updates the moment a real page load reaches us.

Your own test messages count towards your monthly conversations, so there is no need to test twenty times. Two or three questions tell you everything.

5 Make it look like you

Still in Channels, open Appearance. Everything here saves instantly and goes live on your site within seconds — you never have to re-paste the code.

  • Bubble colour. Type a hex value or use the colour picker to match your brand.
  • Bubble icon. Ten styles — chat, typing dots, headset, help, AI spark, shop, clinic, food, school, property. Pick the one that reads right for your trade.
  • Open automatically. The panel can open by itself shortly after someone lands. Good for a quiet site; annoying on a busy one. Off by default, and our advice is to leave it off until you have seen how people behave.
Size and screen position are fixed at the bottom-right for now. If the bubble lands on top of another button, see the troubleshooting section.

6 Lock it to your domain

Anyone can read your embed code from your page source — that is true of every chat widget on the internet. To make sure nobody can run your assistant (and spend your conversations) on their own site, list your domains.

  1. In Channels → Appearance, find the domains field.
  2. Enter your domains, separated by commas: yourbusiness.com, www.yourbusiness.com
  3. Use *.yourbusiness.com to cover every subdomain at once.
  4. Save, then reload your site to confirm the bubble still appears.
Leave the field empty and any site can embed your assistant. Fill it in wrongly and your own bubble disappears. Always reload your site once after saving.

? If something looks wrong

The bubble does not appear

  • Did you publish? On Wix and Squarespace, saving is not publishing.
  • Are you looking at the live site rather than the editor preview? Previews commonly strip custom code.
  • Is the domain list filled in correctly, including the www. version if that is how people reach you?
  • Hard-refresh once (Ctrl+F5, or Cmd+Shift+R on a Mac) to get past your browser's cache.

It works on my computer but not my phone

Almost always a cache. Close the tab entirely and open your site fresh. If your platform serves a separate mobile version, check that the custom code applies to it too.

The bubble covers another button

The bubble sits in the bottom-right corner, which is also where back-to-top arrows and other chat tools like to live. Move or remove the other element, or run just one chat tool. Position is not adjustable yet — tell us if this blocks you, it moves up our list every time someone asks.

I changed the colour and nothing happened

Appearance changes reach your site within a few seconds, but your browser may still be showing the old page. Hard-refresh once.

It answered something wrongly

It only says what is in your knowledge base, so a wrong answer means a wrong entry — which is good news, because you can fix it yourself in Knowledge and it is correct from the very next message. If it answered nothing, that question is waiting for you under Overview → unanswered.

What happens next

Once the bubble is live, the loop that actually grows your business looks like this:

  • Questions it could not answer collect on your Overview page. Each one is a real customer telling you what is missing. Add it to your knowledge base and it never happens again.
  • Customers who leave contact details show up as prospects, so nobody who was interested quietly disappears.
  • Your phone buzzes when someone needs you — a customer left a number, asked for a human, or asked something the assistant could not answer.
  • You can step in any time. Open the conversation, reply in your own words, and pause the assistant in that chat with one switch while you handle it.
Want it on WhatsApp too? That runs through Meta's official approval process and needs a dedicated business number, so it takes a few days rather than minutes — and we do it with you. See the WhatsApp guide.