Cómo agregar soporte de tickets al paquete de diseño SaaS gratuito de Divi

Cada semana, le proporcionamos un paquete de diseño Divi nuevo y gratuito que puede usar para su próximo proyecto. Junto con cada paquete de diseño, también le proporcionamos un caso de uso que lo ayudará a llevar su sitio web al siguiente nivel. Esta semana, como parte de nuestra iniciativa de diseño Divi en curso, le mostraremos cómo solicitar soporte para el paquete de diseño SaaS gratuito de Divi . Con el soporte de tickets, puede realizar fácilmente un seguimiento de todas las preguntas que sus clientes tienen sobre los servicios de software que ofrece.

Vista previa del caso de uso

Antes de sumergirnos en el tutorial, echemos un vistazo rápido al resultado que le mostraremos cómo recrear, paso a paso. Lo primero que se agregará al sitio web es un botón de soporte en la esquina inferior izquierda de la pantalla. Este botón sigue a sus visitantes a lo largo de todo el sitio para que puedan obtener asistencia en cualquier momento.

Otra cosa que se agregará es la página de soporte que permite a las personas buscar boletos existentes o crear un nuevo boleto que coincida con una determinada categoría. La página de soporte se ve así para los administradores del sitio web:

Y así para los visitantes:

La puesta en marcha

1. Instale y active el tema Divi

2. Instale complementos


3. Descargue el paquete de diseño e importe el archivo SaaS_All.json a su biblioteca de temas Divi.


4. Cree nuevas páginas para cada diseño.


5. Crea tu menú principal.

Si está confundido con la configuración mencionada anteriormente, puede encontrar instrucciones más detalladas sobre cómo configurar su diseño correctamente consultando estos  10 pasos para usar un paquete de diseño para su nuevo proyecto .

Parte 1: Descargue e instale el complemento uCare

Paso 1: Descargar complemento

Lo primero que deberá hacer es descargar el complemento gratuito uCare que puede encontrar en la siguiente página. Haga clic en el botón de descarga y la carpeta del complemento comprimida se agregará automáticamente a su carpeta de descargas.

Paso 2: Instalar complemento

Una vez que haya descargado el complemento uCare, vaya a su sitio web de WordPress > Complementos > Agregar nuevo y cargue el complemento . Una vez que haya cargado el complemento, asegúrese de activarlo también.

Parte 2: Agregar página de soporte al menú

Paso 1: vaya a su menú existente

Una vez que haya agregado y activado el complemento uCare gratuito, se creará automáticamente una página de soporte con el contenido del complemento. Aunque ya se puede acceder a esta página a través del botón de soporte en la esquina inferior izquierda de cada página, también se recomienda agregar la página de soporte al menú principal. Para agregar la página de soporte a su menú principal, vaya a Apariencia > Menús .

Paso 2: agregue la página de soporte creada automáticamente a su menú

Luego, seleccione la página de soporte y agréguela a su menú. No olvides guardar tu menú también.

Paso 1: Ir a la configuración del complemento

Ahora, puede comenzar a modificar el complemento según sus necesidades. Comience agregando su logotipo a la configuración del complemento uCare yendo a Soporte de uCare > Configuración . Preferiblemente, el logotipo que está usando será el mismo logotipo que usa en su sitio web.

Luego, simplemente agregue su archivo de imagen de logotipo como Imagen de logotipo y Favicon.

Parte 4: Cambiar apariencia

Paso 1: cambie la fuente si es necesario

La mayoría de las configuraciones del complemento no se pueden editar sin un código CSS adicional. Sin embargo, puedes cambiar algunas cosas. Una de esas cosas es la fuente. Si prefiere usar otra familia de fuentes y estilo de fuente, puede modificar la Fuente principal y la Fuente secundaria dentro de los cuadros de contenido que están marcados en la pantalla de impresión a continuación.

Paso 2: cambie la paleta de colores para que coincida con el paquete de diseño de SaaS

Otra cosa que puede hacer es cambiar la paleta de colores de su complemento para que coincida con el estilo de su sitio web. Puede elegir los colores usted mismo usando un selector de color en su sitio web o usar los siguientes colores a continuación que coincidan con el paquete de diseño:

  • Color primario: #487be5
  • Color de desplazamiento: #254b7c
  • Color secundario: #aec1e5
  • Color terciario: #f8534b

Paso 3: Cargue la imagen de fondo de inicio de sesión

Asegúrese de cambiar también la imagen de fondo de inicio de sesión. Esta es la imagen de fondo que aparecerá una vez que los visitantes inicien sesión o se registren en la página de soporte. La imagen que he elegido en el siguiente ejemplo es parte del paquete de diseño de SaaS. Después de agregar el paquete de diseño SaaS a su sitio web Divi, esta imagen se agregará automáticamente a su biblioteca multimedia.

Parte 5: cambiar o mantener las plantillas de correo electrónico

Paso 1: cambie las plantillas de correo electrónico si es necesario

Para acceder a la página de soporte, cada uno de sus visitantes necesitará una cuenta. Hay algunas plantillas de correo electrónico predeterminadas disponibles que envían toda la información que necesitan sus visitantes. Sin embargo, puede cambiar todas estas plantillas de correo electrónico o agregar otras nuevas si lo prefiere yendo a Plantillas de correo electrónico > Todas las plantillas .

Paso 2: cambie las plantillas de notificación de usuario si es necesario

Si tuviera que crear nuevas plantillas de correo electrónico, podría cambiar las Plantillas de notificación de usuario dentro de su complemento yendo a Soporte de uCare > Configuración > Correo electrónico .

Parte 5: agregar categorías de boletos

Paso 1: elija las características principales como categorías

La siguiente parte de configurar el soporte de tickets para su paquete de diseño de SaaS es elegir las categorías de tickets. Hay una categoría general presente, pero también querrá agregar otras categorías que coincidan con sus servicios de software. Esto te permite ser más organizado y que tus visitantes sean más precisos con las preguntas que tienen.

Paso 2: añádelos a tus categorías

Una vez que haya elegido las categorías, puede agregarlas yendo a Soporte de uCare > Categorías de boletos > Agregar cada una de las categorías de boletos individualmente .

Parte 6: Ingrese a la página de soporte

Paso 1: Página de soporte para administradores

Si accede a la página de soporte con una cuenta de administrador, podrá ver todos los tickets y su estado como puede ver en la pantalla de impresión a continuación.  

Paso 2: Página de registro/inicio de sesión para visitantes

Sin embargo, si un visitante visita su sitio web, tendrá que crear una nueva cuenta o iniciar sesión con una cuenta existente.

Paso 3: Página de soporte para visitantes

Una vez que hayan iniciado sesión, verán aparecer la siguiente página de soporte:

Paso 4: Crear nuevo boleto como visitante

Pueden crear fácilmente un nuevo boleto haciendo clic en ‘Crear boleto’ en la esquina superior derecha. Un ticket necesita una categoría, asunto, descripción y también puede contener imágenes.

Parte 7: Ver y modificar la información del ticket

Paso 1: Ver todas las entradas

Para ver todos los tickets en su panel de WordPress, vaya a Soporte de uCare > Tickets de soporte .

Paso 1: Asignar agente a ticket

Una vez que abre un ticket, puede asignárselo a uno de sus agentes o a usted mismo.

Paso 2: Cambiar el estado del boleto

Otra cosa que puedes hacer es cambiar el estado de tu ticket.

Paso 3: cambiar la prioridad del ticket

Y si el ticket necesita una atención especial, también puedes cambiar la prioridad de tu ticket.

Pensamientos finales

En esta publicación, le mostramos cómo puede agregar soporte de tickets al sitio web que creó con el paquete de diseño Divi SaaS gratuito. Agregar soporte de tickets a su sitio web lo ayuda a aumentar la satisfacción del cliente al permitirles hacer preguntas en cualquier momento en su sitio web. Si tiene alguna pregunta o sugerencia; ¡Asegúrate de dejar un comentario en la sección de comentarios a continuación!

Imagen destacada por AldanNi / shutterstock.com