Cuando termine de configurar su Web Widget, puede instalarlo en su sitio web o centro de ayuda y ponerlo a disposición de sus clientes. Otra opción es incrustar el Web Widget para tener un control completo sobre dónde y cómo aparece.
Este artículo contiene los siguientes temas:
Instalar el Web Widget en un sito web
Para instalar el Web Widget en un sitio web se necesitan conocimientos básicos del código del sitio web, ya que es necesario pegar el fragmento de código antes de la etiqueta HTML </body> de cierre.
El siguiente video ofrece una descripción general de cómo agregar mensajería a un sitio web:
Agregar mensajería a un sitio web [1:40]
Para agregar el Web Widget a su sitio web
- En el Centro de Administración, haga clic en
Canales en la barra lateral y luego seleccione Mensajería y redes sociales > Mensajería. - Haga clic en el nombre del widget que desea instalar.
- Desplácese hacia abajo y luego haga clic en Instalación para ampliarlo.
- Haga clic en el icono Copiar (
) en la parte inferior del cuadro del fragmento de código. - En el código fuente de la página web en la cual desea agregar el widget, pegue el fragmento de código antes de la etiqueta </body> de HTML de cierre. Agregue el código a cada página web donde desea que aparezca el widget.
- Si desea enviar el código a otra persona (un desarrollador, por ejemplo), haga clic en Enviar código por correo electrónico a un integrante del equipo.
- Asegúrese de que el firewall esté configurado para permitir que aparezca el Web Widget.
Instalar el Web Widget en un centro de ayuda
La instalación del widget en un centro de ayuda es un proceso sencillo y de un solo clic. No se necesita soporte técnico de ningún tipo, pero es necesario haber creado e instalado el centro de ayuda para poder instalar el Web Widget.
Para agregar el Web Widget a su centro de ayuda
- En el Centro de Administración, haga clic en Canales en la barra lateral y luego seleccione Mensajería y redes sociales > Mensajería.
- Haga clic en el nombre del widget que desea instalar.
- Desplácese hacia abajo y luego haga clic en Instalación para ampliarlo.
- Marque la casilla para Incrustar el Web SDK automáticamente en el centro de ayuda.
Esta opción no es visible si aún no se ha creado y activado el centro de ayuda.
- Haga clic en Guardar.
El Web Widget se agrega a todas las páginas del centro de ayuda.
Incrustar el Web Widget
El modo incrustado coloca el Web Widget dentro de un contenedor de HTML específico en una página, en lugar de mostrarlo como una superposición flotante con una posición fija. El widget rellena automáticamente las dimensiones del contenedor elegido y permite controlar dónde y cómo aparece exactamente. Por ejemplo, esto es útil para los diseños avanzados, como las vistas divididas que tienen listas de conversación y mensajes en paralelo.
En el modo incrustado es necesario utilizar una llamada de API incrustada de JavaScript para especificar el modo y el contenedor de destino para el widget.
Para usar el modo incrustado, primero desactive el comportamiento de representación predeterminado (automático) del widget.
window.zEMessenger = {
autorender: false
}
A continuación, para indicarle al widget dónde debe aparecer, especifique la ID o clase de un contenedor:
zE('messenger', 'render', {
mode: 'embedded',
widget: {
targetElement: '#messaging-container'
}
});
Ahora el Web Widget se muestra dentro del elemento #messaging-container y toma el tamaño y la posición definidos por CSS.
Si desea más información, consulte Web Widget embedded mode en la documentación para programadores. O consulte Embedded mode for the Zendesk Widget para ver más ejemplos.