2

So I'm kinda new and skilling up into coding and developing in Salesforce — also here ;) — Live Agent is the first app I work with and it's so interesting!

My lack of experience breaks me a bit and now I'm wondering if including the Live Agent chat page is possible directly within the website.

Exemple:

An automated invitation button is set: it slides up on the webpage, when the user approach it's mouse the image grow bigger asking the user if he wants to chat with an agent. If the user click, the popup transforms into the Live Agent chat page. Sort of what Olark does actually.

Is that something that can be done with Live Agent?

Thanks for your help!

Niko.

  • 1
    I have successfully used liveagnet.startChatWithWindow solution proposed in PepeFloyd's answer. I'd call this undocumented feature, but works fine. – SiliconMind Mar 5 '15 at 10:43
1

you're going to have to use a lightbox or something similar, and create a custom visual force page for the pre-chat invitation - which then turns into the chat screen - you wouldn't have to put in the collection fields - you could just show an image if you wanted.

http://iwritecrappycode.wordpress.com/2013/10/29/salesforce-live-agent-review-customization/

There's a GREAT sample of a custom prechat page in visualforce. Create that, use that as the lightbox page, and then after they click submit there - that lightbox will turn into the chat screen. It's a little convoluted, but that's how we're doing it.

1

I had created video tutorial for complete liveagent and how to use generated HTML, hope it will help you.

http://www.youtube.com/watch?v=yBZUoHmAEiM

  • 2
    Hello Jitendra!! This video was actually the first tutorial I found to understand the Live Agent setup 2 weeks ago. It really help me out back then! I watched it many times!! Thanks a lot for that :) – Niko Nov 7 '14 at 11:26
1

You could try using an iframe and put your button and deployment code in the iframe, that in combination with the liveagent.startChatWithWindow method, which allows you to specify in which window you want to open the chat, could result in something like this.

enter image description here

0

I`m not sure if this is something that you are after but if you have Live Agent enabled in Salesforce, there is a section under Customize - Live Agent - Chat Buttons & Invitations. And there you would have a section called Chat Button Code and that code can be implemented in your website from where the users would have access to it and they can click on the button in order to talk to you.

Once they click on the button a popup window will appear and they will start typing. You could also add your own Live Agent Configurations under Setup -> Live Agent -> Live Agent Configurations, for example the chat capacity, agent name, auto greeting and the profiles that will have access to the Live Agent.

enter image description here Hope it helps

  • I did all that already. Now I would like to know if it's possible to customise it more. Like the pop-up floating on the page itself and not in a new window or redesigning the cross to close the popup image for exemple. Is all this code accessible? – Niko Nov 5 '14 at 17:50
  • I believe that you have to do that in your HTML/CSS/JavaScript code where you can have full control on the appearance of the window or if it slides up, etc. – Mihai Neagoe Nov 5 '14 at 17:54
  • Well, I don't know where I can access the live agent configuration code. All I know is when you create a custom chat page you can code a few things there. but it's not so full control... – Niko Nov 5 '14 at 17:59
  • You don't need to access the live agent configuration code because you are not trying to modify the functionality. All you probably need is to wrap the code for the chat button with your own style and in your own window. I might not fully understand your requirement. Maybe another person from this site might have a different point of view. – Mihai Neagoe Nov 5 '14 at 18:03
  • yes, that's it! I mainly want to intervene on the chat button and window not the functionality itself. But where can I edit the code for the button? Because I would like the button to become the custom chat page once clicked. – Niko Nov 5 '14 at 18:11
0

If using iFrame is not ideal (not mobile friendly), in the same page file, give it a window name first.

<script type="text/javascript">
window.name = 'chatchat'
</script>

Open the chat or pre-chat form within the same window.

liveagent.startChatWithWindow('573A0000000XXXX','chatchat')

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.