Web Gear Internacional.com


ir a contenido

Menu Principal:


Código HTML de Live Help

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):

Live Help


¿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í.

My status

WGI Inicio | Equipo + Gear | Sitios Web | Servicios + Web | Para E-Latinos | Soporte + Ayuda | ¡EN VENTA! | Mapa del Sitio


Este sitio es hecho por los productos digitales disponibles en Web Gear Internacional.com 07 oct 2008 | info@webgearinternacional.com

Regresar a contenido | Regresar al menu principal