Hi,

Part of a project we are working on is deploying Live Agent. Part of Live Agent is the ability to add a button to a page that indicates if a Live Agent user has logged in and is available to chat, The button renders one message if its available and another if not. This is great and works well when we added to a home page in a customer portal setup.

However, when we added the code to a VisualForce page, the button would not work! Does anybody have experience with using this button code in a VF page? The VF page we are using is a sites page and is publicly available. The code is below, there are two sections to it.

<!-- START Salesforce Live Agent Deployment Code: MUST BE PLACED DIRECTLY ABOVE THE CLOSING </BODY> TAG and AFTER/OUTSIDE ALL HTML -->
<script type="text/javascript">
var __ALC_Deployment = 9702;
document.write(unescape("%3Cscript src='"+document.location.protocol+"//depot.liveagentforsalesforce.com/app/js/lt.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<!-- END Salesforce Live Agent Deployment Code -->


And this is the code for the buttons:



<!-- START Salesforce Live Agent Button/Link Code: Place this code into your HTML wherever you want this button/link to appear -->
<script type="text/javascript">
var __ALC_BADGE_SUFFIX = (Math.round(Math.random()*10000000000));
document.write('<div id="__ALC_BADGE_ONLINE'+__ALC_BADGE_SUFFIX+'" style="display: none;"><a href="javascript&colon;//chat" onclick="_alc.startChat(14885); return false;"><img id="__ALC_BADGE_ONLINE_IMAGE" style="border: 0px none" src="'+unescape(document.location.protocol+'//depot.liveagentforsalesforce.com/app/chat/buttons/97/btn3_grn2_on.gif')+'" /></a></div><div id="__ALC_BADGE_OFFLINE'+__ALC_BADGE_SUFFIX+'" style="display: none;"><a href="http://www.city-link.com"><img id="__ALC_BADGE_OFFLINE_IMAGE" style="border: 0px none" src="'+unescape(document.location.protocol+'//depot.liveagentforsalesforce.com/app/chat/buttons/97/btn3_grn2_off.gif')+'" /></a></div>');
if ( typeof(__ALC_Badges) == 'undefined' ) __ALC_Badges = new Array();
var __ALC_BUTTON = new Object(); __ALC_BUTTON.id = '14885'; __ALC_BUTTON.available = '__ALC_BADGE_ONLINE'+__ALC_BADGE_SUFFIX; __ALC_BUTTON.unavailable = '__ALC_BADGE_OFFLINE'+__ALC_BADGE_SUFFIX; __ALC_BUTTON.department = 0; __ALC_Badges.push(__ALC_BUTTON);
</script>
<!-- END Salesforce Live Agent Button/Link Code -->

I've been provisioned a LiveAgent admin account and am setting up a demo for internal knowledge transfer.

I've created a Deployment and a button, and it's showing up for me in my Customer Portal.

What I"m not able to complete:

- When the customer initiates a chat from the Portal, the agent is notified,and can click the Accept button. The pop-up window with the progress bar is in waiting mode, and the console's status stays at "Enaging..." indefinitely.

- Also, the agent is able to click the Invite button to initiate a chat with a customer...(the console reports that an invitiation was sent), but the customer's web page never sees a chat invitiation window

- For the Deployment creation, I used the the appropriate sfdc subdomain (na12.salesforce.com)... 

- In the liveagent console, I've checked my connection settings and it reports that it's a Direct connection

...

Any suggestions?