Anpassen des Kanalformulars mit 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.
Ein Kanalformular mit Instant Chat sieht genauso aus wie das ohne die Chat-Option. Der einzige Unterschied besteht darin, dass, nachdem der Kunde eine Sitzung mit einem Techniker begonnen hat, das Instant Chat-Fenster erscheint.
Sie können die gleichen Elemente des Kanalformulars anpassen, unabhängig davon, ob Sie Instant Chat aktivieren oder nicht. Der Unterschied besteht darin, dass Sie die Elemente an verschiedenen Stellen des HTML-Codes ändern müssen. Im Folgenden finden Sie ein Beispiel für ein Kanalformular, das Sie in Ihre Website integrieren können:
<!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.``GoTo````LogMeIn Rescue``.com/InstantChat/
InstantChat.aspx"></script>
<script type="text/javascript">
function loadInstantChat(){
var ICLoader = new ``LogMeIn Rescue``InstantChatLoader();
ICLoader.ICContainer = "ICContainer";
ICLoader.HostedCSS = "https://secure.``GoTo````LogMeIn Rescue``.com/InstantChat/Standard/
InstantChat.css";
ICLoader.HostedLanguagesForChatOnlyMode = "https://secure.``GoTo````LogMeIn Rescue``.com/
InstantChat/LanguagesForChatOnlyMode.js";
ICLoader.HostedLanguagesForAppletMode = "https://secure.``GoTo````LogMeIn Rescue``.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("``LogMeIn Rescue``websessionid") != -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.