Linked to chat via a button in another page

Hi there,

Thank you for getting in touch, we do appreciate your time.

We do have settings available to allow you to open the chat box by clicking on a button you have created on your website. However, this would not link to a new page where the chat is found.

By default, the chatbox loads on all the front end pages of your website. This can be altered using the include/exclude on page functionality.

If you are making use of the Gutenberg editor, we do have a Gutenberg block which allows you to embed the chat box into your web page.

I hope this helps?

Many websites have “chat with us” somewhere on the page that opens the chat window. That is what I am looking for. A link to open WP Live Chat
Thanks

@igwebs
WP Live Chat also works like that

I am not sure if I am explaining it right. Please go to https://askmrmortgage.com/home and take a look at the two buttons just under the slideshow. On the left it says “Call now phone #” and the one on the right says “Use our live chat” I like to use that button to open up live chat on the same page.
Thanks

• This reply was modified 5 years, 4 months ago by igwebs.

Hi @igwebs,

Thank you for your time, we do appreciate it.

Yes, as @willjoci mentioned, WP Live Chat Support does support this behaviour.

You would need to create the ‘Chat with us’ button on your web page, and give it a unique CSS class. You can learn more about this here: https://www.w3schools.com/cssref/sel_class.asp

Once you have your button in place you can then use the ‘Open Chat via’ tool within WP Live Chat Support to set up the trigger which will open the chat box.

This can be found under Live Chat -> Settings -> General Settings (Tab) -> Where the tool is labelled with ‘Open chat window via’.

As an example, if your custom button had the class ‘chat_open’ you could simply set the ‘Open chat window via’ option as follows:
– ‘Click’ element with ‘Class’ ‘chat_open’

I hope this helps. Should you require more guidance, please reach out to us here: https://wp-livechat.com/contact-us/ – As this would allow us to share various screenshots to assist further.