Integraciones de publicación
Creadores de sitios web (widget HTML)
Última actualización:
Añade el widget HTML a Webflow, Squarespace, Framer, GoDaddy, Weebly, BigCommerce, Duda, Drupal, Joomla, Blogger o Lovable para mostrar tus artículos.
Si tu creador de sitios web no ofrece a Clodix una forma de publicar directamente —Webflow, Squarespace, Framer, GoDaddy, Weebly, BigCommerce, Duda, Drupal, Joomla, Blogger y Lovable funcionan así—, Clodix te da un pequeño fragmento de código. Pégalo una sola vez en la página donde quieras tu blog y mostrará tus artículos publicados automáticamente, incluida la vista completa del artículo cuando un visitante hace clic en uno.
Obtén tu código
- Abre Settings → Publishing integrations y haz clic en el icono de tu plataforma (o en HTML widget para cualquier otro sitio).
- Copia el fragmento que aparece.
Dónde pegarlo
| Plataforma | Dónde |
|---|---|
| Webflow | En el Designer, añade un elemento Code Embed a la página, pega el fragmento, haz clic en Save & Close y luego publica tu sitio. |
| Squarespace | En la página donde debe aparecer tu blog, añade un Code Block y pega el fragmento. |
| Framer | Añade una capa Embed (HTML) a la página, pega el fragmento y luego publica. |
| GoDaddy | En GoDaddy Website Builder, añade una sección HTML, pega el fragmento y luego publica. |
| Weebly | Arrastra un elemento Embed Code a la página, haz clic en Edit Custom HTML y pega el fragmento. |
| BigCommerce | En Page Builder, añade un widget HTML (o usa Script Manager) y pega el fragmento. |
| Duda | En el editor de Duda, arrastra un widget HTML a la página y pega el fragmento. |
| Drupal | Añade un Custom Block con el formato de texto Full HTML, pega el fragmento y colócalo en la página. |
| Joomla | Añade un módulo Custom HTML a la página, pega el fragmento y guarda. |
| Blogger | Ve a Layout → Add a Gadget → HTML/JavaScript, pega el fragmento y guarda. |
| Lovable | En el chat de Lovable, pide: «Create a Blog page at /blog and add this code to it exactly as it is», pega el fragmento a continuación y luego haz clic en Publish. |
| Any other site | Pega el fragmento justo antes de </body> en cualquier punto de la página. |
Cualquier sitio con un simple <div id="clodix-articles"></div> y la etiqueta script a continuación funciona de la misma manera, incluso fuera de un creador conocido.
- De vuelta en Clodix, haz clic en I've added the code.
Después de conectar
- Un campo Page where you added the widget permite que Clodix enlace directamente a la URL en vivo de cada artículo desde dentro de la aplicación; es opcional, pero útil.
- Haz clic en View live para abrir tu sitio y comprobar que el widget muestra tus artículos.
- Los artículos nuevos y editados aparecen en el widget automáticamente: no hay nada que volver a publicar. Clodix guarda en caché el script del widget hasta 5 minutos, así que un artículo recién creado puede tardar unos minutos en aparecer la primera vez.
«Añadí el código, pero Clodix dice que no está en mi sitio»
Hacer clic en I've added the code solo marca el widget como conectado. El estado junto a tu código cambia de Not found on your site yet a Live on your site la primera vez que el navegador de un visitante carga realmente el widget desde tu página, y hasta entonces verás también el aviso Your articles aren't showing on your site yet.
Justo después de hacer clic en I've added the code, Clodix también busca el código por su cuenta: en la página que indicaste, en tu página de inicio y en las páginas de tu mapa del sitio. Si lo encuentra, el estado cambia a Live on your site en cerca de un minuto, sin que nadie tenga que visitar la página. Si no lo encuentra, repasa esta lista:
- Abre tu página publicada en una ventana normal del navegador, no en el editor de tu creador. Cargar la página tú mismo cuenta como una visita.
- Publica tu sitio después de pegar el código. La mayoría de los creadores solo muestran el código pegado en el sitio publicado, no en un borrador.
- Usa el tipo de bloque correcto. El código debe ir en un bloque HTML, Embed code, Code Embed o Custom HTML (consulta la tabla anterior). Un bloque de texto simple lo elimina. En el código fuente de tu página deberías encontrar
<div id="clodix-articles">seguido de un script. - Comprueba que sea la página que ven los visitantes: tu página de blog, en tu menú, no oculta y no protegida con contraseña. Si lo pegaste en otra página, tus artículos se muestran allí.
- Borra tu caché. Un plugin de caché, una CDN o la caché de tu proveedor de alojamiento pueden seguir sirviendo la página antigua sin el código.
- Comprueba que sea el sitio correcto. Si tu cuenta tiene más de un sitio, cada uno tiene su propio código: pega el código del sitio cuyo dominio estás usando.
¿Sigues atascado? Contacta con soporte con la dirección de tu página y la plataforma que usas, o envía el código a quien administre tu sitio.
El widget se ve vacío dentro del editor del creador
Es lo esperado. Muchos creadores de sitios web (Wix, GoDaddy, Squarespace y otros) muestran el código pegado dentro de una vista previa aislada mientras editas, que el widget no siempre puede rellenar. Abre tu sitio publicado (no la vista de edición del creador) para ver tus artículos: ahí es donde el widget se ejecuta realmente.
Preguntas frecuentes
¿Es bueno para el SEO?
Es mejor que nada, pero no es tan potente como una entrada real. El widget añade tu artículo a la página con JavaScript después de que la página se carga, así que algunos motores de búsqueda y la mayoría de las herramientas de vista previa de enlaces ven una página vacía en la primera carga. Si tu plataforma admite publicación directa (WordPress, Shopify, Wix, Ghost o HubSpot), usa esa opción; consulta Conecta tu sitio web para ver la comparación.
¿Puedo dar estilo al widget para que combine con mi sitio?
El widget hereda automáticamente las fuentes de tu página y elige un color de texto legible según lo que hay detrás (o puedes definir tú mismo data-theme="light" / data-theme="dark"). Hoy no hay un control de estilo más profundo que ese.
¿Tengo que volver a pegar el código cuando se publica un artículo nuevo?
No. Pega el fragmento una sola vez: cada artículo nuevo o editado aparece automáticamente en unos minutos, sin que tengas que hacer nada más.
¿El widget tiene barra de desplazamiento en una ventana pequeña?
No. Un visitante que abre un artículo lo ve completo en la misma página: el bloque crece para ajustarse, tanto en ordenador como en el móvil, así que no hay barra de desplazamiento dentro del widget.
No puedo añadir el código yo mismo.
Reenvía el fragmento a quien cree o administre tu sitio; solo hay que añadirlo una vez. Si no hay nadie, escribe a support@clodix.ai e indícanos qué creador usa tu sitio.
¿Puedo añadir el widget a más de una página?
Sí: pega el mismo fragmento en tantas páginas como quieras; cada una cargará la misma lista de artículos.