LiveChat

Hello @casperthedev89!

Thank you for reaching us with this case! At the moment, we do not have plans to add such scenario directly to our LiveChat for Easy Digital Downloads plugin, but we will make sure to pass it over as a feature request.

However, after considering your particular use case, we can offer a workaround. Here’s a simple JS script (that we’ve written with the use of our JS API) that will hide the chat window, except for visitors who are currently chatting with one of your agents. The script includes a comment so that you’ll know what exactly does it do, in case that you will review it after a longer period of time. And here’s the script itself:

<script>
var LC_API = LC_API || {};
var livechat_chat_started = false;

LC_API.on_before_load = function() {
  // don't hide the chat window only if visitor
  // is currently chatting with an agent
  if (LC_API.visitor_engaged() === false && livechat_chat_started === false) {
    LC_API.hide_chat_window();
  }
};

LC_API.on_chat_started = function() {
  livechat_chat_started = true;
};
</script>

There’s just one thing that you have to do at your side: add this script manually, to the source code of pages where you’d like the chat to be hidden.

@casperthedev89, hope that we were able to help! In case of having any additional questions, we are more than happy to help.

Hello @ryann0tgosling!

Thank you for pointing that out! if you don’t want to update the PHP version on your server, download the LiveChat package from the following link and install it on your WordPress: https://static.livechatinc.com/7536651/PA5ILLDH99/f23767797c615887f88016af8e85a421/wp-live-chat-software-for-wordpress.zip

We will do our best to push the update to the original plugin as well, just in case that other customers would have the similar issue as well.

Hi Harpinder,

it is possible to move the chat window to the left using CSS styles – https://www.livechatinc.com/kb/customize-your-chat-window-with-css/#chat_window_bottom_left. That’s it!

Let me know if you have any questions!

Thanks,
Daniel // LiveChat

Happy to hear that the CSS did the trick! ??

Let me know if there’s anything else I can do for you — you can email me at: support[at]livechatinc.com (attn: Daniel).

Cheers!
^DZ

Generally, it was a good idea to use CSS styles; there are two ways to fix this, one would be disabling the chat window for users viewing the website on mobile devices [use this]:

@livechat-mobile {
#content-container.new-mobile, #mobile_invitation_container {
display:none!important;
}
}

The other would be to move the widget above the bottom bar [use this]:

@livechat-mobile {
#livechat-compact-container {
transform: translateY(-80%);
}
}

Cheers!

Hi @cmb70,

we have this content related to disabling/enabling the chat widget on selected pages https://www.livechatinc.com/kb/setting-up-url-rules-for-groups/#disabling-livechat

Cheers!

Hello @ryann0tgosling,

Thanks for reaching us with this case!

@ryann0tgosling, at the moment, the only way to get the cart details that our plugin offers is getting the cart value from your WooCommerce every 10 seconds. However, the functionality that will allow you to get the cart details after a product has been added and/or removed (instead of making a call every 10 seconds) is on our Feature Request list. No promises at the moment but we will make sure to email you when such feature will be released.

In the meantime, I have prepared a small workaround that will allow you to delay the get_cart_details call. Here it is:

In our plugin for WooCommerce you will find the following file:
woocommerce-livechat/src/view/script-template.php

Please open it and edit the 62th line of code, mainly:
setInterval(function() { checkCart(); }, 10000);

There you can increase the time of intervals in which our plugin is asking your cart for the total value. Keep in mind that the 10000 time is stated in milliseconds. The higher the value is, the lower consumption of your server assets will be.

@ryann0tgosling, I hope that I was able to help! Please don’t hesitate to ask in case of any additional questions.

Hello again @ryann0tgosling! We have got one additional solution for you. If you’d like to truly load specific groups based on a mobile device (group A for iPhone users for example), we have prepared a PHP script that will do just that. It will require adding LiveChat code to your WordPress manually (instead of a plugin) but it will do the work. You can check the example representing both, the script and the LiveChat code below:

<?php 
function getUserAgent()
{
    $agent = null;

    
        $agent = $_SERVER['HTTP_USER_AGENT'];
        if ( stripos($agent, 'iPhone') !== false ) {
            $agent = 'iphone';
        }  elseif ( stripos($agent, 'iPad') !== false ) {
            $agent = 'ipad';
        } elseif ( stripos($agent, 'Android') !== false ) {
            $agent = 'android';
        } elseif ( stripos($agent, 'Chrome') !== false ) {
            $agent = 'chrome';
        } elseif ( stripos($agent, 'Safari') !== false ) {
            $agent = 'safari';
        } elseif ( stripos($agent, 'Firefox') !== false ) {
            $agent = 'firefox';
        } 
    

    return $agent;
}

$agent = getUserAgent();

$group = 0;

if($agent === 'iphone' || $agent === 'ipad' || $agent === 'android')
{
    $group = X;
}
else if($agent === 'chrome' || $agent === 'safari' || $agent === 'firefox')
{
    $group = X;
}

?>
<script type="text/javascript">
            var __lc = {};
            __lc.license = 7536651;
            __lc.group = <?php echo $group; ?>;
            (function () {
                var lc = document.createElement('script');
                lc.type = 'text/javascript';
                lc.async = true;
                lc.src = ('https:' == document.location.protocol ? 'https://' : 'https://') + 'cdn.livechatinc.com/tracking.js';
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(lc, s);
            })();
            
            
 </script>

This script detects the mobile user agent and, based on that, can load a different group. In the example above the script will load different group for iOS and Android visitors and different groups for desktop visitors.

NOTE that the group is represented by X – remember to replace X with the numeric representation of your group ID. How to find it? The easiest way is to go to your LiveChat Groups section (or click here to get right there) > choose a group > the ID of this group will be displayed at the end of the URL.

I hope that we were able to help! In case of any additional issues, please don’t hesitate to ask.

• This reply was modified 7 years, 3 months ago by LiveChat. Reason: Added code formatting

Great question, @ryann0tgosling!

If you have a mobile version of your website with a sub-domain as such m.yourwebsite.com, you can load a specific group for mobile users using the URL rules functionality https://www.livechatinc.com/kb/setting-up-url-rules-for-groups/#changing-customization (/user visits a page address/ + /that contains/ + m.yourwebsite.com).

Hope this helps.

Thanks for leaving us a review, @ontronix. If you consider LiveChat a spending, then yes – it may seem costly. But in the long run, it will drive you more business and pay for itself.

If you’re still interested and want to give LiveChat another shot, email support[at]livechatinc.com — we’d be happy to help however we can.

• This reply was modified 7 years, 3 months ago by LiveChat.

Thanks for your kind words, @vicky0007!

I’m afraid there’s no ready-to-use solution for something like this. Mind emailing us your site URL and contact details at support[at]livechatinc.com (attn: TechSupport)– we’ll look into a workaround.

@upokoronshop we couldn’t replicate the issue on a completely new installation. Can you give it another shot?

Thanks!

Hello @happybb03!

Thank you for reaching us with this case!

The difference between our LiveChat and LiveChat for WooCommerce plugin comes to their functionality. LiveChat for WordPress is dedicated to customers who’d like to implement a Customer Service onto their website. LiveChat for WooCommerce on the other hand is dedicated to customers who are running their WooCommerce based site. For those, our plugin can display some additional information about your customers’ carts straight during a chat.

To be more specific, here are the additional info that you can get with our plugin for WooCommerce:

Products details
Products count
Total value
Shipping address
Last order details

You can decide which one o them would you like to gather when configuring your LiveChat plugin for WooCommerce. Click here to read our official tutorial for LiveChat for WooCommerce!

@happybb03, I hope that we were able to help! Please don’t hesitate to let us know in case of any additional questions.

• This reply was modified 7 years, 4 months ago by LiveChat. Reason: Tutorial link added

Hello @happybb03,

Thank you very much for reaching us with this case!

At the moment, I’m afraid that we do not have the possibility to add Custom Variables to LiveChat plugin. Don’t worry though! There is a workaround that I can offer. Please follow the steps below:

1. First, disable and then delete your current LiveChat plugin.
2. Open your LiveChat application and go to Settings > Installation > My website.
3. From there, copy your LiveChat code and modify it with Custom Variables that you’d like to add. You can use our documentation for developers that you have referred to in your previous post.

After modifying, your code should look like this (where XXXXX represents your license number):

<script type="text/javascript">
window.__lc = window.__lc || {};
window.__lc.license = XXXXX;
window.__lc.params = [
  { name: 'Login', value: 'joe_public' },
  { name: 'Account ID', value: 'ABCD1234' },
  { name: 'Total order value', value: '$123' }
];

(function() {
  var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;
  lc.src = ('https:' == document.location.protocol ? 'https://' : 'https://') + 'cdn.livechatinc.com/tracking.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);
})();
</script>

4. All that is left is to paste the modified code into the footer.php file of your current WordPress template. To do that, enter your WordPress administration panel. Typically you have to go to Appearance section > from there, choose Editor.
5. On the right you will find the list of available files. To continue, Choose footer.php and paste your LiveChat code, right before the closing </body> tag.
6. After pasting the code, click on Update file to finalize.

From now on, your LiveChat will appear on the website but this time it’ll gather additional details and display them for your agents, straight during a chat! ?? Also, adding Custom Variables during your plugin configuration is something that we added to our feature request. We’ll let you know in case that it would be implemented!

@happybb03, I hope that we were able to help! Please don’t hesitate to ask in case of any additional questions.

Hi Jon,

we have this content related to disabling LiveChat on selected pages – https://www.livechatinc.com/kb/setting-up-url-rules-for-groups/#disabling-livechat