Adding Ruby’s Chat Code to Your Website

May 9th, 2023

When you sign up for one of Ruby's chat products, we will send you an activation email which includes a snippet of code to add to your website. It's easy to install and should only take you a few minutes!

In your website's HTML code, place the chat code within the header of your website before the </head> tag or on each individual page before the </body> tag. If you have any previous chat widget code snippets, you will want to make sure to remove the entire snippet and replace it with this new code.

Check out our guides below for some of the most popular website builders, as well as directions on how to reach out to your web developer.

Check out our install guides:

BigCommerce Install Guide

  1. Click on Storefront and navigate to Script Manager
  2. Click Create a Script
  3. Add the name of the script as Ruby Chat
  4. Select Head for Location on Page
  5. Select All Pages for where the script will be added
  6. Select Functional for Script Category
  7. Select Script under Script Type
  8. Paste your Ruby chat code in the Script field below
  9. Click Save

Shopify Install Guide

  1. In the Administrator Dashboard for Shopify, navigate to Themes
  2. Click on Template Editor 
  3. Click on theme. liquid and paste your Ruby chat code between the <head> and </head> tags

Squarespace Install Guide

  1. In the Home Menu, click Settings, click Advanced, and then click Code Injection
  2. Copy and paste your Ruby chat code into the footer
  3. Click Save

Weebly Install Guide

  1. Click on the Custom HTML element 
  2. Click Edit Custom HTML in the popup
  3. Paste your Ruby chat code 
  4. Click outside of the pop up, and your chat box should appear

Wix Install Guide

  1. From your Wix dashboard, click Settings, and then scroll down to the Advanced section to select Custom Code
  2. Click Add Code in the Body - End area
  3. Paste in your Ruby chat code in the top section
  4. Name the code so you remember what it's for, and then select whether you'd like the code to load once or load for each new page -- Ruby suggests loading for each new page
  5. Click Apply, then Save and Publish

WordPress Install Guide       
For WordPress sites, we recommend installing a Header/Footer plugin. (We use and recommend this one!) Installing it this way allows you to avoid the task of adding the code page by page, and it also protects your code from WordPress's automatic updates that have a tendency to kick added code off.

  1. Once the above plugin is installed, go to Settings > Insert Headers and Footers
  2. Copy and paste your Ruby chat code into the footer
  3. Click Save

Sending Install Instructions to Your Web Developer        
If you're not sure where this snippet goes in your website code, we recommend emailing your web developer for assistance installing the code on every page you'd like the chat box to appear. 

You'll want to ask them to place the chat code within the header of your website before the </head> tag or on each individual page before the </body> tag. If you have any previous chat widget code snippets, they should make sure to remove it and replace it with this new code snippet.