Elevate Prospect
Home chevron_right Docs chevron_right Embed Your Chatbot

Embed Your Chatbot

Add the Elevate Prospect chat widget to your website. Works with WordPress, Wix, Shopify, Squarespace, and any plain HTML site.

Get Your Embed Code

Log into your Elevate Prospect dashboard and open the Chatbot page, then scroll to Embed on your website. You’ll see your unique embed snippet. It looks like this:

<script src="https://otomatebiz-web.web.app/widget.js"
  data-bot-id="YOUR_BOT_ID">
</script>

Copy this snippet. You’ll paste it into your website following the instructions below for your platform.

WordPress

  1. Log into your WordPress admin panel.
  2. Go to Appearance → Theme File Editor (or install a plugin like “Insert Headers and Footers” if your theme doesn’t support direct editing).
  3. Open footer.php or header.php.
  4. Paste the embed snippet just before the closing </body> tag.
  5. Click Update File and visit your site to confirm the chat bubble appears.

Alternative:

Use the free WPCode plugin to add the snippet to your site’s footer without editing theme files directly.

Wix

  1. In your Wix editor, go to Settings → Custom Code (under the Advanced section).
  2. Click + Add Custom Code.
  3. Paste your embed snippet into the code box.
  4. Set the name to “Elevate Prospect Chatbot”.
  5. Choose Load code on each page and set placement to Body - end.
  6. Click Apply and publish your site.

Shopify

  1. From your Shopify admin, go to Online Store → Themes.
  2. Click the … button on your active theme and select Edit code.
  3. Under Layout, open theme.liquid.
  4. Paste the embed snippet just before the closing </body> tag.
  5. Click Save and preview your store.

Plain HTML / Custom Site

Open your site’s main HTML template (often index.html or a shared layout file). Paste the embed snippet right before the closing </body> tag. Deploy your changes and verify the chat widget appears on all pages.

<!DOCTYPE html>
<html>
<head>...</head>
<body>
  ...your content...
  <script src="https://otomatebiz-web.web.app/widget.js"
    data-bot-id="YOUR_BOT_ID"></script>
</body>
</html>

Verify Installation

After adding the snippet, open your website in an incognito or private browser window. You should see the chat bubble icon in the bottom-right corner within a few seconds. Click it to open the chat window and send a test message.

If the widget doesn’t appear, check the Chatbot Not Working? troubleshooting guide.

Was this helpful?