Personnalisation du formulaire de canal avec Instant Chat
Articles related to customization are written for a technical audience who have experience in web development. Knowledge of HTML, CSS, and JavaScript are required.
Un formulaire de canal avec Instant chat est identique à celui qui n'A pas l'option de chat. La seule différence est qu'une fois que le client démarre une session avec un technicien, la fenêtre Instant Chat apparaît.
Vous pouvez personnaliser les mêmes éléments du formulaire de canal que vous activiez Instant Chat ou non. La différence est que vous devez modifier les éléments à différents emplacements dans le code HTML. Voici un exemple de formulaire de canal que vous pouvez intégrer dans votre site web :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="https://secure.logmeinrescue.com/InstantChat/ InstantChat.aspx"></script> <script type="text/javascript"> function loadInstantChat(){ var ICLoader = new logmeinRescueInstantChatLoader(); ICLoader.ICContainer = "ICContainer"; ICLoader.HostedCSS = "https://secure.logmeinrescue.com/InstantChat/Standard/ InstantChat.css"; ICLoader.HostedLanguagesForChatOnlyMode = "https://secure.logmeinrescue.com/ InstantChat/LanguagesForChatOnlyMode.js"; ICLoader.HostedLanguagesForAppletMode = "https://secure.logmeinrescue.com/ InstantChat/LanguagesForAppletMode.js"; ICLoader.EntryID = "1928520474"; ICLoader.Name = document.getElementById("Name").value; /* optional */ ICLoader.Comment1 = document.getElementById("Comment1").value; /* optional */ ICLoader.Comment2 = document.getElementById("Comment2").value; /* optional */ ICLoader.Comment3 = document.getElementById("Comment3").value; /* optional */ ICLoader.Comment4 = document.getElementById("Comment4").value; /* optional */ ICLoader.Comment5 = document.getElementById("Comment5").value; /* optional */ ICLoader.Tracking0 = ""; /* optional */ ICLoader.Language = ""; /* optional */ ICLoader.PostMessageTargetOrigin = null; //https://[YourSite].com<:443> ICLoader.HostedErrorHandler = function(ErrorName){} /* optional */ ICLoader.Start();} function handleRebootOrRefresh(){ if ((window.location + "").indexOf("logmeinrescuewebsessionid") != -1) {document.getElementById("ICContainer").style.display=""; loadInstantChat();} /* optional */ if (window.location.hash.length == webSessionIdLength + 1) {document.getElementById("ICContainer").style.display=""; loadInstantChat();} /* optional */ } </script> </head> <body onload="handleRebootOrRefresh();"> <table> <tr><td>Please enter your name: </td><td><input id="Name" type="text" maxlength="64" /></td></tr> <tr><td>Custom Field 1: </td><td><input id="Comment1" type="text" maxlength="512" /></td></tr> <tr><td>Custom Field 2: </td><td><input id="Comment2" type="text" maxlength="512" /></td></tr> <tr><td>Custom Field 3: </td><td><input id="Comment3" type="text" maxlength="256" /></td></tr> <tr><td>Custom Field 4: </td><td><input id="Comment4" type="text" maxlength="64" /></td></tr> <tr><td>Custom Field 5: </td><td><input id="Comment5" type="text" maxlength="64" /></td></tr> </table> <input type="button" value="Channel 01" onclick="document.getElementById('ICContainer') .style.display=''; loadInstantChat();" /> <div id="ICContainer" style="position: absolute; left: 0px; top: 0px; width: 400px; height: 500px; display: none"></div> </body> </html>
Article last updated: 27 September, 2022
You are viewing the latest version of this article.