CMS headless

Un CMS headless que tu equipo edita directamente en la web

Tu desarrollador hace la web con la tecnología que prefiera y trae textos, imágenes y listas con una petición REST normal. Tu equipo los cambia haciendo clic en la página real, no en formularios de administración que no se parecen a la web.

Empieza gratis
Para desarrolladores

Contenido por API: tu sitio sigue siendo tuyo

Te damos una API de contenido, no un constructor de sitios: tu desarrollador crea el sitio con la tecnología que prefiera, y los textos, imágenes y listas llegan desde el CRM con una simple petición GET. Una página, una sección o un bloque suelto: JSON con tus propios marcadores como claves; los artículos del blog, en forma de lista.

  • Peticiones desde el navegador en cualquier dominio, desde el servidor o al compilar
  • Todos los idiomas en una sola respuesta, o solo los que necesitas: ?lang=es,en
  • La clave pública solo lee el contenido de su sitio y se revoca en los ajustes del CRM

¿Qué es un CMS headless?

Un CMS headless guarda el contenido, pero no dibuja la web. Un gestor de contenidos tradicional como WordPress guarda los textos y monta las páginas con su propia plantilla. Uno headless entrega el mismo contenido por una API, y es la web —en React, Next.js, Vue o HTML— la que decide cómo se ve.

Esa libertad tiene un precio: los editores suelen trabajar en formularios que no se parecen a la web, y la vista previa visual muchas veces exige configuración extra. Sitecog mantiene la API y añade lo que falta: marcas un elemento una vez y se puede editar directamente en la página publicada.

Un CMS headless conviene cuando tienes un desarrollador y quieres control total del código. Si nadie en tu equipo programa, un constructor de webs es más sencillo.

Una API de contenido sin las renuncias de siempre

  • REST y JSON, sin más

    Páginas, secciones, bloques sueltos y artículos del blog con peticiones GET. El contenido llega con tus propios marcadores, todos los idiomas en una respuesta o solo los que pidas.

  • Cualquier tecnología, sin SDK

    Un fetch normal desde el navegador, tu servidor o al compilar. La documentación trae ejemplos para React, Next.js y Nuxt.

  • Edición visual en la página real

    Marcas un elemento con un atributo data-crm una sola vez. Después, textos, imágenes, vídeos, listas y tarjetas se editan en la propia web y se guardan en los mismos datos que entrega la API.

  • 20 idiomas con traducción automática

    Añades un idioma y el contenido se traduce en segundo plano con Google Translate. Las ediciones manuales nunca se sobrescriben y una imagen puede cambiar según el idioma.

  • Rápido y siempre al día

    Las respuestas se guardan en caché de nuestro lado y admiten ETag, así que una petición repetida recibe un 304 rápido. Un cambio en el CRM vacía la caché al momento.

  • Seguro por diseño

    La clave pública pk_ es de solo lectura y se puede revocar. Los permisos del equipo se dan por secciones —lectura o escritura— y las acciones quedan registradas.

De la API a la edición en la página en tres pasos

  1. Añade tu web

    Regístrate, añade tu dominio y obtén una clave pública de solo lectura. Crea páginas, secciones y bloques: texto, HTML, imagen, vídeo, enlace, fecha, lista u objeto.

  2. Trae el contenido

    Pide el JSON con fetch y muéstralo en tus componentes. Añade una etiqueta de script y atributos data-crm a los elementos que se podrán editar.

  3. Edita en la página

    Abre la web en el CRM y haz clic en un elemento marcado. El cambio llega a la API al instante, sin recompilar si tu web no guarda las respuestas en caché.

const res = await fetch('https://back.sitecog.com/content/v1/sections/hero?lang=en', {
  headers: { 'x-crm-key': 'pk_…' },
});
const hero = (await res.json()).content;

// Lo marcas una vez y ya se edita directamente en la página
<h1 data-crm-text="hero_title">{hero.hero_title.content.en}</h1>
// Documentación: sitecog.com/es/docs
Edición en vivo

Edita tu sitio web justo donde lo ven tus clientes

Abre tu sitio web desde el CRM, haz clic en un título, un precio o una imagen y cámbialo directamente en la página. Sin paneles llenos de formularios y sin programadores.

  • Textos, imágenes, videos, listas y fichas de producto
  • Elige la imagen en Archivos o arrastra una nueva sobre la anterior
  • Funciona con cualquier tecnología: React, Next.js, Vue, PHP o HTML estático
Todas las funciones →
Sitio multilingüe

Un idioma nuevo: los textos se traducen solos

Elige un idioma de la lista y el CRM traducirá los textos de tus páginas en segundo plano con la traducción automática de Google. Mientras tanto, el sitio sigue funcionando: el idioma nuevo arranca con una copia del original.

  • 20 idiomas disponibles: inglés, chino, árabe, hindi, tailandés, suajili y más
  • La traducción no pisa tus cambios: solo reemplaza los textos que siguen idénticos al original
  • Un idioma desactivado no lo ve nadie: ni en el selector ni con una petición directa

Gestor de contenidos tradicional, CMS headless y Sitecog

SitecogCMS headlessCMS tradicional
Aspecto de la webTu propio código, cualquier tecnologíaTu propio código, cualquier tecnologíaTemas y plantillas del CMS
Cómo llega el contenidoAPI REST, JSONAPI (REST o GraphQL)El CMS monta las páginas
Dónde trabajan los editoresEn la página publicada y en el CRMFormularios de administración; edición visual en algunos productosPanel de administración, constructores
Idiomas20, con traducción automáticaLocales en el modelo de contenidoNormalmente con plugins
Leads, chat, analíticaIntegrados (planes de pago)Servicios apartePlugins

Comparación general de dos tipos de CMS, no de productos concretos.

Preguntas sobre el CMS headless

¿Necesito un SDK o un framework concreto?

No. La API de contenido es REST con respuestas en JSON, así que sirve cualquier lenguaje o framework que haga peticiones HTTP: Next.js, Nuxt, Astro, SvelteKit, React, Vue o JavaScript sin más.

¿Pueden editar la web personas que no programan?

Sí, una vez que el desarrollador marca los elementos. Después, quien edita abre la web en el CRM, hace clic en un título, un precio o una imagen y lo cambia. También se pueden añadir bloques nuevos desde la página.

¿Hay GraphQL, webhooks o vista previa?

Todavía no. La API es solo REST y no hay webhooks. Las páginas y los bloques no tienen borradores: un cambio se publica al momento, por eso se hace en la propia página. Los artículos del blog sí tienen borradores y publicación programada.

¿Cómo funciona la traducción?

Eliges idiomas de una lista de 20 y el CRM traduce textos y HTML en segundo plano con Google Translate. El texto que corriges a mano no se sobrescribe. Cada plan tiene una cuota de caracteres para traducir.

¿Qué límites hay?

La API admite 300 peticiones por minuto por IP y 600 por clave, en todos los planes. La prueba incluye 3 páginas y 2 idiomas; Basic ($29 por 30 días), 20 páginas y 5 idiomas; Pro ($79), 200 páginas, 20 idiomas y el blog.

¿Es segura la clave pública en el navegador?

Sí. Solo lee el contenido publicado de una web y se puede revocar en cualquier momento desde la configuración del CRM. Con ella no se puede cambiar nada.

¿Dónde se guarda el contenido?

Los textos y la configuración, en una base de datos en servidores de la UE. Las imágenes y vídeos subidos, en el almacenamiento de objetos Cloudflare R2.

Planes

Empieza gratis durante 7 días

Todas las cuentas empiezan con el plan de Prueba: tu sitio web, edición en vivo del contenido y traducción automática. Basic añade el chat en vivo; Pro, las solicitudes desde formularios, el blog y el marketing.

Prueba

Gratis7 días
Disponible al registrarte
Sitios web
1
Páginas
3
Bloques
100
Idiomas
2
Almacenamiento de archivos
50 MB
Caracteres de traducción automática
10.000
  • Contenido y edición en vivo
  • Traducción automática a otros idiomas
  • Resumen, archivos, equipo y registro de actividad
Empieza gratis

Basic

$29cada 30 días
Se activa desde el CRM
Sitios web
3
Páginas
20
Bloques
1000
Idiomas
5
Almacenamiento de archivos
2 GB
Caracteres de traducción automática
220.000
Todo lo de Prueba, más:
  • Chat en vivo con los visitantes
Empieza con la Prueba

Pro

Todas las funciones
$79cada 30 días
Se activa desde el CRM
Sitios web
10
Páginas
200
Bloques
20.000
Idiomas
20
Almacenamiento de archivos
20 GB
Caracteres de traducción automática
590.000
Todo lo de Basic, más:
  • Solicitudes desde los formularios del sitio
  • Blog
  • Tráfico del sitio
  • Canales publicitarios
  • Eventos del sitio
Empieza con la Prueba
Comparar los planes en detalle
Límites y funciones de los planes Prueba, Basic y Pro
PlanPruebaBasicPro
Límites
Sitios web1310
Páginas320200
Secciones de página303003000
Bloques100100020.000
Idiomas2520
Almacenamiento de archivos50 MB2 GB20 GB
Caracteres de traducción automática10.000220.000590.000
Miembros del equipo por sitio2520
Artículos del blogNo incluidoNo incluido1000
Enlaces de anunciosNo incluidoNo incluido500
Tipos de eventosNo incluidoNo incluido100
Funciones
Edición de contenidoIncluidoIncluidoIncluido
Edición en vivo en la páginaIncluidoIncluidoIncluido
Traducción automáticaIncluidoIncluidoIncluido
Solicitudes desde formulariosNo incluidoNo incluidoIncluido
Chat en vivo con visitantesNo incluidoIncluidoIncluido
BlogNo incluidoNo incluidoIncluido
Analítica de marketingNo incluidoNo incluidoIncluido
Cuentas de visitantes en tu sitioNo incluidoNo incluidoPronto
  • Los límites son por cuenta: para todos tus sitios web en conjunto; los miembros del equipo se cuentan por sitio
  • La Prueba se puede usar una vez por cuenta; los caracteres de traducción automática cubren los 7 días
  • Los planes de pago van por periodos de 30 días, y al inicio de cada uno se renuevan los caracteres de traducción automática
  • Después de la Prueba, elige Basic o Pro. Sin pago, el CRM se bloquea, pero tu sitio web sigue funcionando
Primeros pasos

Prueba Sitecog en tu propio sitio web

Regístrate y empieza con la Prueba: 7 días gratis. Conecta tu sitio web y edítalo directamente en la página. Las solicitudes, el chat en vivo y la analítica llegan con los planes de pago.

  • 7 días gratis
  • Email o Google
  • Sin tarjeta

¿Prefieres preguntar primero? Escríbenos