Un blog en tu sitio Webflow, sin ítems del CMS de Webflow.

Si tu plan incluye el CMS, te gusta diseñar páginas de Collection y quienes escriben se manejan bien en Webflow, el CMS de Webflow es un buen blog. CMSKite es para los demás casos:

• Tu plan no tiene CMS, o tiene muy pocos ítems. Al momento de escribir esto, los precios de Webflow indican 50 ítems de CMS en el plan gratuito Starter, nada de CMS en Basic y 20,000 en Premium. Los artículos de CMSKite no son ítems de Webflow; la cantidad que publicas depende de tu plan de CMSKite (tabla abajo).
• Quien escribe se queda fuera del Designer. Invita a tu equipo a CMSKite como editores; no pueden cambiar tu sitio.
• Nada que diseñar por artículo. El código para insertar arma la lista y cada artículo por ti, con la fuente y los colores de tu página.
• Un borrador a partir de una frase. Escribir con IA redacta artículos por ti.

El Designer de Webflow solo está en inglés, así que sus botones y paneles aparecen abajo con su nombre en inglés.

1. 01

   Copia tus dos líneas

   Crea tu cuenta gratis. En el panel abre Conectar tu sitio web, elige Webflow y haz clic en Copiar código.

2. 02

   Abre la página del blog en el Designer

   Abre la página donde va el blog, o agrega una página estática llamada “Blog” desde el panel Pages (páginas).

3. 03

   Agrega un elemento Code Embed

   Abre el panel Add (agregar), arrastra un elemento Code Embed a la sección donde deben aparecer los artículos, pega las dos líneas, y luego guarda y cierra el editor de código.

   html

   <div id="cmskite-blog"></div>
   <script src="https://cmskite.com/embed.js" data-blog="tu-blog" async></script>

4. 04

   Publica y abre la página en vivo

   En el lienzo solo ves un marcador de posición: Webflow ejecuta los scripts en la vista previa y en el sitio publicado. Haz clic en Publish (publicar) y abre la página en tu dominio. Tus artículos aparecen en lista, y un clic abre el artículo en la misma página.

Webflow permite el elemento Code Embed en sitios con un Site plan activo, o en un Workspace Core, Growth, Agency o Freelancer. Cualquier plan de sitio de pago sirve, incluido Basic, que no tiene CMS.

1. 01

   El Designer solo muestra un marcador de posición

   Es normal. Webflow muestra un marcador de posición para cualquier script en el lienzo. Usa la vista previa, o publica y abre la página en vivo.

2. 02

   No aparece nada en el sitio publicado

   Revisa que el sitio tenga un Site plan de pago (o que tu Workspace tenga uno de los planes de arriba), y que hayas publicado después de agregar el elemento: el código personalizado no sale en vivo hasta que publicas.

3. 03

   Los artículos quedan apretados en una columna angosta

   Un Code Embed toma el ancho del elemento que lo contiene. Ponlo en un contenedor tan ancho como tu texto; el blog se detiene en un ancho cómodo de lectura y se centra.

4. 04

   El diseño de la página se rompe al pegar

   Pega solo las dos líneas. Webflow advierte que las etiquetas <html>, <head> o <body> dentro de un embed rompen el diseño.

Cuando alguien abre un artículo, el código para insertar le da a la página el título, la descripción, el enlace canónico y los datos de artículo de ese artículo, así que los buscadores lo registran como una página propia de tu sitio. Dos ajustes de Webflow deciden qué tan limpio funciona.

1. Revisa tu ajuste de canónico. Webflow agrega enlaces canónicos cuando los configuras: Site settings → SEO → Global canonical tag URL agrega uno a todas las páginas, y los SEO settings de una página pueden definir su propia Page canonical URL. Si ambos están vacíos para tu página del blog, no hay nada que hacer: el canónico del artículo es el único, como pide Google. Si el global está configurado, Webflow pone la dirección de la propia página del blog como su canónico, y no hay ajuste para excluir una página; un canónico de página solo puede cambiarlo por otra dirección. El mismo Webflow advierte que un canónico de otra herramienta más el global generan varias etiquetas canónicas. O vacías el campo global (pregunta antes a quien lo configuró), o lo dejas y aceptas que Google podría tratar algunos artículos como tu página del blog.

2. Dale a Google el sitemap de tus artículos. El sitemap de Webflow solo conoce tus páginas de Webflow. Nosotros mantenemos un sitemap de tus artículos con sus direcciones en tu sitio. En Site settings → SEO → Indexing, agrega esta línea al robots.txt, guarda y publica. Webflow también deja ahí su propia línea de sitemap; tener dos está bien.

Sitemap: https://cmskite.com/b/tu-blog/site-sitemap.xml

Deja las direcciones ?post= que vienen por defecto; Google las indexa.

Del lado de Webflow necesitas un plan que permita el Code Embed (arriba); el CMS no hace falta. Las dos líneas son las mismas en todos los planes de CMSKite.

• Custom code embed — Webflow Help Center (en inglés)
• Custom code in head and body tags — Webflow Help Center (en inglés)
• Set canonical tags to improve SEO — Webflow Help Center (en inglés)
• Set robots.txt rules — Webflow Help Center (en inglés)
• Create a sitemap in Webflow — Webflow Help Center (en inglés)
• Pricing — Webflow (en inglés)
• SEO para JavaScript: enlaces canónicos — Google Search Central

Revisado el 4 de octubre de 2026.