Want to add a Button that opens Shopify Inbox Chat below Add to Cart Button

Technical Q&A
, , ,

Topic summary

A developer wants to add a button below the “Add to Cart” button that opens Shopify Inbox Chat without page refresh or redirection.

Current Implementation:

  • Attempted solution uses a button with href pointing to {{request.path | append : "/?chat" }}
  • This approach works but causes unwanted page refresh

Problem:

  • Need to trigger chat opening client-side without navigation
  • Current method redirects to URL with ?chat parameter

Status:

  • Another user requested store URL and password to provide solution code
  • Store URL has been shared: ewhitelightstore.myshopify.com
  • Awaiting technical solution for implementing chat trigger without page reload
Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

We want to add a Button that opens Shopify Inbox Chat below Add to Cart Button. without refreshing a page or redirecting it to other page.
I tried this

<button href=“{{request.path | append : “/?chat” }}” class=“style-css-assume”
It refreshes the page and open chat box but I want it without refreshing.

2

Hi @ChirrobySidd ,

Could you please share your Store URL and password (if applicable) so that I can review it and provide you with the appropriate solution code?

Looking forward to your response.

Thanks!

3

https://ewhitelightstore.myshopify.com/?_ab=0&_fd=0&_sc=1