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.
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