Cookie consent

This website uses cookies. By agreeing to all of them, you accept their use for marketing, personalising advertising content, analysing website traffic and other activities related to running our business. You can find detailed information about cookies in our privacy policy.

Skip to content
ENPL
Log in

Installing on Shopify

How to add the Fibly widget to a Shopify store by editing the theme.liquid file.

On Shopify, the easiest way to embed the widget is directly in the main theme template. That way it appears on every page of your store: category listings, product pages, and the cart.

The snippet to embed (the same one you see in the Fibly panel under Widget settings, Copy code):

<script async src="https://cdn.fibly.io/widget/fibly-widget.js"></script>

Step 1: open the theme editor

  1. In your Shopify panel, go to Online Store, Themes.
  2. Next to your active theme, click Actions, Edit code.

Step 2: edit theme.liquid

  1. In the Layout column, open the theme.liquid file.
  2. Find the closing </body> tag (usually near the very end of the file).
  3. Paste the snippet above just before it.
  4. Click Save.

Step 3: check your changes

Open your store in a new tab (preferably in incognito mode). The chat button should appear in the bottom-right corner. If you don't see it, check the installation verification article.

Common problems

SymptomCause
The widget appears in the panel but not in the storeYou edited a backup theme instead of the active one.
The widget disappears after a theme updateShopify overwrites the theme.liquid file during updates; paste the snippet again.
Conflict with another chatDisable any other chat widgets, including the default Shopify Inbox.

What's next

After a successful installation, complete domain verification, then fill your knowledge base with product descriptions, terms and conditions, and your returns policy.