Live Agent Developer's Guide

About This Guide
Prerequisites
API Versions
Customize Deployments with the Deployment API
Pre-Chat Forms Overview
Accessing Chat Details with the Pre-Chat API
Create Records Automatically with the Pre-Chat API
Customize Chat Windows with Visualforce
Live Agent Visualforce Components
Live Agent Visualforce Components Code Sample
Post-Chat Pages Overview
Set Up Direct-to-Agent Chat Routing with the Deployment API
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
  • liveAgent:clientChatEndButton

The code above results in a chat window that looks like this:

Live Agent Chat Window