Personalización de los iconos de estado en publicaciones de la comunidad

¿Qué plan tengo?

Descargo de responsabilidad: Este artículo se ofrece con fines de instrucción únicamente. Zendesk no ofrece soporte para el código ni lo garantiza. Publique cualquier problema que tenga en la sección de comentarios o intente buscar una solución en Internet. 

Las funciones de la comunidad son excelentes, especialmente las acciones relacionadas con la publicación. Sin embargo, ¿qué sucede cuando las acciones predeterminadas no son exactamente lo que busca? Actualmente no existe una manera de agregar o modificar las acciones disponibles, pero con Curlybars, las acciones existentes pueden utilizarse para otros propósitos útiles. Tenga en cuenta que esta información afecta únicamente las acciones visibles para los clientes ya que las opciones para los administradores en el menú desplegable no pueden modificarse.

Este artículo contiene las siguientes secciones:

• Mostrar iconos de nuevo estado
• Usar contenido dinámico para traducir los estados

Mostrar iconos de nuevo estado

Para fines de este artículo, digamos que vamos a cambiar las acciones de Planeado, No planeado, Completado y Respondido a En proceso, En construcción, Implementado y Respuesta oficial. Para realizar las modificaciones, el texto de reemplazo deberá insertarse en todas las páginas pertinentes. Si desea más información sobre cómo usar Curlybars para realizar estos cambios, consulte Framework de temas mejorado para el Centro de ayuda.

En la imagen que sigue puede ver cómo se ven los estados originales:

En la imagen que sigue puede ver cómo se verán los estados nuevos:

Es necesario realizar dos pasos para cambiar todas las instancias visibles al cliente al nombre de reemplazo deseado:

1. Modificar “Mostrar todos”
2. Cambiar los nombres de los iconos de estado

Modificar “Mostrar todos”

1. En el Centro de ayuda, edite el código de tema. Si desea más información sobre cómo editar un tema del Centro de ayuda, consulte Personalización del tema del Centro de ayuda.
2. Seleccione community_topic_page.hbs como plantilla para editar.
3. Ubique el código para las etiquetas de filtro dentro de los menús desplegables:

   

4. Modifique {{#each filters}} con la siguiente información para “identifier”:

   {{#each filters}}
   
    <a href="{{url}}" aria-selected="{{selected}}" role="menuitem">
   
     {{#is identifier 'all'}}{{name}}{{else}}
   
     {{#is identifier 'not_planned'}}Gathering Feedback{{/is}}
   
     {{#is identifier 'planned'}}In the Works{{/is}}
   
     {{#is identifier 'answered'}}Officially Answered{{/is}}
   
     {{#is identifier 'completed'}}Implemented{{/is}}
   
     {{/is}}
   
    </a>
   
   {{/each}}

5. Haga clic en Publicar.

Cambiar los nombres de los iconos de estado

Ahora tiene que cambiar los propios iconos de estado en la página de tema de la comunidad. Una vez actualizados, los iconos tendrán un aspecto parecido al de la imagen que sigue:

1. Desplácese hacia la expresión {{#is status 'none'}} más abajo en la página de tema de la comunidad.
2. Ingrese el siguiente código para cambiar los iconos de estado:

   {{#is status 'none'}}
    {{else}}
    <span class="status-label-{{status_dasherized}} status-label striped-list-status">
    {{#is status 'not_planned'}}Gathering Feedback{{/is}}
    {{#is status 'planned'}}In the Works{{/is}}
    {{#is status 'answered'}}Officially Answered{{/is}}
    {{#is status 'completed'}}Implemented{{/is}}</span>
    {{/is}}

3. Haga clic en Publicar.
4. A continuación, seleccione la plantilla community_post_list_page.hbs y ubique la misma expresión {{#is status 'none'}}.
5. Ingrese el código anterior ahí también. 
6. Ya se han modificado correctamente las páginas de listas y los menús desplegables. Lo único que queda por hacer es asegurarse de que el indicador de estado en las publicaciones individuales reflejen los términos necesarios según se muestran en la captura de pantalla más abajo.

   

7. Seleccione la plantilla community_post_page.hbs para modificar las publicaciones individuales.
8. Ingrese el siguiente código en la expresión {{#if post.status}}:

   {{#is post.status 'none'}}
    {{else}}
    <span class="status-label-{{post.status_dasherized}} status-label">
    {{#is post.status 'not_planned'}}Gathering Feedback{{/is}}
    {{#is post.status 'planned'}}In the Works{{/is}} 
    {{#is post.status 'answered'}}Officially Answered{{/is}}
    {{#is post.status 'completed'}}Implemented{{/is}}
    </span>
    {{/is}}

   

9. Haga clic en Publicar.

Usar contenido dinámico para traducir los estados

Si tiene un Centro de ayuda disponible en distintos idiomas, puede usar los ayudantes de contenido dinámico para traducir los términos nuevos. Si desea más información sobre el contenido dinámico, consulte Ayudantes de contenido dinámico y Uso de varios idiomas con contenido dinámico.

Es posible crear el contenido dinámico en Zendesk Support y luego usar los ayudantes de más abajo en lugar del término anterior.

Esto hará posible que los iconos de estado puedan traducirse para sus clientes.

Ahora que está todo listo, la información de usuario final debería reflejar sus propios términos y no las opciones predeterminadas que vienen con la función.