Las páginas personalizadas se pueden crear desde cero y luego se pueden incluir vínculos a ellas en cualquier lugar del centro de ayuda o en cualquier otra página web o aplicación. Por ejemplo, se pueden usar páginas personalizadas para crear páginas de aterrizaje especiales para el centro de ayuda, o incluso crear páginas nuevas para incrustar contenido de fuentes externas a Zendesk.
En este artículo se tratan los siguientes temas:
Crear páginas personalizadas
Las páginas personalizadas se pueden crear de dos maneras: se puede crear y personalizar una página usando Zendesk Curlybars y el marcado HTML dentro del editor de temas de Guide, o bien, se puede crear y desarrollar la página fuera de Zendesk y luego importarla como parte de un tema en el centro de ayuda.
Se pueden crear hasta 100 páginas personalizadas.
Para crear páginas personalizadas usando el editor de temas
- En Guide, haga clic en el icono Personalizar diseño (
) en la barra lateral. Se abre la página Temas.
- En el tema que desea editar, haga clic en Personalizar.
- Haga clic en Editar código.
- Haga clic en Agregar nueva y luego seleccione Página personalizada.
- Para Nombre de página, ingrese un nombre de archivo para la página.
El nombre se convierte en parte del URL de la página.
- Haga clic en Copiar junto al campo URL para guardar el URL en el portapapeles.
Se necesitará para agregar el vínculo a otras páginas.
- Haga clic en Agregar página personalizada.
La página personalizada aparece sin contexto y se incluye en la sección custom_pages en la barra lateral.
Para diseñar la página, consulte Diseñar páginas personalizadas.
Para crear páginas personalizadas usando código
Los desarrolladores pueden crear temas cuando están desconectados y luego cargarlos como un archivo ZIP o usando un repositorio de GitHub. Para crear páginas personalizadas usando código, cree la página como un archivo .hbs en el siguiente directorio: templates/custom_pages. Consulte Trabajar en un tema localmente.
Diseñar páginas personalizadas
Cuando se crea una página personalizada, la página está en blanco. Para diseñar una página personalizada, se puede usar el lenguaje de plantillas de Zendesk, también conocido como Curlybars, además de HTML, CSS y JavaScript.
Si desea más información, consulte las siguientes referencias del lenguaje de plantillas:
- Recetario de plantillas del centro de ayuda
- Recetario de CSS del centro de ayuda
- Recetario de JavaScript del centro de ayuda
- Uso del lenguaje de plantillas del centro de ayuda
- Documentación de la API de plantillas para desarrolladores - Introduction
- Documentación de la API de plantillas para desarrolladores - Helpers
Vincular páginas personalizadas
La jerarquía de contenido consta de varias páginas diferentes, como secciones y temas, que constituyen el centro de ayuda. Las páginas personalizadas existen fuera de esta jerarquía y los usuarios no las verán hasta que hagan clic en un vínculo directo a ellas.
Por ejemplo, si crea una página personalizada “Acerca de nosotros”, puede agregar un vínculo a esa página desde cualquier plantilla del centro de ayuda, artículo o incluso página principal. Los usuarios que visitan esas páginas pueden hacer clic en el vínculo “Acerca de nosotros” para ver la página personalizada. Si los usuarios no tienen acceso a un vínculo a la página, pueden buscarla.
El URL de una página personalizada sigue este patrón: "https://{nombre_dominio}/hc[/{región}]/p/{nombre_página}". La región es opcional y el nombre de página no incluye una extensión de archivo .hbs o .html. El nombre_página se encuentra en la lista de páginas en el editor del tema. Consulte Crear páginas personalizadas.
Por ejemplo, si el nombre del dominio es mondocam.zendesk.com y el nombre de la página en el tema es about_us.hbs, el URL será https://mondocam.zendesk.com/hc/p/about_us.
Si desea insertar un vínculo a la página personalizada en otra página o plantilla en el mismo centro de ayuda, puede usar un vínculo relativo como <a href="/hc/p/about_us">Acerca de nosotros</a>.