How to Add Oscar Chat to Shopify

What you will do in this guide

You will install Oscar Chat on your Shopify store by pasting your Oscar Chat JavaScript snippet into footer.liquid. This is a one-time setup that makes the chatbot appear across all pages of your store.

Step 1. Copy your Oscar Chat code

1. Copy the Oscar Chat JavaScript snippet from your Oscar Chat dashboard.
2. You will paste this code into your Shopify theme footer.

Step 2. Log in to Shopify

1. Sign in to your Shopify admin panel.
2. From the left menu, go to Online Store under Sales Channels.

Step 3. Open the theme code editor

1. In the Themes section, find your active theme.
2. Click the ellipsis (⋯) next to it.
3. Select Edit code.

Step 4. Find footer.liquid

1. In the left sidebar, open the Sections folder.
2. Click footer.liquid.
3. This file controls everything that loads in the footer across your store.

Step 5. Insert the Oscar Chat code

1. Scroll to the bottom of footer.liquid.
2. Paste your Oscar Chat code at the end of the file.

<!-- Oscar Chat -->
<script>
/* Paste your Oscar Chat snippet here */
</script>

Step 6. Save changes

1. Click Save in the top-right corner.
2. Open your storefront in a new tab and refresh the page.

Result: Oscar Chat should now appear on all pages of your Shopify store.

Why use footer.liquid

Installing Oscar Chat in footer.liquid is a practical choice for most Shopify themes. It loads after page content, keeps checkout and performance safe, and is a one-time install across the entire store.

• The chatbot loads after page content
• No impact on page speed or checkout flow
• One-time install across the entire store

Quick troubleshooting

• Make sure you edited the published theme (not just a duplicate).
• Confirm the code is at the bottom of footer.liquid.
• Disable ad blockers and refresh the page.
• Clear cache or test in an incognito window.