Menu Principal:
Equipo + Gear > Chat para tu sitio > Tutoriales y Soporte

Para que los clientes potenciales vean tu estatus de conexión, necesitarás añadir el código HTML a las páginas de tu sitio Web. Hay tres pasos sencillos para asegurarse de que Live Help correrá correctamente en tus páginas.
Paso 1. Las siguientes líneas deben ser agregadas en cada página después de la etiqueta <title> y justo antes de la etiqueta </head> (esto debe ser añadido una vez por página):
<!-- stardevelop.com Live Help International Copyright - All Rights Reserved //-->
<!-- BEGIN Live Help Code - NOT PERMITTED TO MODIFY IMAGE MAP/CODE/LINKS //-->
<script language="JavaScript" type="text/JavaScript" src="/livehelp/include/javascript.php"></script>
<!-- END Live Help HTML Code - NOT PERMITTED TO MODIFY IMAGE MAP/CODE/LINKS //-->
Paso 2. Las siguientes líneas deben ser agregadas en cada página entre las etiquetas <body> de tus documentos (esto debe ser añadido una vez por página):
<!-- stardevelop.com Live Help International Copyright - All Rights Reserved //-->
<!-- BEGIN Live Help Code - Copyright - NOT PERMITTED TO MODIFY IMAGE MAP/CODE/LINKS //-->
<div id="floatLayer" align="left" style="position:absolute; left:10px; top:10px; visibility:hidden; z-index:5000;"><map name="LiveHelpInitiateChatMap" id="LiveHelpInitiateChatMap"><area shape="rect" coords="50,210,212,223" href="http://livehelp.stardevelop.com" target="_blank" alt="stardevelop.com Live Help"/><area shape="rect" coords="113,183,197,206" href="#" onclick="openLiveHelp();acceptInitiateChat();return false;" alt="Accept"/><area shape="rect" coords="206,183,285,206" href="#" onclick="declineInitiateChat();return false;" alt="Decline"/>
<area shape="rect" coords="263,86,301,104" href="#" onclick="declineInitiateChat();return false;" alt="Close"/></map>
<div id="InitiateText" align="center" style="position:relative; left:30px; top:145px; width:275px; height:35px; z-index:5001; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;">Do you have any questions that I can help you with?</div><img src="/livehelp/locale/en/images/InitateChat.gif" alt="stardevelop.com Live Help" width="323" height="229" border="0" usemap="#LiveHelpInitiateChatMap"/></div>
<!-- END stardevelop.com Live Help Messenger Code - Copyright - NOT PERMITTED TO MODIFY IMAGE MAP/CODE/LINKS //-->
Paso 3. Las siguientes líneas deber ser agregadas donde tú quieres que se despliegue el botón indicador del estatus de Live Help (puedes desplegar varios botones de estatus de Live Help en una sola página):
<!-- stardevelop.com Live Help International Copyright - All Rights Reserved //-->
<!-- BEGIN Live Help HTML Code - NOT PERMITTED TO MODIFY IMAGE MAP/CODE/LINKS //-->
<a href="/livehelp/index.php" target="_blank" onclick="openLiveHelp(); return false"><img src="/livehelp/include/status.php" id="LiveHelpStatus" name="LiveHelpStatus" border="0" alt="Live Help" onload="statusImagesLiveHelp[statusImagesLiveHelp.length] = this;"/></a>
<!-- END Live Help HTML Code - NOT PERMITTED TO MODIFY IMAGE MAP/CODE/LINKS //-->
Nota: El tercer paso de arriba es opcional y sólo debe ser añadido a las páginas Web donde deseas que se despliegue el botón de Live Help.
Ejemplo (Botón del código de estatus - Paso 3):
¿Requieres más asistencia?
¿No puedes encontrar información relevante en nuestras páginas? Solamente contáctanos vía WGI Live Help, Skype o haciendo click aquí.