Chat button/Icon in menu

Shopify Apps

Topic summary

A store owner wants to integrate Shopify Inbox as a custom chat icon in their navigation menu (alongside search and cart icons) instead of using the default floating chat button, which covers store content.

Current Status:

  • Store URL shared: oaklystore.com
  • Chat feature has been enabled for review

Proposed Solution:
A community member provided a code-free workaround:

  • Add a menu link labeled “Chat” pointing to #chat
  • Insert custom JavaScript code via a “Custom liquid” section in the footer
  • The script triggers the chat app when the link is clicked
  • Working demo provided in test store

Remaining Challenge:
The solution creates a text link rather than an icon. The store owner specifically needs a visible icon on mobile (next to search/cart) for better accessibility and aesthetics, which would require theme code modifications. They’ve offered to provide access for further customization help.

Discussion remains open pending implementation of the mobile icon solution.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Hey!

Is there any way to make shopify inbox in my store as an “Live chat” icon next to search icon, cart? Or as a button?

Im attaching example.

I do not want floating icon as this cover some sections/images in my store. I want this to be in menu or as an icon.

2

Hey! @oaklystore ,

Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?

3

Hey!

Its oaklystore.com

4

Where is the live chat icon showing on your end? Is it floating somewhere? Because I’m not seeing the live chat icon on this store at all.

5

I have now enabled chat, please have a look.

6

Here is what you can do without any theme code edits.

Add a new link to your menu, call it Chat and make it point to #chat (address is important).

Then add a “Custom liquid” section into your Footer section group and paste this code:

The code will listen to click on any link like … and will open/close the chat app.

Preview in my test store: https://qf4vm29deon22n7j-23104437.shopifypreview.com – click “Chat” in main menu.

Screenshot 2025-06-27 at 4.50.40 PM.png
Screenshot 2025-06-27 at 4.50.40 PM.png914×718 45.4 KB

Not quite the button you’ve asked for, but otherwise would need to modify the theme code which I currently have no access to.

OR, can decorate this link with CSS…

Chat app shopify
7

Thank you so much. I will test this out soon! :slightly_smiling_face:

With regards to this icon, I wanted to make same but as an icon so its visible on mobile next to search and cart so client doesnt have to open mobile menu. It would be more visible, accessible and better looking solution :slightly_smiling_face: I can email you to give you the access if you are able to help :slightly_smiling_face: