Las funciones de ventana emergente descritas en esta página ya no SOn compatibles con chat. Para continuar usando estas funciones, debe utilizar Guide para implementar Digital chat. Guide le permite crear reglas de participación para interactuar con los visitantes de su sitio web.
Proactive Chat ofrece ventanas emergentes personalizables con más flexibilidad y opciones que básicos emergentes. Estas opciones emergentes están disponibles para los canales
Agents and contacts interact on a real-time basis. Chat en vivo Asynchronous chat in which contacts send a chat message anytime and wait for a reply. y Mensajería de chat Various voice and digital communication mediums that facilitate customer interactions in a contact center.. Puede especificar:
- En qué página de su sitio web aparece la ventana emergente.
- Cuando aparezca la ventana emergente. Puede configurar ciertos eventos que desencadenan la aparición de una ventana emergente. Los Eventos pueden incluir cosas como que un visitante de una página web pase una cierta cantidad de tiempo en una página, o que tenga una cierta cantidad de artículos en su carrito de compras.
- Cómo se ve la ventana emergente. Hay muchas opciones para personalizar la apariencia de las ventanas emergentes avanzadas, incluido el color del texto, el color del borde, las imágenes del borde y la ubicación de la ventana emergente.
Aplicaciones de Tag Manager
Para usar las ventanas emergentes personalizables, su sitio web debe tener una aplicación de administrador de etiquetas A snippet of code placed in the HTML code for a website and used by tag manager apps. Different from HTML code tags or tags in social media contexts.. Los administradores de etiquetas SOn aplicaciones que pueden "observar" a los visitantes del sitio web y activar una acción que ocurra en respuesta. En el caso de Digital Experience (DX), la aplicación del administrador de etiquetas activa la aparición de una ventana emergente para un visitante.Puede utilizar Google Tag Manager u otro administrador de etiquetas, como Tealium.
En el administrador de etiquetas, usted define los eventos y las condiciones que desea que aparezcan ventanas emergentes a los visitantes del sitio web.Las condiciones le permiten ser muy específico sobre cuándo aparece la ventana emergente. Por ejemplo, si define el evento como que el visitante se desplaza hacia abajo en una página, es posible que no desee que la ventana emergente aparezca para todos los visitantes que se desplazan en la página. Es posible que desee que la ventana emergente aparezca únicamente a los visitantes que desplazan más que la mitad de la página. Puede establecer eso como la condición para el evento de desplazamiento de la página.
En Digital Experience (DX), usted crea un Workflow Automation trabajo con un activador que vincula el trabajo con el evento del administrador de etiquetas que definió.El trabajo es donde puede personalizar la apariencia de la ventana emergente.
Esto es lo que sucede cuando un visitante del sitio web está en una página web en la que configuró una ventana emergente para que aparezca:
- Un visitante del sitio web realiza una acción que cumple con las condiciones que estableció en el administrador de etiquetas.
- El administrador de etiquetas contacta a Digital Experience (DX) mediante API Application Programming Interface. Allows you to automate certain functionality by connecting your NiCE CXone system with other software..
- El trabajo de automatización del flujo de trabajo vinculado al evento del administrador de etiquetas que se activó se ejecuta y muestra la ventana emergente al visitante en la página web que está visitando.
Requisitos de Advanced Pop-Up
Para utilizar ventanas emergentes de Chat proactivo avanzado, debe tener:
- Un sitio web para su organización: El sitio web debe tener un script para su aplicación de administrador de etiquetas A snippet of code placed in the HTML code for a website and used by tag manager apps. Different from HTML code tags or tags in social media contexts. y un script del widget de conversación digital.
- Una cuenta para su aplicación de administrador de etiquetas: Puede usar Google Tag Manager u otra aplicación de administrador de etiquetas, como Tealium.
- Digital routing Determine which agents to route digital cases to, using criteria such as the agent having expertise in that type of case.: El Routing en Digital Experience (DX) debe configurarse para Live Chat o Chat Messaging según sea necesario.
- Pop-ups avanzados habilitados: Comuníquese con su representante de cuenta para que esta función se habilite para su organización.
Preparación del administrador de etiquetas
Debe configurar su aplicación de administrador de etiquetas A snippet of code placed in the HTML code for a website and used by tag manager apps. Different from HTML code tags or tags in social media contexts. para que esté atenta a los eventos y condiciones que desea que hagan que aparezcan ventanas emergentes digitales en su sitio web. En el administrador de etiquetas, debe configurar:
- Evento desencadenante: El evento que el desencadenador "observa" mientras las personas navegan por su sitio web.Los administradores de etiquetas ofrecen una amplia variedad de opciones para eventos que un activador puede observar. Por ejemplo, puede elegir ver una página web determinada, hacer clic en determinados enlaces, desplazarse hasta determinadas partes de una página o el tiempo transcurrido en una página.
- Condiciones de activación: Los detalles específicos sobre el evento de activación. Estos detalles ayudan al administrador de etiquetas a decidir en qué casos debe actuar. Por ejemplo, puede especificar cuánto debe desplazarse hacia abajo en la página una persona, los enlaces específicos que un visitante debe hacer clic, o cuánto tiempo debe pasar en la página.
- Tag: La etiqueta contiene información sobre lo que el administrador de etiquetas debe hacer cuando ocurre el evento desencadenante y se cumplen las condiciones. Para los pop-ups de Digital Experience (DX) Proactive Chat, utilizará una etiqueta HTML personalizada que contiene un snippet de código script que permite que la aplicación de administrador de etiquetas se comunique con Digital Experience (DX). El código para usar en el HTML personalizado es:
where [TRIGGER ID] is the ID number of the workflow automation trigger you create. You can find the ID in the URL of the trigger when you're viewing it in edit mode in Digital Experience (DX).
View an example of the trigger ID
For the trigger in the example image, the script code looks like this:
<script>
brandembassy(‘executeTrigger’, ‘ff25d088-c3a4-44ec-b91b-9c11f4d90849’)
</script>
Es posible que deba coordinar con una persona en su organización que tenga experiencia con la aplicación del administrador de etiquetas. Cada administrador de etiquetas es un poco diferente, por lo que es posible que sea necesario ajustar el formato de la secuencia de comandos HTML personalizada.
Crear un trabajo emergente de automatización del Flujo de trabajo
Seguir estos pasos para este trabajo le permite personalizar una ventana emergente de chat basada en una plantilla.
- Haga clic en el selector de aplicaciones
y seleccioneACD. -
Vaya a Digital > Trabajos de automatización.
- Hacer clicAgregar.
- Entrar anombreque describe lo que hace el trabajo.
- En el menú desplegable Acción, seleccione Cuadro Emergente de chat.
- Ingrese un nombre de cuadro Emergente.
- Selecciona la Plantilla que desea utilizar para el diseño del cuadro emergente. Los ejemplos de cada plantilla aparecen debajo de la lista desplegable Plantilla.
-
En la sección contenido, configure el texto y la imagen utilizados en la ventana emergente. En los campos de texto, puede ingresar texto sin formato o puede ingresar datos con formato para usar campos personalizados. El uso de campos personalizados puede ayudar a personalizar la experiencia de su cliente.
Ejemplo de Entrada de texto sin formato
Estimado cliente, nos gustaría ofrecerle un descuento especial del 5%.
Ejemplo de Entrada de campo personalizado
Estimado/a {{customer.firstName}}, nos gustaría ofrecerle un descuento especial de {{customer.customField.discountValue}}.
Si utiliza campos personalizados, es una buena idea incluir un valor alternativo en caso de que el campo personalizado falle. Para ello, agregue una línea adicional al texto con el siguiente formato:
{{fallbackMessage|Estimado cliente, le gustaría ofrecerle un descuento especial del 5%.}}
Cualquier texto después del | se considera el mensaje alternativo.
- En la sección Llamada a la Acción, seleccione Activar del menú desplegable Mostrar llamada a la acción si la plantilla que ha seleccionado admite una llamada a la acción y desea incluir una en esta ventana emergente.. Introducir el Texto de Llamada a la acción.
- En la sección Personalización del Diseño, configure la apariencia del tamaño, el fondo, los bordes y el texto de la ventana emergente. Si incluye colores, no necesita incluir etiquetas CSS, como background-color.solo necesita incluir el nombre del color, el número HEX (incluido el signo de número (#)). configuración RGB u otro método compatible con CSS para definir colores.
- En la sección Posición, seleccione la ubicación en la página en el menú desplegable Posición. Puede modificar aún más la ubicación de la ventana emergente ingresando un número de píxeles en las cajas de texto Desplazamiento X y Desplazamiento Y.
- En la sección transferencia, seleccione hasta tres campos personalizados.
- Hacer clicGuardar.
Crear un trabajo para ventana emergente HTML
Si sigue los pasos de este trabajo, podrá crear su propia ventana emergente sin estar restringido a una plantilla. Puede agregar elementos más personalizados, como botones, formularios, enlaces y más.
- Haga clic en el selector de aplicaciones y seleccioneACD.
-
Vaya a Digital > Trabajos de automatización.
- Hacer clicAgregar.
- Entrar anombreque describe lo que hace el trabajo.
- En el menú desplegable Acción, seleccione Cuadro Emergente de chat html.
- Ingrese un nombre de cuadro Emergente, diseño personalizado, y JS personalizado.
- En la sección Posición, seleccione la ubicación en la página en el menú desplegable Posición. Puede modificar aún más la ubicación de la ventana emergente ingresando un número de píxeles en las cajas de texto Desplazamiento X y Desplazamiento Y.
- Hacer clicGuardar.
Crear un trabajo para Mensaje de bienvenida con ventana emergente
Este trabajo funciona de manera un poco diferente a los demás. Con este trabajo, en lugar de solo una ventana emergente, se abre una ventana de chat y muestra un mensaje de bienvenida.
- Haga clic en el selector de aplicaciones y seleccioneACD.
-
Vaya a Digital > Trabajos de automatización.
- Hacer clicAgregar.
- Entrar anombreque describe lo que hace el trabajo.
- En el menú desplegable Acción, seleccione Mensaje de bienvenida de chat.
- Ingrese un nombre de Mensaje de bienvenida y el texto del cuerpo Principal. Seleccione hasta tres campos personalizados.
- Hacer clicGuardar.
Crear un activador de automatización de Flujo de trabajo
- Haga clic en el selector de aplicaciones y seleccioneACD.
-
Vaya a Digital > Activadores de automatización.
- Haga clic en Agregar activador.
- Entre un nombre para el gatillo.
- Seleccione Activado por APIcomo el Evento.
- Desde la lista desplegable Tipo de datos, seleccione Ventana de chat.
- En el campo ejecución retrasada, ingrese la cantidad de segundos que Digital Engagement debe esperar después de que ocurra el evento seleccionado antes de activar el disparador. Si quieres que suceda de inmediato, ingresa0.
- Si tiene carpetas que organizan sus disparadores, puede seleccionar en qué carpeta colocar este disparador desde el menú desplegable.
- Hacer clicGuardar.
Agregar condiciones
Si ingresó un valor en el campo Delayed execution al crear un disparador, asegúrese de que las configuraciones de su condición no excedan ese tiempo. Por ejemplo, si configura el tiempo de Delayed execution en 86400 segundos, o 24 horas, no puede agregar una condición Contact status update time con un periodo DE tiempo mayor a 1 día.
Si ingresó un valor en el campo ejecución retrasada cuando creó un disparador, configure las condiciones tanto en las secciones Conditions como Delayed conditions, o solo en la sección Conditions normal. Si solo configura Delayed conditions, el sistema puede duplicar eventos.
- En la página de detalles, haga clic en Agregar Condición.
- Use el menú desplegable para seleccionar la condición que desea. Consulte la tabla a continuación para ver una lista de condiciones disponibles para lo que acaba de crear.
- Haga clic en Seleccionar.
- Algunas condiciones requieren una configuración adicional. Consulte la tabla siguiente para obtener instrucciones.
Obtenga más información sobre las condiciones disponibles
| Tipo de condición | Detalles e Instrucciones |
|---|---|
| La conversación está activa |
Ejecute los trabajos si la ventana de chat muestra un estado conectado.
|
| Script personalizado |
Ejecute trabajos basados en el script que escriba en lenguaje Primi. Esta condición funciona para los desencadenadores del centro de contacto, los desencadenadores proactivos y los planificadores. |
| Fecha y hora |
Ejecuta trabajos durante o fuera de los periodos DE tiempo especificados.
Los trabajos pueden procesar hasta 500 contactos a la vez. Si necesita procesar más, haga que el trabajo se ejecute más que una vez por día a diferentes horas. |
| Condición de etiquetas de visitante excluidas |
Ejecuta trabajos basados en etiquetas en los contactos. Cualquier contacto que no tenga las etiquetas especificadas desencadena el trabajo.
|
| Condición de canales incluidos |
Comprueba si la ventana de chat que se encuentra en el sitio web pertenece a un canal específico. Este desencadenador funciona tanto para los desencadenadores del centro de contacto como para los desencadenadores proactivos.
|
| Condición de etiquetas de visitante incluidas |
Ejecuta trabajos basados en etiquetas en los visitantes. Cualquier visitante que tiene las etiquetas especificadas desencadena el trabajo.
|
| Periodo de gracia de la acción proactiva |
Ejecuta trabajos basándose en la última vez que se utilizó una acción proactiva. Se omiten todos los trabajos de este workflow que se ejecutarían durante este período de tiempo. El período de gracia máximo para las acciones proactivas es de 30 días.
|
| Probabilidad de Ejecución |
Ejecuta trabajos en función de un porcentaje de probabilidad. Esta condición funciona para los desencadenadores del centro de contacto, los desencadenadores proactivos y los planificadores.
|
Agregar un trabajo
- Desde la página de detalles de este desencadenador, haga clic en Add existing job.
- Utilice el menú desplegable para seleccionar este trabajo. El menú desplegable muestra el nombre que le asignó al trabajo, no la Acción del trabajo.
- Hacer clicAgregar.
- Haga clic en Activar.
Cuando su Desencadenador esté completamente configurado con Condiciones y Trabajos, haga clic en Activar. A continuación, asegúrese de haber configurado completamente su administrador de etiquetas, incluyendo agregando el script a la etiqueta HTML personalizada.