Add Botender to your website

WordPress

Needs: An administrator login. On WordPress.com, a paid plan (Personal or higher).

1. Download the Botender plugin. It is a zip file: leave it zipped.
2. In your WordPress dashboard, go to Plugins, then Add Plugin (older versions say Add New Plugin), and click Upload Plugin.
3. Choose botender.zip, click Install Now, then Activate Plugin.
4. Go to Settings, then Botender. Paste your line and click Save Changes.
5. Open your site in a private window and look for the chat bubble.

No bubble in the private window? Your site may be serving saved copies of its pages. Clear the cache in your caching plugin or at your host, then look again.

On a Mac, Safari may unzip the download into a folder. Control-click the folder and choose Compress to get botender.zip back.

The plugin marks the chat so WP Rocket, LiteSpeed Cache and Cloudflare Rocket Loader leave it alone. If the bubble still only appears after you scroll or tap, add botender.com to your speed plugin's JavaScript exclusions.

Other ways to add your line, without our plugin: the free WPCode plugin (Code Snippets, then Header & Footer, the Footer box), Divi (Divi, then Theme Options, then Integration, under "Add code to the < body >") or Elementor Pro (Elementor, then Custom Code, location "<body> - End").

Google Tag Manager

Needs: Publish access to your site's Tag Manager container. If your site uses Google Analytics through Tag Manager, you already have one.

1. Open your container at tagmanager.google.com.
2. Go to Tags, click New, then Tag Configuration, and choose Custom HTML.
3. Paste your line.
4. Under Triggering, choose DOM Ready (all DOM Ready events).
5. Save, then Submit and Publish.

This is also how you add it to cannabis storefronts that have a Tag Manager setting, such as BLAZE ECOM, AIQ Ecommerce, Treez, Flowhub and POSaBIT.

Wix

Needs: A paid Wix plan with a connected domain.

1. In your site's dashboard, go to Settings, then Custom Code (under Development & integrations).
2. Click + Add Custom Code and paste your line.
3. Under Add Code to Pages, choose All pages.
4. Under Place Code in, choose Body - end, then click Apply.
5. Check your live site in a private window.

Do not use the Embed HTML element for the bubble: it runs inside a box, so the chat cannot float over your pages.

Squarespace

Needs: The Core, Plus or Advanced plan (code injection is not on Basic).

1. Open the Pages panel and click Custom Code, then Code Injection. On version 7.0, it is under Website Tools.
2. Paste your line into the Footer box.
3. Click Save.
4. Check your site in a private window: scripts may not run in the editor preview.

Webflow

Needs: A paid site plan.

1. Open Site settings, then the Custom code tab.
2. Paste your line into the Footer code field and save.
3. Publish your site, then check the published site (some scripts do not run in the Designer preview).

Shopify

1. Go to Online Store, then Themes, and click Edit theme.
2. In the Footer area, click Add section and choose Custom Liquid.
3. Paste your line and click Save.

No Custom Liquid section in your theme? Duplicate the theme, then use Edit code, open layout/theme.liquid and paste your line just before </body>.

Square Online

1. In your Square Dashboard, go to Channels, then Square Online, then Settings.
2. Open Tracking Tools and click Add new code.
3. Paste your line, choose End of body and click Save.
4. Publish your site from the site editor.

Weebly

1. Open the site editor and click Settings, then SEO.
2. Paste your line into Footer Code.
3. Publish your site.

HubSpot

Needs: The Website settings permission.

1. Click the settings gear, then go to Content, then Pages.
2. Choose your domain, then click Override default settings under Site Footer HTML.
3. Paste your line and click Save.

Duda and agency-built sites

1. Sites built by an agency often keep code settings with the agency. Send them your line and ask them to add it to the end of the body on every page (on Duda, in the site's custom HTML settings), then republish.
2. Custom-built sites (Next.js, React and others): your developer adds the line before </body>. In Next.js, use next/script with strategy="afterInteractive".

Cannabis storefronts

BLAZE ECOM (formerly Tymber)

Connect your Tag Manager container in ECOM Mission Control: General, then Integrations, then Google Tag Manager. Then follow the Google Tag Manager steps.

AIQ Ecommerce (formerly Dispense)

Paste your line in Branding, under Head Code, or connect Tag Manager under Integrations and follow the Google Tag Manager steps.

Treez Ecommerce

Turn on Tag Manager in Ecommerce Admin: Settings, then Google, paste your container ID, click Update and purge the cache. Then follow the Google Tag Manager steps.

Flowhub Ecommerce

Add your Tag Manager container ID in Back of House Settings, then Integrations. Then follow the Google Tag Manager steps.

POSaBIT menus

In the POS Portal, go to Inventory, then Menu Feeds, edit your menu and set the Analytics Provider to Google Tag Manager with your container ID. Then follow the Google Tag Manager steps.

Jane Boost

Paste your line in the Page Head section of your Boost configuration.

Embedded menus (Dutchie, Jane, Leafly, Meadow, Weedmaps)

The menu sits inside your own website, so add the chat to your website with the guide for your site builder. The chat bubble shows next to the menu.

Does your menu have a cart button in the bottom-right corner? Move the chat to the left: Widget, then Appearance, then Position.

No code access

GoDaddy's website builder, Google Sites and your listings on Leafly, Weedmaps or Google do not let you add code to every page, so the chat opens from a link there.

1. Copy your chat link from your dashboard: Widget, then Embed & Install.
2. Add a "Chat with us" button or menu link on your site that opens it, and put it in your Instagram bio.
3. Print your QR code for the counter, receipts and bags.