Configurar la interfaz de Guide

Guide utiliza los botones predeterminados de desarrollo de marca y canales que usted define para determinar el aspecto del widget de Guide en su sitio web.

Prácticas recomendadas

  • Trabajamos con su departamento de marketing para seleccionar imágenes para los botones de canales y colores de desarrollo de marca que complementen su sitio web.

  • Use opciones homogéneas de botones de canales y desarrollo de marca en todo el sitio web.

  • Si tiene varios sitios web, determine si necesita definir una única personalización de marca para cada uno.

  • Para basarse en el color predeterminado de la marca, no configure el Theme color al definir los botones o plantillas.

  • Para anular el color predeterminado de desarrollo de marca, puede definir colores distintos en un botón o plantilla específicos. Tenga en cuenta lo siguiente:

    • Si define un Theme color para una plantilla, ese color anula la configuración de color de la marca.

    • Si define un Theme color para una plantilla y un Theme color para un botón, el color del botón anula la configuración de color de la plantilla y la marca.

  • Para aplicar estilos personalizados avanzados, puede usar las API Guide o consultar a su Representante de cuenta CXone para crear un aspecto personalizado.

Crear un desarrollo de marca

El desarrollo de marca define los colores predeterminados de las plantillas y los botones. Guide ofrece el desarrollo de marca Predeterminado que puede personalizar según sea necesario.

Si fuera necesario, puede crear varias personalizaciones de marca. Por ejemplo, si tiene previsto ofrecer plantillas de Guía en distintos sitios web, puede usar una personalización de marca única para cada uno. Al definir la regla para mostrar la plantilla, use la acción Guide Set Branding para determinar la marca que se usará en la plantilla.

Watch a short video on setting up branding.

  1. Haga clic en el selector de aplicaciones y seleccioneACD.

  2. Ir a Digital > Points of Contact Digital.

  3. En General channel features, hacer clic en Guide.

  4. Hacer clic en Brandings.

    La página Desarrollos de marca. Enumera los desarrollos de marca creados para su abonado e indica el predeterminado.

  5. Haga clic en Edit para aplicar cambios en la configuración de marcaDefault . O bien, haga clic en Add Branding para crear una marca nueva.

  6. Ingrese el nombre y los colores de su marca. Seleccione la casilla predeterminada que utilizará el desarrollo de marca para sus plantillas y botones.

    Campo Detalles
    Name Un nombre único para identificar la marca.

    Theme Primary color

    El color que se usará en el encabezado, el botón de minimizar y el fondo del botón de canales. Este color se usa para todas las plantillas de Guide, a menos que el botón de canales o la plantilla tenga definido un color que anule el color de la marca.
    Font primary color El color que se usará en el texto que aparezca en el encabezado y la flecha que aparece en los botones de minimizar y atrás. Ingrese un valor hexadecimal. Por ejemplo, para usar el negro, indique #000000.
    Is default

    Marcar para que este sea el desarrollo de marca predeterminado.

    Cuando define un desarrollo de marca como predeterminado, se aplica a todas las plantillas nuevas y existentes.

  7. Haga clic en Guardar.

Crear botones de canales

Cree un botón para cada canalCerrado Una forma de que los contactos interactúen con agentes o bots. Un canal puede ser de voz, correo electrónico, chat, redes sociales, etc. que tenga previsto ofrecer en Guide. Después de crear los botones, debe asociarlos con los puntos de entrada. Puede anular el botón al definir una plantilla configurando un botón distinto para el punto de entrada.

View a short video on creating channel buttons.

  1. Haga clic en el selector de aplicaciones y seleccioneACD.

  2. Ir a Digital > Points of Contact Digital.

  3. En General channel features, haga clic en Guide.

  4. Desplácese hacia abajo a la sección Buttons y haga clic en Add button.

    La página Botones. Enumera todos los botones creados e indica qué plantillas y puntos de entrada usan los botones.

  5. Ingrese un Name para el botón.

  6. Haga clic en Choose File para cargar el Icon para el botón.

    Las imágenes de los iconos deben ocupar menos de 50 KB, y es recomendable usar archivos .SVG.

  7. Si fuera necesario, defina un color de fondo para el botón de canales en el campo Theme color .

    Deje este campo en blanco para usar el color de fondo predeterminado del botón de canales para la marca.

    Para usar un fondo transpartente para el botón, seleccione Transparent background.

  8. Hacer clic en Save.

Agregar variantes de idioma para Traducción

Puede crear variantes personalizadas de idioma para usar con Guide. Además, puede editar las etiquetas para los elementos de interfaz de usuario de Guide.

En una versión, futura habrá disponibles traducciones a los idiomas predeterminados.

Agregar un idioma personalizado

  1. Haga clic en el selector de aplicaciones y seleccioneACD.

  2. Ir a Digital > Points of Contact Digital.

  3. En General channel features, hacer clic en Guide.

  4. Hacer clic en Translations.

  5. Haga clic en Add Language para agregar un nuevo idioma.

    Campo Detalles
    Name Ingrese un nombre para identificar el idioma.

    Language

    Seleccione el Language de la lista desplegable.
    Country Seleccione el Country de la lista desplegable.
    Fallback Elija un Fallback idioma a usar si no hay la traducción de una etiqueta en particular.
  6. Hacer clic en Save. Aparecen las etiquetas predeterminadas provistas con Guide.
  7. Por cada Translation Key, ingrese un Translation Value. Esta es la cadena que se muestra a los visitantes en el widget Guide. No puede cambiar la Translation Key para las etiquetas predeterminadas incluidas con Guide.
  8. Si fuera necesario, cree nuevas claves de traducción haciendo clic en Agregar en la parte inferior de la página. Defina el Translation Key y el Translation Value. Puede cambiar la Translation Key de cualquier etiqueta nueva que cree. Si agrega claves de traducción nuevas, asegúrese de proporcionar los valores traducidos en todos los idiomas que ofrezca a sus visitantes.

  9. Haga clic en Guardar.

Editar las etiquetas de un idioma

  1. Haga clic en el selector de aplicaciones y seleccioneACD.

  2. Ir a > Points of Contact Digital.

  3. En General channel features, hacer clic en Guide.

  4. Hacer clic en Translations.

  5. Haga clic en Edit junto al idioma que desee editar.

  6. Desplácese hasta la etiqueta para editar y actualizar el Translation Value. Por ejemplo, puede cambiar la etiqueta del botón que iniciar chats de Begin Chat a Start Chat.

  7. Hacer clic en Save.

Interactuar con un widget de Guide

Los visitantes pueden interactuar con un widget de Guide usando el mouse o el teclado para moverse entre los botones. Tenga en cuenta que la navegación del teclado es limitada para los visitantes que usen Mac con el navegador Safari o Firefox, a menos que esté activada en el navegador. Con el navegador Chrome, las teclas funcionan según lo previsto de manera predeterminada.