Steps to be Followed to create Live Agent<\/h3>\n<\/div>\n\nStep 1: Enable Live Agent.<\/strong>
\n1) Goto Setup, enter Live Agent Settings in the Quick Find box, then select Live Agent Settings.
\n2) Select Enable Live Agent.
\n3) Click Save.<\/p>\nStep 2: Make yourself a live agent user<\/strong>
\n1) Enter Users in the Quick Find box, then select Users.
\n2) Click Edit next to your name.
\n3) Select Live Agent User.
\n4) Click Save.<\/p>\nStep 3: Create a Skill<\/strong>
\n1) Enter Skills in the Quick Find box, then select Skills.
\n2) Click New.
\n3) Enter the name Support.
\n4) In the Assign Profiles area, add System Administrator, Standard User, and Custom: Support Profile.
\n5) Click Save.<\/p>\nStep 4: Create a basic Chat configuration<\/strong>
\n1) Enter Live Agent Configurations in the Quick Find box, then select Live Agent Configurations.
\n2) Click New.
\n3) Enter the name Chat Configuration.
\n4) Assign the same profiles as you did for your skill (System Administrator, Standard User, and Custom: Support Profile).
\n5) Click Save.<\/p>\nStep 5: Add branding images<\/strong>
\n1) Save these chat window and button images to your desktop.
\n![\"How](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/en-us4ee04685161082ff2c379c4c8f78f362.png\")
<\/a><\/p>\n![\"How](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/en-usda250bff4a7a5b113acd10ba6e86a93e.png\")
<\/a><\/p>\n![\"How](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/en-usf94cfe0e862639f8db31b8eb4fe836a5.png\")
<\/a><\/p>\n2) Enter Sites in the Quick Find box, then select Sites.
\n3) Create a Force.com domain if you don\u2019t already have one.
\n4) Click New.
\n5) Enter a site name.
\n6) Select yourself as the Site Contact.
\n7) Select Active.
\n8) For Active Site Home Page, use the lookup to select any existing Visualforce page.
\n9) Click Save.
\n10) Go to Develop | Static Resources.
\n11) Click New.
\n12) Name the image \u201cOnlineButton.\u201d
\n13) Click Choose File and select the online button image you saved.
\n14) Select Public for the Cache Control.
\n15) Click Save.
\n16) Repeat steps 8\u201313 for the offline button and chat window images. Name the offline button image \u201cOfflineButton\u201d and the chat window image \u201cChatWindow.\u201d<\/p>\n
Step 6: Create a Chat button<\/strong>
\n1) Enter Chat Buttons in the Quick Find box, then select Chat Buttons & Invitations.
\n2) Click New.
\n3) Select the type Chat Button.or website visitors in real time through a Web-based, text-only live chat.
\n4) Name your chat button \u201cChat Button.\u201d
\n5) Under Routing Information, add your Support skill.
\n6) Under Chat Button Customization, use the lookup fields to associate your site and button images to the button.
\n7) Click Save.
\n6) Copy the button code that Salesforce generates for you and paste it somewhere handy<\/p>\nStep 7: Make Deployment<\/strong>
\n1) Enter Deployments in the Quick Find box, then select Deployments.
\n2) Click New.
\n3) Name your deployment \u201cChat Deployment.\u201d
\n4) Enter \u201cArmor Decor Customer Service\u201d for the Chat Window Title.
\n5) Under Chat Window Branding, use the lookup fields to associate your site and chat window image to the button.
\n6) Click Save.
\n7) Copy the deployment code that Salesforce generates for you and paste it with your chat button code snippet.<\/p>\n<\/div>\n<\/div>\n\n\nAdd live agent to the console and test you chat<\/h3>\n<\/div>\n\nAdd Live Agent to the Console<\/strong>
\nWe will have to make a separate Service Console and enable it for Live Agent.
\n1) Go to Create | Apps and click New.
\n2) Select Console.
\n3) Click Next.
\n4) Enter \u201cArmor Decor Console\u201d for the App Label.
\n5) Click Next to skip adding a console logo.
\n6) Click Next.
\n7) Select your Navigation Tab items. We recommend Accounts, Cases, and Contacts to start.
\n8) Click Next.
\n9) Select your primary tabs and subtabs, and click Next.
\n10) Select Include Live Agent in this App, and click Next. We\u2019ll talk about the additional options in the Live 11) Agent Basics module.
\n12) Select visibility and default settings. Make sure that the console is visible and default for you, the System Administrator.
\n13) Click Save.<\/p>\n<\/div>\n<\/div>\n\n\nTest the app<\/h3>\n<\/div>\n\nFirst, you need a Visualforce Page to act as a website. This is where you\u2019ll place the button and deployment code snippets.
\n1) Go to Develop | Visualforce Pages.
\n2) Click New.
\n3) Enter the label \u201cStart Chatting\u201d (with the developer name Start_Chatting) and the description \u201cStart your Live Agent chat!\u201d
\n4) Add the following to your page:<\/p>\n
<apex:page >\r\n\r\n <!-- \r\n \/**\r\n * Webkul Software.\r\n *\r\n * @category Webkul\r\n * @author Webkul\r\n * @copyright Copyright \u00a9 2000-2016 salesforce.com, inc. All rights reserved.\r\n *\/\r\n -->\r\n\r\n <h1>Let\u2019s start chatting...<\/h1>\r\n <br \/>\r\n Click the big button to start a chat.\r\n <br \/>\r\n \r\n <!--Button Code-->\r\n <img id=\"liveagent_button_online_573280000004G6W\" style=\"display: none; border: 0px none; cursor: pointer\" onclick=\"liveagent.startChat('573280000004G6W')\" src=\"https:\/\/[your-site]Chatty\/resource\/1476691397000\/OnlineButton\" \/><img id=\"liveagent_button_offline_573280000004G6W\" style=\"display: none; border: 0px none; \" src=\"https:\/\/[Your-Domain Name]\/resource\/1476691381000\/OfflineButton\" \/>\r\n <script type=\"text\/javascript\">\r\n if (!window._laq) { window._laq = []; }\r\n window._laq.push(function(){liveagent.showWhenOnline('573280000004G6W', document.getElementById('liveagent_button_online_573280000004G6W'));\r\n liveagent.showWhenOffline('573280000004G6W', document.getElementById('liveagent_button_offline_573280000004G6W'));\r\n });<\/script>\r\n \r\n <!--Deployment Code--> \r\n <script type='text\/javascript' src='https:\/\/c.la10.salesforceliveagent.com\/content\/g\/js\/38.0\/deployment.js'><\/script> \r\n <script type='text\/javascript'>\r\n liveagent.init('https:\/\/d.la10.salesforceliveagent.com\/chat', '57228000000L2SV', '00D28000001Jm90');\r\n <\/script>\r\n\r\n<\/apex:page><\/pre>\n5) Click Save.
\n6) Go back to Develop | Visualforce Pages.
\n7) Click Launch icon next to your new Visualforce Page. We recommend keeping the page in a separate browser window, so you can easily access it while you\u2019re in the console.
\n8) Your Visualforce Page should display your offline chat button. Let\u2019s go online!<\/p>\n
![\"How](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/offlineImage.png\")
<\/a>
\n9) Go to your Setup window and use the app picker to open Armor Decor Console.<\/p>\n![\"How](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Click.png\")
<\/a><\/p>\n10) Open the Live Agent widget at the bottom of the page and change your status to online. Now you can receive chat requests!<\/p>\n
![\"How](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/appimage.png\")
<\/a><\/p>\n![\"goonline\"](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/goonline-234x300.png\")
<\/a><\/p>\n11) Go back to your Visualforce Page. Refresh it. Since you\u2019re online in the console, the button should change to an online button.<\/p>\n
![\"How](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/online.png\")
<\/a><\/p>\nClick the chat button to request a chat.<\/p>\n
12) If a chat window appears and you get a notification in the console, everything\u2019s working perfectly. Great job! Go ahead and accept the chat request from the console to start your chat (with yourself).<\/p>\n
![\"How](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/accept.png\")
<\/a><\/p>\n <\/p>\n
![\"How](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/rec.png\")
<\/a><\/p>\n <\/p>\n
Step 1: Enable Live Agent.<\/strong> Step 2: Make yourself a live agent user<\/strong> Step 3: Create a Skill<\/strong> Step 4: Create a basic Chat configuration<\/strong> Step 5: Add branding images<\/strong> 2) Enter Sites in the Quick Find box, then select Sites. Step 6: Create a Chat button<\/strong> Step 7: Make Deployment<\/strong> Add Live Agent to the Console<\/strong> First, you need a Visualforce Page to act as a website. This is where you\u2019ll place the button and deployment code snippets. 5) Click Save. 10) Open the Live Agent widget at the bottom of the page and change your status to online. Now you can receive chat requests!<\/p>\n 11) Go back to your Visualforce Page. Refresh it. Since you\u2019re online in the console, the button should change to an online button.<\/p>\n Click the chat button to request a chat.<\/p>\n 12) If a chat window appears and you get a notification in the console, everything\u2019s working perfectly. Great job! Go ahead and accept the chat request from the console to start your chat (with yourself).<\/p>\n <\/p>\n <\/p>\n
\n1) Goto Setup, enter Live Agent Settings in the Quick Find box, then select Live Agent Settings.
\n2) Select Enable Live Agent.
\n3) Click Save.<\/p>\n
\n1) Enter Users in the Quick Find box, then select Users.
\n2) Click Edit next to your name.
\n3) Select Live Agent User.
\n4) Click Save.<\/p>\n
\n1) Enter Skills in the Quick Find box, then select Skills.
\n2) Click New.
\n3) Enter the name Support.
\n4) In the Assign Profiles area, add System Administrator, Standard User, and Custom: Support Profile.
\n5) Click Save.<\/p>\n
\n1) Enter Live Agent Configurations in the Quick Find box, then select Live Agent Configurations.
\n2) Click New.
\n3) Enter the name Chat Configuration.
\n4) Assign the same profiles as you did for your skill (System Administrator, Standard User, and Custom: Support Profile).
\n5) Click Save.<\/p>\n
\n1) Save these chat window and button images to your desktop.
\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n
\n3) Create a Force.com domain if you don\u2019t already have one.
\n4) Click New.
\n5) Enter a site name.
\n6) Select yourself as the Site Contact.
\n7) Select Active.
\n8) For Active Site Home Page, use the lookup to select any existing Visualforce page.
\n9) Click Save.
\n10) Go to Develop | Static Resources.
\n11) Click New.
\n12) Name the image \u201cOnlineButton.\u201d
\n13) Click Choose File and select the online button image you saved.
\n14) Select Public for the Cache Control.
\n15) Click Save.
\n16) Repeat steps 8\u201313 for the offline button and chat window images. Name the offline button image \u201cOfflineButton\u201d and the chat window image \u201cChatWindow.\u201d<\/p>\n
\n1) Enter Chat Buttons in the Quick Find box, then select Chat Buttons & Invitations.
\n2) Click New.
\n3) Select the type Chat Button.or website visitors in real time through a Web-based, text-only live chat.
\n4) Name your chat button \u201cChat Button.\u201d
\n5) Under Routing Information, add your Support skill.
\n6) Under Chat Button Customization, use the lookup fields to associate your site and button images to the button.
\n7) Click Save.
\n6) Copy the button code that Salesforce generates for you and paste it somewhere handy<\/p>\n
\n1) Enter Deployments in the Quick Find box, then select Deployments.
\n2) Click New.
\n3) Name your deployment \u201cChat Deployment.\u201d
\n4) Enter \u201cArmor Decor Customer Service\u201d for the Chat Window Title.
\n5) Under Chat Window Branding, use the lookup fields to associate your site and chat window image to the button.
\n6) Click Save.
\n7) Copy the deployment code that Salesforce generates for you and paste it with your chat button code snippet.<\/p>\n<\/div>\n<\/div>\nAdd live agent to the console and test you chat<\/h3>\n<\/div>\n
\nWe will have to make a separate Service Console and enable it for Live Agent.
\n1) Go to Create | Apps and click New.
\n2) Select Console.
\n3) Click Next.
\n4) Enter \u201cArmor Decor Console\u201d for the App Label.
\n5) Click Next to skip adding a console logo.
\n6) Click Next.
\n7) Select your Navigation Tab items. We recommend Accounts, Cases, and Contacts to start.
\n8) Click Next.
\n9) Select your primary tabs and subtabs, and click Next.
\n10) Select Include Live Agent in this App, and click Next. We\u2019ll talk about the additional options in the Live 11) Agent Basics module.
\n12) Select visibility and default settings. Make sure that the console is visible and default for you, the System Administrator.
\n13) Click Save.<\/p>\n<\/div>\n<\/div>\nTest the app<\/h3>\n<\/div>\n
\n1) Go to Develop | Visualforce Pages.
\n2) Click New.
\n3) Enter the label \u201cStart Chatting\u201d (with the developer name Start_Chatting) and the description \u201cStart your Live Agent chat!\u201d
\n4) Add the following to your page:<\/p>\n<apex:page >\r\n\r\n <!-- \r\n \/**\r\n * Webkul Software.\r\n *\r\n * @category Webkul\r\n * @author Webkul\r\n * @copyright Copyright \u00a9 2000-2016 salesforce.com, inc. All rights reserved.\r\n *\/\r\n -->\r\n\r\n <h1>Let\u2019s start chatting...<\/h1>\r\n <br \/>\r\n Click the big button to start a chat.\r\n <br \/>\r\n \r\n <!--Button Code-->\r\n <img id=\"liveagent_button_online_573280000004G6W\" style=\"display: none; border: 0px none; cursor: pointer\" onclick=\"liveagent.startChat('573280000004G6W')\" src=\"https:\/\/[your-site]Chatty\/resource\/1476691397000\/OnlineButton\" \/><img id=\"liveagent_button_offline_573280000004G6W\" style=\"display: none; border: 0px none; \" src=\"https:\/\/[Your-Domain Name]\/resource\/1476691381000\/OfflineButton\" \/>\r\n <script type=\"text\/javascript\">\r\n if (!window._laq) { window._laq = []; }\r\n window._laq.push(function(){liveagent.showWhenOnline('573280000004G6W', document.getElementById('liveagent_button_online_573280000004G6W'));\r\n liveagent.showWhenOffline('573280000004G6W', document.getElementById('liveagent_button_offline_573280000004G6W'));\r\n });<\/script>\r\n \r\n <!--Deployment Code--> \r\n <script type='text\/javascript' src='https:\/\/c.la10.salesforceliveagent.com\/content\/g\/js\/38.0\/deployment.js'><\/script> \r\n <script type='text\/javascript'>\r\n liveagent.init('https:\/\/d.la10.salesforceliveagent.com\/chat', '57228000000L2SV', '00D28000001Jm90');\r\n <\/script>\r\n\r\n<\/apex:page><\/pre>\n
\n6) Go back to Develop | Visualforce Pages.
\n7) Click Launch icon next to your new Visualforce Page. We recommend keeping the page in a separate browser window, so you can easily access it while you\u2019re in the console.
\n8) Your Visualforce Page should display your offline chat button. Let\u2019s go online!<\/p>\n<\/a>
\n9) Go to your Setup window and use the app picker to open Armor Decor Console.<\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n