El componente de pestañas del editor de artículo se puede usar para organizar contenido relacionado en paneles separados. Los usuarios del centro de ayuda pueden seleccionar una pestaña para ver la versión del contenido que se aplica a ellos. Pueden cambiarse a otra pestaña fácilmente para leer otro contenido sin desviar la atención del artículo y cambiar el enfoque. Esto ayuda a reducir el desplazamiento y hace que sea más fácil comparar instrucciones similares.

¿Qué plan tengo?
Suite, todas las versiones Team, Growth, Professional, Enterprise o Enterprise Plus
Support con Conocimiento Professional o Enterprise

Resumen: ◀▼

Las pestañas permiten agrupar el contenido de artículos relacionados en paneles seleccionables, para que los lectores puedan cambiar entre las distintas versiones de las mismas instrucciones y volver fácilmente al lugar en el que estaban. Se pueden usar para el contenido específico de una plataforma, de un rol o de un caso de uso, y también para reducir el desplazamiento y facilitar las comparaciones. Las pestañas se pueden agregar, reorganizar o eliminar en el editor de artículos sin necesidad de código personalizado.

El componente de pestañas del editor de artículo se puede usar para organizar contenido relacionado en paneles separados. Los usuarios del centro de ayuda pueden seleccionar una pestaña para ver la versión del contenido que se aplica a ellos. Pueden cambiarse a otra pestaña fácilmente para leer otro contenido sin desviar la atención del artículo y cambiar el enfoque. Esto ayuda a reducir el desplazamiento y hace que sea más fácil comparar instrucciones similares.

Utilice pestañas cuando necesite presentar contenido paralelo, como instrucciones para distintos sistemas operativos, productos, roles o casos de uso. Se pueden crear pestañas directamente desde la barra de herramientas del editor de artículos sin necesidad de usar código personalizado.

Nota: Si desea personalizar el componente de pestañas en su tema, consulte Personalizar pestañas en el editor de artículos y Personalizar el comportamiento de las pestañas con JavaScript en el Recetario de plantillas del centro de ayuda.

En este artículo se tratan los siguientes temas:

  • Crear pestañas en el editor de artículos
  • Trabajar con pestañas en el editor de artículos

Crear pestañas en el editor de artículos

Si desea mostrar contenido relacionado en paneles seleccionables separados dentro del artículo, puede crear pestañas. Antes de comenzar, decida qué contenido desea colocar en cada pestaña. Las pestañas son más efectivas cuando cada una representa una variación clara del mismo tema, como una versión de un procedimiento específica para una plataforma o un rol.

Para crear pestañas en el editor de artículos
  1. En el centro de ayuda o en la interfaz Administrador de Conocimiento, cree un artículo nuevo o edite un artículo existente.
  2. Coloque el cursor donde desea que aparezcan las pestañas.
  3. Haga clic en el botón Componentes del artículo () en la barra de herramientas del editor de artículos y seleccione Pestañas.

    El componente de pestaña aparece en modo de edición.

  4. Ingrese la siguiente información:
    • Título de la pestaña: texto que aparece en el editor de artículos como el rótulo de la pestaña. Este título debe ser corto y conciso e indicar claramente el contenido de la pestaña, pero no ocupar demasiado espacio en el propio artículo.
    • Contenido: contenido que desea que aparezca cuando los usuarios abren la pestaña. Las herramientas del editor de artículos se pueden usar para formatear texto como se haría en cualquier otra área del artículo.
  5. Haga clic en el icono Agregar pestaña (+) en la barra de herramientas de la pestaña para agregar una nueva sección a la pestaña.

  6. Identifique la pestaña que desea que se abra de manera predeterminada en el centro de ayuda, y amplíe esa pestaña en el editor.

    Por ejemplo, si tiene tres pestañas y desea que la segunda se amplíe cuando el usuario abra el artículo, amplíe esa pestaña en el editor antes de guardar el artículo y publicarlo. La pestaña ampliada en el editor se abre de manera predeterminada cuando se abre el artículo.

  7. Siga trabajando con las pestañas hasta que esté satisfecho con el diseño y el contenido.

    Si desea:

    • Cambiar el orden de las pestañas, haga clic en los iconos Subir () o Bajar () en la barra de herramientas de la pestaña que desea mover.
    • Eliminar una pestaña, haga clic en el icono Eliminar () en la barra de herramientas de la pestaña que desea eliminar.
  8. Haga clic en Guardar.

Trabajar con pestañas en el editor de artículos

Se pueden crear todos los componentes de pestaña que sean necesarios en el artículo del centro de ayuda. Una vez creado un componente de pestaña, puede moverlo o eliminarlo, o bien agregar un retorno de línea antes o después de la pestaña en el editor de artículos.

Para trabajar con los componentes de pestaña en el editor de artículos

  1. En el centro de ayuda o en la interfaz Administrador de Conocimiento, edite un artículo existente que contiene un componente de pestaña.
  2. Pase el mouse por encima del componente de pestaña en el editor de artículos para ver los controles.

  3. Si desea:
    • Agregar un espacio entre el componente de pestaña y la línea anterior o la siguiente, haga clic en el icono de retorno () arriba o abajo del componente.
    • Mover el componente de pestaña a otro lugar del artículo, haga clic en el icono del selector () y arrástrelo a una nueva ubicación.
    • Borrar el componente de pestaña, haga clic en el icono del selector () para seleccionar el componente y luego presione Borrar en el teclado.
  4. Haga clic en Guardar.
Tecnología de Zendesk