Crear plantillas de Guide

Las plantillas determinan la manera en que Guide muestra los puntos de entrada seleccionados en su sitio web. Los Tipos de plantilla incluyen:

  • Botón único: Use esta opción para ofrecer un único punto de entrada en el widget Guide.

  • Menú de botón múltiple: Utilice esto para ofrecer múltiples puntos de entrada en el widget Guide.

  • Portal del cliente: Use esto para ofrecer una base de conocimiento de NiCE CXone Knowledge Management (Expert) como un portal del cliente y puntos de entrada adicionales en el widget Guide.

Asegúrese de crear botones y puntos de entrada para el canal antes de iniciar esta tarea.

Si está utilizando una plantilla de múltiples botones, necesitará botones de canal y un Botón de menú. Los visitantes hacen clic en el botón de menú para mostrar los botones de canal.

Para crear plantillas, necesita el permiso Guide Configuration.

Crear una Plantilla de Botón único

Utilice una plantilla de botón único cuando desee que Guide dirija a los visitantes hacia un solo canal.

Myra, la gerente de Soporte de Jungle, quiere ofrecer el canal de chat en la página de inicio del sitio web. Ella crea una plantilla de botón único que ofrece el botón de chat que aparece en la parte inferior izquierda de la página de inicio del sitio web de Jungle:

Un botón redondo con una imagen de burbujas de chat donde los clientes hacen clic para iniciar un chat con un agente.

Si un visitante hace clic en el botón de chat, aparece el canal de chat en el widget de Guide:

La ventana de chat de Guide donde ingresa la información de identificación antes de iniciar un chat.

Watch a short video on setting up a single button template.

  1. Haga clic en el selector de aplicaciones icon of app selector y seleccioneGuide.
  2. Haga clic en Plantillas.
  3. Haga clic en Nueva plantilla.
  4. Intro un Título de LA plantilla.
  5. Establezca Tipo de plantilla en Single Button.

  6. En la pestaña Design editor, configure los valores para controlar la apariencia de la plantilla.

    Campo Detalles
    Posición Establezca Posición en Bottom right o Bottom left para determinar dónde aparece la plantilla Guide en su sitio web.

    Theme color

    Si fuera necesario, ingrese el Color del tema que se usará en la plantilla. Deje este campo en blanco para usar el Color del tema establecido en la marca. Para anular la marca, use el selector de color para seleccionar un color o introduzca el código hexadecimal del color.
    Color de LA fuente Si es necesario, ingrese un Color de LA fuente para usar en la plantilla. Deje este campo en blanco para usar el Color de LA fuente establecido en la marca. Para anular la marca, use el selector de color para elegir un color o ingrese el código hexadecimal del color.

  7. En la pestaña Plantilla Canal, defina el canal que se utilizará para la plantilla.

    Campo Detalles
    Entry point Seleccione el punto de entrada que se usará para el canal. Por ejemplo, puede configurarlo con un punto de entrada de chat para ofrecer el canal de chat. Según el tipo de canal seleccionado, es posible que vea campos adicionales por definir.

    Button

    Seleccione el Botón que se utilizará para el canal. Deje esto en blanco para usar el botón definido para el punto de entrada.
    Etiqueta Ingrese la Etiqueta que se utilizará con el botón. La etiqueta aparece a la derecha del botón. El etiqueta está limitada a 18 caracteres. Incluir una etiqueta es opcional. Tenga en cuenta que los lectores de pantalla también usan la etiqueta. Si se omite, el lector de pantalla leerá el texto del botón.

  8. Si define el punto de entrada para un canal de chat o correo electrónico, y si el punto de entrada se configura con una encuesta previa al contacto, aparecen campos con opciones adicionales. Haga clic en Elegir archivo para seleccionar un icono de encuesta previa al contacto e ingrese una etiqueta de encuesta previa al contacto para definir un icono y una etiqueta que aparezcan en la parte superior del widget Guide:

    Widget de Guide que muestra una encuesta previa al contacto que incluye un ícono y una etiqueta.

  9. Si establece Entry point en un canal Knowledge Management (Expert), especifique el Popup Title. Por ejemplo, el título de la ventana Emergente podría ser Artículos útiles.
  10. Hacer clicGuardar.
  11. Verifique el aspecto y el comportamiento de la plantilla.

Crear una Plantilla de Menú de botón Múltiple

Use una plantilla de menú de botón múltiple si está utilizando Guide para mostrar múltiples canalesClosed Diversos medios de comunicación de voz y digitales que facilitan las interacciones con los clientes en un centro de contacto. a la vez. Puede incluir hasta cuatro canales.

Myra, la gerente de Soporte de Jungle, desea ofrecer los canales de chat y correo electrónico en la página de inicio del sitio web. Ella crea una plantilla de botón múltiple. El botón de menú que configuró para la plantilla aparece en la parte inferior izquierda de la página de inicio del sitio web de Jungle:

Un botón redondo con una imagen de una campana de escritorio de conserjería en el que los clientes hacen clic para mostrar el menú del canal Guide.

Un visitante del sitio web puede entonces hacer clic en el botón de menú para mostrar el menú de botones de canal:

Un ejemplo de menú Guide que ofrece los canales de chat y correo electrónico. El canal de chat muestra dos burbujas de chat. El canal de correo electrónico muestra un sobre.

Por ejemplo, si el visitante desea iniciar un chat, aparece la ventana de chat:

La ventana de chat de Guide donde ingresa la información de identificación antes de iniciar un chat.

Watch a short video on setting up a multi-button template.

  1. Haga clic en el selector de aplicaciones icon of app selector y seleccioneGuide.
  2. Haga clic en Plantillas.
  3. Haga clic en Nueva plantilla.
  4. Intro un Título de LA plantilla.
  5. Configure Tipo de plantilla como Menú Múltiple de botones.

  6. En la pestaña Design editor, configure los valores para controlar la apariencia de la plantilla.

    Campo Detalles
    Position Establezca Posición en Bottom right o Bottom left para determinar dónde aparecen los botones de la plantilla de Guide en su sitio web.

    Theme color

    Si fuera necesario, ingrese el Color del tema que se usará en la plantilla. Deje este campo en blanco para usar el Color del tema establecido en el branding. Para anular la marca, use el selector de color para seleccionar un color o ingrese el código hexadecimal del color.
    Color de LA fuente Si es necesario, ingrese un Color de LA fuente para usar en la plantilla. Deje este campo en blanco para usar el Color de LA fuente establecido en la marca. Para anular la marca, use el selector de color para seleccionar un color o ingrese el código hexadecimal del color.
    Dirección de plantilla Establezca la dirección de la Plantilla para que los botones de su canal se expandan cuando el menú esté abierto. Las Opciones son Vertical u Horizontal.
    Botón de menú Seleccione el botón Menú que muestra el menú de botones de canal disponibles para el visitante.

  7. En la pestaña Canal de Plantilla, defina hasta cuatro botones, uno para cada canal por ofrecer.

    Campo Detalles
    Entry point

    Seleccione un punto de entrada para usar en el primer canal.

    • Si define el punto de entrada para un canal de chat o correo electrónico, y si el punto de entrada se configura con una encuesta previa al contacto, aparecen campos con opciones adicionales. Haga clic en Elegir archivo para seleccionar un icono de encuesta previa al contacto e ingrese una etiqueta de encuesta previa al contacto para definir un icono y una etiqueta que aparecen en la parte superior del widget Guide:

      Guide widget que muestra una encuesta previa al contacto que incluye un ícono y una etiqueta.

    • Si establece Entry point en una base de conocimiento, especifique elPopup Title. Por ejemplo, el título de la ventana Emergente podría ser Artículos útiles.

    Button

    Seleccione el Botón que muestra el canal. Deje esto en blanco para usar el botón definido para el punto de entrada.
    Etiqueta Escriba la Etiqueta que se usará para los lectores de pantalla.
    Add Channel

    Haga clic para definir otro canal que incluir en la plantilla. Puede agregar hasta cuatro canales.

    Cada plantilla está limitada a un solo canal de la base de conocimiento y un solo canal de chat.
  8. Hacer clicGuardar.
  9. Verifique el aspecto y el comportamiento de la plantilla.

Crear una Plantilla del Portal del cliente

Use una plantilla de portal del cliente para ofrecer un portal Knowledge Management (Expert) y hasta cuatro puntos de entrada de canalClosed Diversos medios de comunicación de voz y digitales que facilitan las interacciones con los clientes en un centro de contacto. al mismo tiempo. Esto requiere una integración con Knowledge Management (Expert).

Myra decide ofrecer un portal del cliente que proporciona artículos sobre las 10 preguntas principales que los visitantes hacen a Soporte. Ella también desea ofrecer otros canales, como chat y correo electrónico. Para esto, crea una plantilla de portal de clientes. El botón de menú que ella configuró para la plantilla aparece en la parte inferior izquierda de la página de inicio del sitio web Jungle:

Un botón redondo con una imagen de una campana de recepción en el que los clientes hacen clic para mostrar el portal de clientes de Guide.

Un visitante del sitio web puede hacer clic en el botón de menú para mostrar el portal y los canales que ella configuró:

Una plantilla de Portal de clientes de ejemplo con botones para los canales de chat y correo electrónico, seguida de dos artículos de CXone Expert.

Watch a short video on setting up a customer portal template.

  1. Haga clic en el selector de aplicaciones icon of app selector y seleccioneGuide.
  2. Haga clic en Plantillas.
  3. Haga clic en Nueva plantilla.
  4. Intro un Título de LA plantilla.
  5. Configure el Tipo de plantilla como Portal de clientes.

  6. En la pestaña Diseño del editor, establezca los valores para controlar la apariencia de la plantilla.

    Campo Detalles
    Posición Establezca Posición en Inferior derecha o Inferior izquierda para determinar dónde aparece la plantilla en su sitio web.

    Theme color

    Si fuera necesario, ingrese el Color del tema que se usará en la plantilla. Deje este campo en blanco para usar el Color del tema configurado en el branding. Para anular la marca, utilice el selector de color para seleccionar un color o escriba el código hexadecimal del color.
    Color de LA fuente Si es necesario, ingrese un Color de LA fuente para usar en la plantilla. Deje este campo en blanco para usar el Color de LA fuente establecido en la marca. Para anular la marca, use el selector de color para elegir un color o ingrese el código hexadecimal del color.
    Icono principal Suba un ícono Principal. Esta es una imagen, como un logotipo, que aparece en la esquina superior izquierda de la plantilla del portal del cliente. Las Imágenes deben ser menores que 50 KB. Esta Imagen es obligatoria.
    Encabezado Introduzca un encabezado. Este es el texto que aparece en la parte superior de la plantilla. Por ejemplo, podría definirlo como Bienvenidos. El encabezado es obligatorio.
    Subtítulo Ingrese un Subtítulo opcional. El subtítulo aparece debajo del Encabezado. Por ejemplo, podría configurarlo como ¿En qué podemos ayudarle?. Este texto aparece en el color de fuente especificado para la marca.
    Template outline

    • Establezca el esquema de la Plantilla para determinar el orden en que aparece el contenido de la plantilla:

      • Channels first para mostrar los botones de canal en la parte superior de la plantilla y el portal Knowledge Management (Expert) debajo.

      • Base de conocimiento primero para mostrar el portal de Knowledge Management (Expert) en la parte mejores de la plantilla y los botones para otros canales abajo.
    Botón de menú Configure el Botón de Menú. Un botón que muestra el menú de botones de canal disponibles para el visitante. Haga clic en Seleccionar elemento para seleccionar el botón en el que el visitante hace clic para mostrar el menú de canales.

  7. En la pestaña Canal de la Plantilla, defina hasta cuatro botones, uno por cada canal que desee ofrecer.

    Campo Detalles
    Punto de entrada

    Seleccione el punto de entrada que desea usar para el primer canal. Puede ser cualquier punto de entrada, excepto un punto de entrada de base de conocimiento.

    Si define el punto de entrada para un canal de chat o correo electrónico, y si el punto de entrada se configura con una encuesta previa al contacto, aparecen campos con opciones adicionales. Haga clic en Elegir archivo para seleccionar un icono de encuesta previa al contacto e ingrese una etiqueta de encuesta previa al contacto para definir un icono y una etiqueta que aparecen en la parte superior del widget Guide:

    Widget de Guide que muestra una encuesta previa al contacto que incluye un icono y una etiqueta.

    Button

    Seleccione el Button que se utilizará para el canal. Deje esto en blanco para usar el botón definido para el punto de entrada.
    Etiqueta Intro la Etiqueta que se utilizará para el botón. Este campo es obligatorio. El etiqueta está limitada a 18 caracteres. Los lectores de pantalla también usan la etiqueta.
    Add Channel

    Haga clic para definir otro canal que ofrecer en el portal del cliente. Puede agregar hasta cuatro canales.

    Cada plantilla está limitada a un solo canal de chat.

  8. En la pestaña Base de conocimiento, defina el contenido que aparecerá en el portal del cliente.

    Campo Detalles
    Knowledge base entry point Seleccione el punto de entrada de la base de conocimiento que desea usar para esta plantilla. El punto de entrada debe contener los artículos que desea ofrecer a los visitantes de su sitio web cuando aparezca esta plantilla.

    Heading

    Ingrese el encabezado que se usará para la base de conocimiento. Por ejemplo, podría definirlo como artículos útiles.
  9. Hacer clicGuardar.
  10. Verifique el aspecto y el comportamiento de la plantilla.

Verificar el aspecto y el Comportamiento de la Plantilla

Una vez que especifique todos los campos requeridos para una plantilla, aparecerá una vista previa en la esquina inferior derecha de la página.

La página Editar plantilla. La vista previa de la plantilla aparece en la esquina inferior derecha después de que se especifican todos los campos obligatorios.

Si continúa realizando cambios en la plantilla, la vista previa se actualiza. Use el menú desplegable en la esquina superior derecha para obtener una vista previa de la plantilla con diferentes configuraciones de marca.

Si la vista previa no funciona como lo espera, verifique lo siguiente:

  • ¿Ha establecido un valor para cada campo requerido? Es posible que deba mostrar varias pestañas para ver todos los campos requeridos de una plantilla. Título de LA plantilla también es un campo requerido.

  • ¿son válidos los valores que configuró? Aunque Guide tiene límites de longitud para los campos de texto, Guide no aplica esos límites al configurar el valor. Puede usar la tecla Tab para desplazarse por la página y asegurarse de que los valores de los campos requeridos sean válidos. Si no son válidos, aparece un mensaje de error después de que se mueva al siguiente campo.