Live Agent Developer Guide

About This Guide
Prerequisites
API Versions
Customize Deployments with the Deployment APIs
Use Pre-Chat to Gather Visitor Information and Set Context for the Agent
Implement a Custom Chat Window Using Visualforce
Live Agent Visualforce Components
Live Agent Visualforce Components Code Sample
Use Post-Chat to Wrap Up the Chat Interaction with Your Customer
Set Up Direct-to-Agent Chat Routing with the Deployment APIs
PDF

Newer Version Available

This content describes an older version of this product. View Latest

Live Agent Visualforce Components Code Sample

Use this code sample to test and preview how Visualforce components can help you customize your chat windows.
The following code sample shows a chat window that uses the following components:
  • liveAgent:clientChat
  • liveAgent:clientChatMessages
  • liveAgent:clientChatEndButton
  • liveAgent:clientChatLog
  • liveAgent:clientChatInput

For an active chat, this code results in the following chat window states:

Chat Waiting Chat window while chat is waiting to be accepted.
Chat in Progress Chat window during a chat.
Chat Ended Chat window when chat has ended.