Diseño widget de Oct8ne custom
¿EN QUÉ CONSISTE EL EMBED LINK o LINK ‘EMBEBIDO’?
Los desarrolladores pueden crear enlaces personalizados para acceder al coviewer de Oct8ne. Esto permite que, a la hora de añadir elementos visuales a tu web, tengas una mayor flexibilidad para hacerla atractiva y animar a tus potenciales clientes a ponerse en contacto con los agentes para que le aconsejen y ayuden durante el proceso de compra.
Cuando los agentes, sean personas o bots, estén conectados, todos los elementos del DOM marcados con la clase CSS “oct8ne-widget-on" serán visibles. No hay ninguna limitación con el tipo de elemento HTML ni con su ubicación en la página — esta clase puede aplicarse en imágenes, bloques HTML como DIV o SPAN o a cualquier otro tipo de etiqueta y pueden colocarse donde queden mejor en la web. En el siguiente código se muestra un elemento de este tipo y puede personalizarse modificando los estilos en línea:
Cuando el usuario haga clic sobre alguno de estos elementos, el covisor de Oct8ne se abrirá para iniciar un chat con el agente que esté disponible en ese momento.
Del mismo modo, cuando no haya agentes conectados, Oct8ne mostrará todos los elementos en los que aparezca la clase CSS “oct8ne-widget-off". El siguiente código contiene un ejemplo de una implementación de este enlace en la página y su personalización a través de la hoja de estilo:
Si un usuario hace clic en estos elementos, se abrirá un formulario de contacto. Todos estos elementos pueden coexistir dentro de la misma página para que ambas clases puedan mostrar un mensaje u otro dependiendo de si los agentes están o no disponibles.
Estas clases también pueden ser combinadas en el mismo elemento para hacerlo visible independientemente de si los agentes están disponibles o no, con un mismo texto y funcionalidades:
DISTINGUIR ENTRE AGENTES FÍSICOS (personas) Y BOTS
Si nos interesa personalizar el mensaje y comportamiento en función de la disponibilidad de agentes distinguiendo entre personas y bots, Oct8ne facilita clases CSS adicionales para ello.
La siguiente tabla resume estas clases, así como el momento en el que Oct8ne hará visibles los elementos que las utilicen:
El siguiente bloque de código muestra un ejemplo de utilización de estas clases para mostrar mensajes distintos en función de la disponibilidad de personas o bots:
Por favor, ponte en contacto con support@oct8ne.com si tienes alguna pregunta.
Related Articles
Diseño Widget Dinámico
Como configurar el widget DINAMICO de OCT8NE Estas instrucciones van dirigidas a personas con un mínimo conocimiento de lenguaje de programación web: HTML y CSS. Si no es tu caso, recomendamos que te pongas en contacto con tus desarrolladores y les ...Triggers personalizados o custom
Los triggers de Oct8ne ofrecen la posibilidad de interactuar con el visitante en el momento en que se den unas circunstancias concretas definidas previamente en el apartado de ‘Triggers’ dentro del dashboard de Oct8ne (por ejemplo: tiempo en la ...API Oct8ne de integración con CSM a medida
Documentación del API Oct8ne Versión del API 2.4 (Octubre 2024 / rev05) Índice de contenidos 1. Introducción 2. Arquitectura 3. Vista general 3.1. Descargar e instalar plugin/extensión 3.2. Registro como desarrollador y activación de la plataforma ...Manual de instrucciones del Bot para web y messaging
TABLA DE CONTENIDO 1. VISIÓN GENERAL 1.1. El diseñador de conversaciones 2. BOT WEB: PRIMEROS PASOS 2.1. Crear una conversación 2.2. Herramientas específicas en el diseñador de conversaciones 2.3. Encender y apagar el Bot 3. BOT MESSAGING: PRIMEROS ...Información de contexto
Información Contextual Estas instrucciones van dirigidas a personas con un mínimo conocimiento de lenguaje de programación web: HTML y CSS. Si no es tu caso, recomendamos que te pongas en contacto con tus desarrolladores y les facilites estas ...