To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

Open Shopify Inbox/Chat widget with in text hyperlink

adammahon
Shopify Partner
31 0 5

Hi all. Thank you for reading this. I am looking add a text link in my about us page that says 'Chat with our team' and when a user clicks this the Shopify Inbox widget opens in the bottom right hand corner of the screen.

 

Does anyone know how this is possible?

Thanks in advance.

Replies 3 (3)
JJFenton
New Member
3 0 1

You could click the button using JS, e.g:

 

<p>
Hello, please <a href="#" onclick="document.getElementById('ShopifyChat').contentDocument.querySelector('.chat-toggle').click()">contact us</a>
</p>

 

Ideally this would function without JS so you would enter a real href (to your contact page) and only open the chat if JS is enabled.

adammahon
Shopify Partner
31 0 5

Hi, thank you for the reply. I have JS enabled but this code doesn't work?

I have tried a few different ID's for the Shopify chat button but had no luck.

 

Thanks in advance

LeivineWine
Excursionist
15 0 3

Use the hyper link:
https://<Your  website>/?show_chat

 

It works on my site, check it out:
https://leivine.com/pages/contact-us/ 

Click on "live chat"