Hay muchas opciones relacionadas con el aspecto del Web Widget que se pueden configurar por medio de la pestaña Estilo de la página del Web Widget.
Este artículo contiene los siguientes temas:
Configurar el marco del widget
El marco del Web Widget está compuesto por elementos estructurales de la ventana donde tienen lugar las conversaciones de mensajería entre clientes y agentes. Puede decidir dónde colocar el marco dentro de la página, seleccionar los colores del texto y los elementos del marco, cargar un logotipo y más.
Para actualizar el marco del widget
- 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 canal que desea editar. Se abre la página de edición del widget.
- Haga clic en la pestaña Estilo y configure lo siguiente:
- Color principal: el color principal del botón del iniciador y del encabezado del widget. Ingrese un número hexadecimal o haga clic en el muestrario para abrir un selector de color. Si está haciendo la migración del Web Widget (clásico), el color usa de manera predeterminada la configuración del widget de esa marca.
- Posición: la ubicación del widget y del iniciador en su sitio web o centro de ayuda. Seleccione Inferior izquierda o Inferior derecha y luego ingrese el espaciado de desplazamiento desde la parte inferior y desde el lado de la página. La posición predeterminada es 16 píxeles a partir de la opción seleccionada.
- Borde: el radio del borde, o redondeo, de los bordes exteriores del widget. Use el control deslizante para seleccionar un radio que va de Esquinas rectas (0 px) a Esquinas curvas (20 px).
- Color del mensaje: el color de la burbuja alrededor de los mensajes de los clientes. Ingrese un número hexadecimal o haga clic en el muestrario para abrir un selector de color.
- Color de la acción: el color de los botones y las acciones de los clientes (por ejemplo, la selección de una opción). Ingrese un número hexadecimal o haga clic en el muestrario para abrir un selector de color.
- Permitir que los clientes carguen archivos adjuntos: seleccione la casilla de verificación para que los clientes puedan adjuntar archivos a las conversaciones de mensajería. Quite la marca de la casilla de verificación si desea evitar que los clientes puedan adjuntar archivos. De manera predeterminada, se permite adjuntar archivos.
- Logotipo (opcional): un JPG o PNG que debe aparecer en la parte superior del cuadro. El logotipo es la identidad visual del flujo de conversación. Haga clic en Cargar imagen y luego busque la imagen que desea agregar.
- Título: el nombre que aparece en la parte superior del cuadro. Podría ser una llamada a la acción ("Contáctenos") o el nombre de su negocio.
- Descripción (opcional): un fragmento pequeño de texto debajo del título. Puede ser información que se desea compartir, o un eslogan, por ejemplo. Ingrese la descripción en el cuadro de texto.
- Mostrar logotipo de Zendesk: activa y desactiva el logotipo de Zendesk en un Web Widget o un canal móvil. Disponible en las cuentas de Suite Enterprise.
- Reproducir sonidos de notificación para mensajes nuevos (solo Web Widget): activa las alertas sonoras para cuando los clientes reciben una respuesta de un agente o un bot en una conversación de mensajería de Web Widget inactiva. Cuando los sonidos de notificación están activados, los clientes pueden desactivarlos en su lado de la conversación, si así lo desean.
- Haga clic en Guardar configuración.
Configurar el iniciador del widget
El iniciador del Web Widget es el botón en el que el cliente hace clic para abrir el widget. Se puede definir dónde situarlo en la página web o el centro de ayuda, su forma, texto y más.
También se puede usar la API del Web Widget para crear un iniciador de Web Widget personalizado y definir su comportamiento. Si desea más información, consulte Web Widget API.
Para actualizar el iniciador
- 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 canal que desea editar. Se abre la página de edición del widget.
- Haga clic en la pestaña Estilo.
- Actualice Posición en ventana del navegador, que determina dónde debe aparecer el botón del iniciador en la ventana del navegador. Utilice los botones de opción para elegir Inferior derecha o Inferior izquierda.
- Actualice Forma (solo Web Widget): la forma del botón del iniciador. Elija una de las siguientes opciones:
- Cuadrado: use el deslizador para ajustar el redondeo de los bordes exteriores del botón del iniciador que es de forma cuadrada.
- Círculo
-
Iniciador personalizadoNota: Cuando se selecciona Iniciador personalizado, el iniciador se elimina del sitio web o del centro de ayuda. Luego podrá agregar el iniciador a su sitio web o a las páginas del centro de ayuda con las API Open, Close o Unread Messages. Consulte Web Widget API.
- Texto (opcional): el texto que aparece junto al botón del iniciador.
- Mostrar en móvil: seleccione esta opción para mostrar el texto en un SDK para móviles.
- Haga clic en Guardar configuración.