Guía de Usuario

Documentación para impulsar tu contenido con ChatKit

Aprende a configurar la demo, generar artículos de calidad y publicarlos en WordPress con un diseño profesional asistido por IA.

Visión general

Esta demo conecta ChatKit con un flujo automatizado que genera artículos en cuestión de segundos. El backend valida tu clave pública, solicita contenido e imagen a la API de OpenAI y publica el resultado en tu sitio de WordPress con una tarjeta visual optimizada para la lectura.

Funciones clave

  • • Generación de artículos SEO-ready con GPT.
  • • Imagen destacada desde DALL·E lista para WordPress.
  • • Estilos visuales consistentes con firma IA.
  • • Publicación inmediata o modo borrador.

Requisitos previos

  • • Cuenta de OpenAI con acceso a los modelos mencionados.
  • • WordPress con REST API y credenciales de aplicación.
  • • Permisos para publicar contenido HTML enriquecido.
  • • Entorno Node 18+ para ejecutar la demo localmente.

Flujos paso a paso

1. Preparar tu espacio

  • Revisa las variables `PUBLIC_EXPERIMENT_KEY`, `OPENAI_API_KEY` y credenciales de WordPress.
  • Configura los permisos de WordPress para permitir publicaciones con HTML enriquecido.

2. Generar contenido

  • Desde la página principal ingresa el tema del artículo.
  • Revisa la previsualización con el diseño IA antes de publicarlo.

3. Publicar y compartir

  • El artículo se publica automáticamente en WordPress con estilos integrados.
  • Comparte el enlace y supervisa el rendimiento del post.

Consumo del endpoint

El endpoint `/api/workflow` es el núcleo del proceso. Requiere la clave pública para autorizar la solicitud y un cuerpo JSON con el texto base que la IA utilizará como contexto.

POST /api/workflow?key=<PUBLIC_EXPERIMENT_KEY>
Content-Type: application/json

{
  "input_as_text": "Tema del artículo a generar"
}

La respuesta incluye el HTML estilizado (`article`), el enlace de la imagen (`imageUrl`) y la URL final publicada en WordPress (`wordpressUrl`). Usa estos campos para construir dashboards, enviar recordatorios o auditar publicaciones.

Buenas prácticas

  • • Asegura que el parámetro `key` no se exponga públicamente.
  • • Controla la longitud de `input_as_text` para guiar al modelo.
  • • Valida la respuesta antes de enviarla a WordPress.

Preguntas frecuentes

¿Qué modelos usa la demo?

El flujo genera el cuerpo del artículo con `gpt-4o-mini` y utiliza `gpt-image-1` para obtener una imagen destacada inspirada en el tema indicado.

¿Puedo personalizar el estilo del artículo?

Sí. Edita las reglas CSS de `.ia-generated` en `app/globals.css` y mantén sincronizada la constante `IA_GENERATED_INLINE_STYLES` en `app/api/workflow/route.ts` para que WordPress reciba los mismos estilos.

¿Cómo cambio el estado por defecto de la publicación?

En `publishToWordPress` ajusta el campo `status` (por ejemplo, `draft`) si prefieres revisar los posts antes de publicarlos.

¿Listo para experimentar?

Ajusta los prompts, refresca la identidad visual del artículo y comparte tus resultados con el equipo. Esta documentación se mantendrá viva para incorporar nuevos flujos, analíticas y pautas de estilo.