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"> functie 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 = ""; /* optioneel */ ICLoader.Language = ""; /* optioneel */ ICLoader.PostMessageTargetOrigin = null; //https://[YourSite].com<:443> ICLoader.HostedErrorHandler = function(ErrorName) {switch(ErrorName) { case "NOTECHAVAILABLE": handleError("Momenteel zijn er geen technici beschikbaar. Kom later nog eens terug."); break; case "NOTECHWORKING": handleError("Sorry, we zijn gesloten. Op dit moment zijn er geen technici beschikbaar. Kom later nog eens terug tijdens onze openingstijden."); break; case "INVALID_PARAMETERS": handleError("Ongeldige parameters opgegeven. Neem contact op met uw provider."); break; case "SESSIONALREADYSTARTED": handleError("Er is al een sessie gestart met deze Pincode. Vraag uw supportaanbieder om een nieuwe Pincode."); break; case "UCONNECTIONERROR": handleError("Er is een onbekende fout opgetreden bij de verbinding."); break; case "ERRNOSUCHSSESSION": handleError("De ondersteuningssessie kan niet worden gestart."); break; case "ERRNOSUCHENTRY": handleError("De online ondersteuningssessie kan niet worden gestart. Neem direct contact op met uw provider."); break; case "ERRCODEDOESNOTEXIST": handleError("Pincode bestaat niet. Neem contact op met uw provider."); break; case "ERRCODEEXPIRED": handleError("Pincode is verlopen. Neem contact op met je support provider."); break; case "ERRNOTEXPIRED": handleError("Technicus of bedrijf bestaat niet. Neem contact op met je ondersteuningsprovider."); break; case "ERRMISSINGTECHLICENSE": handleError("De ondersteuningssessie kan niet worden gestart. De technicus is niet geconfigureerd om dit type apparaat te ondersteunen."); break; } } ICLoader.Start();} functie handleRebootOrRefresh(){als ((window.location + "").indexOf("LogMeIn Rescuewebsessionid") != -1) {document.getElementById("ICContainer").style.display=""; loadInstantChat();} /* optioneel */ if (window.location.hash.length == webSessionIdLength + 1) {document.getElementById("ICContainer").style.display=""; loadInstantChat();} /* optioneel */ } </script> </head> <body onload="handleRebootOrRefresh();"> <span>Voer je 6-cijferige code in: </span><input id="Code" type="text" /><br /> <input type="button" value="Verbonden met Technicus" 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.
Article last updated: 11 November, 2022
You are viewing the latest version of this article.