How to Add Oscar Chat to Shopify

What you will do in this guide

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.

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.