Het PIN-invoerformulier aanpassen met 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.
Een PIN-formulier met Instant Chat ziet er precies zo uit als het formulier zonder de chat-optie. Het enige verschil is dat nadat de klant een pincode heeft ingevoerd die de technicus verstrekt, het Instant Chat-venster verschijnt zonder de LogMeIn Rescue Applet te downloaden.
U kunt dezelfde elementen van de PIN-invoer aanpassen, ongeacht of u Instant Chat inschakelt of niet:
- Knoptekst
- Tekst en tekststijl
- Foutmeldingen
- Volgen van de taal en het invoerpunt van klanten inschakelen
Het verschil is dat je de elementen op verschillende plaatsen in de HTML-code moet wijzigen. Hieronder ziet u een voorbeeld van een PIN-formulier met Instant Chat dat u in uw website kunt integreren:
<!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.GoToLogMeIn Rescue.com/InstantChat/ InstantChat.aspx"></script> <script type="text/javascript"> function loadInstantChat(){ var ICLoader = new LogMeIn RescueInstantChatLoader(); ICLoader.ICContainer = "ICContainer"; ICLoader.HostedCSS = "https://secure.GoToLogMeIn Rescue.com/InstantChat/Standard/ InstantChat.css"; ICLoader.HostedLanguagesForChatOnlyMode = "https://secure.GoToLogMeIn Rescue.com/ InstantChat/LanguagesForChatOnlyMode.js"; ICLoader.HostedLanguagesForAppletMode = "https://secure.GoToLogMeIn Rescue.com/ InstantChat/LanguagesForAppletMode.js"; ICLoader.PrivateCode = document.getElementById("Code").value; ICLoader.Tracking0 = ""; /* optional */ ICLoader.Language = ""; /* optional */ ICLoader.PostMessageTargetOrigin = null; //https://[YourSite].com<:443> ICLoader.HostedErrorHandler = function(ErrorName) { switch(ErrorName) { case "NOTECHAVAILABLE": handleError("Currently no technicians are available. Please check back later."); break; case "NOTECHWORKING": handleError("Sorry, we're closed. No technicians are available at this time. Please check back later during our hours of operation."); break; case "INVALID_PARAMETERS": handleError("Invalid parameters supplied. Please contact your support provider."); break; case "SESSIONALREADYSTARTED": handleError("A session using this PIN Code has already been started. Please ask your support provider for a new PIN Code."); break; case "UCONNECTIONERROR": handleError("Unknown connection error occurred."); break; case "ERRNOSUCHSSESSION": handleError("The support session cannot be started."); break; case "ERRNOSUCHENTRY": handleError("The online support session cannot be started. Please contact your support provider directly."); break; case "ERRCODEDOESNOTEXIST": handleError("PIN Code does not exist. Please contact your support provider."); break; case "ERRCODEEXPIRED": handleError("PIN Code has expired. Please contact your support provider."); break; case "ERRNOTEXPIRED": handleError("Technician or company does not exist. Please contact your support provider."); break; case "ERRMISSINGTECHLICENSE": handleError("The support session cannot be started. The technician is not configured to support this type of device."); break; } } ICLoader.Start();} function handleRebootOrRefresh(){ if ((window.location + "").indexOf("LogMeIn Rescuewebsessionid") != -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();"> <span>Enter your 6-digit code: </span><input id="Code" type="text" /><br /> <input type="button" value="Connect to technician" 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>Je vindt dit codevoorbeeld in het Beheercentrum op het tabblad Resources onder Aangepast LogMeIn123.com-formulier met zelf-gehoste Instant Chat.
Artikel laatst bijgewerkt: 11 November, 2022
You are viewing the latest version of this article.