Open Chat from external Trigger

qstudio
(@qlstudio)

5 years, 7 months ago

Hey – we’re trying out your plugin and it’s working pretty nice – thanks!

However, we have a few UI issues, which we’d like to try and get some help on, please.

We read some old threads, like this – https://wordpress.org/support/topic/linked-to-chat-via-a-button-in-another-page/

Which suggest that it used to be possible to add an external trigger simply, but we don’t see that option on the latest release – is it still available or are there updated instructions somewhere?

We’d also like to know some tips on styling the chatbox UI, as it sits in a shadow-root this is not such a simple task – how can we apply some pretty broad styles simply?

Thanks in advance!

Viewing 7 replies - 1 through 7 (of 7 total)

Thread Starter qstudio
(@qlstudio)

5 years, 7 months ago

Ok – we dug in the plugin code to find the JS trigger:

document.querySelector(‘call-us’).shadowRoot.getElementById(‘wplc-chat-button’).click();

Just some guidance on the UI styling would be good – thanks!

throu
(@throu)

5 years, 6 months ago

Did you solved the trigger?Trying to figure out the same right now.Any help will be appreciated.

Plugin Support wpdev3cx
(@wpdev3cx)

5 years, 6 months ago

Hi,
there is a Gutenberg block for this functionality. You can handle the settings through the “Live Chat > Settings > Gutenberg Blocks” section and then use “WP Live Chat Trigger” block in any page you need.

throu
(@throu)

5 years, 6 months ago

In my case it’s not possible cause i need a global button in every woocommerce product page and with the old trigger system it worked perfectly.
Thread Starter qstudio
(@qlstudio)

5 years, 6 months ago
@throu – just bind an event to an element, using jQuery and pass the event through, like so – untested pseudo-code, but you can get it working as you need it:
```
jQuery( '#elementID' ).click( function(e) {
    document.querySelector(‘call-us’).shadowRoot.getElementById(‘wplc-chat-button’).click();
});
```
Thread Starter qstudio
(@qlstudio)

5 years, 6 months ago
Better example:
```
// open chat from external trigger ##
jQuery(document).on( 'click', '.open-chat', function(){

    console.log( 'Clicked open chat' );
    document.querySelector('call-us').shadowRoot.getElementById('wplc-chat-button').click();

});
```
throu
(@throu)

5 years, 6 months ago

@qlstudio thanks for your help!I’ll check everything today.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Open Chat from external Trigger’ is closed to new replies.