El editor de artículos permite crear contenidos ricos y bien formateados para el Centro de Ayuda. Esta guía cubre todos los recursos disponibles en la barra de herramientas.
Formato de Texto
Negrita
Seleccione el texto y haga clic en el ícono B o presione el atajo Ctrl+B (Cmd+B en Mac). Ideal para destacar términos importantes.
Cursiva
Seleccione el texto y haga clic en el ícono I o presione el atajo Ctrl+I (Cmd+I en Mac). Útil para nombres de campos, menús o términos técnicos.
Subrayado
Seleccione el texto y haga clic en el ícono U o presione el atajo Ctrl+U (Cmd+U en Mac). Úselo con moderación para no sobrecargar visualmente el artículo.
Tachado
Seleccione el texto y haga clic en el ícono S en la barra de herramientas. Útil para indicar información desactualizada o reemplazada.
Código en línea
Seleccione el texto y haga clic en el ícono de código (<>). El texto aparecerá con fondo destacado, ideal para nombres de variables, campos de API o valores exactos como contact_id que el usuario necesita escribir.
Títulos y Estructura
Use títulos para organizar el artículo en secciones. Están disponibles 3 niveles:
-
H1 — Título principal (úselo solo una vez por artículo, si es necesario)
-
H2 — Secciones principales del artículo
-
H3 — Subsecciones dentro de una sección
Consejo: Una buena estructura de títulos ayuda al lector a encontrar rápidamente lo que busca, especialmente en artículos largos.
Listas
Lista con viñetas
Haga clic en el ícono de lista en la barra de herramientas para crear elementos con bullet points:
-
Primer elemento
-
Segundo elemento
-
Tercer elemento
Lista numerada
Use la lista ordenada cuando el orden de los pasos importa:
-
Acceda al menú de configuraciones
-
Haga clic en "Centro de Ayuda"
-
Seleccione el portal deseado
Enlaces
Seleccione el texto que será el enlace y haga clic en el ícono de cadena en la barra de herramientas. Pegue la URL de destino en el campo que aparece. El enlace quedará clicable en el FAQ publicado.
El enlace queda así (este específico te lleva al sitio de Cloud Humans).
Imágenes
Haga clic en el ícono de imagen en la barra de herramientas para subir una imagen desde su computadora. Las imágenes son útiles para ilustrar paso a paso, capturas de pantalla y diagramas.
⚠️ Atención: Evite imágenes muy pesadas. Prefiera capturas recortadas y optimizadas para que el artículo cargue rápidamente.
Cita (Blockquote)
Haga clic en el ícono de comillas para transformar un párrafo en cita. Las citas aparecen con una barra lateral y un fondo diferenciado. Haga clic nuevamente en el ícono para eliminar la cita.
Ejemplo de uso: destacar una frase importante de un documento oficial o de una política interna.
Este es un ejemplo
Bloque de código
Haga clic en el ícono de código con barra (</>) para insertar un bloque de código. A diferencia del código en línea, el bloque de código ocupa un espacio propio y preserva el formato original. Ideal para:
-
Fragmentos de código de integración
-
Ejemplos de llamadas de API
-
Configuraciones en formato JSON o YAML
El resultado queda así
Línea Horizontal
Haga clic en el ícono de línea (—) para insertar un separador visual entre secciones. Útil para dividir temas distintos en un mismo artículo o para crear pausas visuales en contenidos largos.
Bloques de Destaque (Callouts)
Los callouts son cuadros de colores que llaman la atención sobre información especial. Haga clic en el ícono de callout y elija uno de los 4 tipos:
Información: Para consejos, contexto adicional o referencias útiles. Ejemplo: "Esta configuración también puede hacerse vía API."
Advertencia: Para precauciones importantes antes de una acción. Ejemplo: "Este cambio afecta a todos los agentes de la cuenta."
Éxito: Para confirmar resultados esperados o buenas prácticas. Ejemplo: "¡Listo! La integración fue activada con éxito."
Error: Para alertar sobre errores comunes o acciones irreversibles. Ejemplo: "No elimine este campo, ya que es utilizado por las automatizaciones."
Para eliminar un callout, coloque el cursor dentro de él y haga clic nuevamente en el ícono de callout.
Regla importante: No es posible colocar un callout dentro de otro callout, ni dentro de una cita (y viceversa). Cada bloque funciona de forma independiente.
Tablas
Haga clic en el ícono de tabla para insertar una tabla con 3 columnas y 3 filas (incluyendo el encabezado).
Editando la tabla
Después de insertar, haga clic en cualquier celda para editar el contenido. Use la tecla Tab para avanzar a la siguiente celda y Shift+Tab para retroceder.
Administrando filas y columnas
Haga clic en el botón EDITAR que aparece encima de la tabla para acceder a las opciones:
| Acción | Qué hace |
|---|---|
| Agregar fila arriba | Inserta una nueva fila encima de la actual |
| Agregar fila abajo | Inserta una nueva fila debajo de la actual |
| Agregar columna a la izquierda | Inserta una nueva columna a la izquierda |
| Agregar columna a la derecha | Inserta una nueva columna a la derecha |
| Eliminar fila | Elimina la fila donde está el cursor |
| Eliminar columna | Elimina la columna donde está el cursor |
| Eliminar tabla | Elimina la tabla completa |
Redimensionando columnas
Pase el mouse sobre el borde entre dos columnas en el encabezado. El cursor cambiará a una flecha doble. Haga clic y arrastre para ajustar el ancho.
Tablas anchas: Si la tabla tiene muchas columnas, mostrará scroll horizontal en el FAQ publicado para mantener la legibilidad en pantallas pequeñas.
Copiar y pegar desde otros editores
El editor reconoce automáticamente el contenido pegado de otras fuentes:
| Fuente | Qué sucede |
|---|---|
| Google Docs | El formato se preserva (negrita, cursiva, enlaces, listas) |
| Notion | La estructura de bloques se convierte automáticamente |
| GitHub / README | El Markdown se interpreta y formatea |
| Páginas web | El HTML se convierte al formato del editor |
No es necesario reformatear manualmente — simplemente copie y pegue.
Atajos de Teclado
| Atajo | Acción |
|---|---|
| Ctrl+B / Cmd+B | Negrita |
| Ctrl+I / Cmd+I | Cursiva |
| Ctrl+U / Cmd+U | Subrayado |
| Ctrl+Z / Cmd+Z | Deshacer |
| Ctrl+Shift+Z / Cmd+Shift+Z | Rehacer |
| Tab (dentro de tabla) | Siguiente celda |
| Shift+Tab (dentro de tabla) | Celda anterior |
Publicando el artículo
Cuando el artículo esté listo:
-
Revise el contenido usando el botón Vista previa
-
En la barra lateral, seleccione la Categoría correcta
-
Complete el Meta título y la Meta descripción para mejorar el SEO
-
Haga clic en Publicar
¡Listo! Después de la publicación, el artículo estará disponible de inmediato en el Centro de Ayuda público. Puede editarlo en cualquier momento sin necesidad de despublicarlo.