C cenaly.com
Empezar gratis

Webflow · contacto desde su portafolio

Widgets de Cenaly.com para Webflow

Añada contacto o cita a su diseño existente de Webflow. Elija la tarea y configure el widget en Cenaly.com; después añada el código a nivel de sitio o de página. Abajo figuran las condiciones de acceso a custom code y una instrucción aparte para consent.

  • Custom code: un Site plan activo o un Workspace Core, Growth, Agency o Freelancer
  • La publicación es un paso aparte tras guardar el código
  • Compruebe la vista móvil, las animaciones y las transiciones entre páginas

Sin tarjeta · el registro lleva un minuto, la etiqueta uno más · los cambios de configuración llegan al sitio en 5 minutos

Una etiqueta para todos los Widget9 de 13 son gratuitosShadow DOM: no rompe el maquetadoEtiquetas en el idioma de la páginaDos Nube: AWS y Rusia

Qué funciona en Webflow

Elija el widget que necesite y configúrelo en su cuenta. Los widgets habituales utilizan una etiqueta común; para consent y analítica es importante un orden de instalación independiente.

El widget y la plataforma seleccionados se conservarán al registrarse. A continuación, configure el widget en su cuenta. Mantenga esta instrucción abierta para Webflow: después de la configuración, vuelva a los pasos de instalación que figuran a continuación.

Los 13 Widget →

¿Necesita un Plan de pago de Webflow?

Se necesita un plan de pago de la plataforma

Se necesita un Site plan activo o bien Workspace Core, Growth, Agency o Freelancer.

La documentación oficial de Webflow admite custom code para Site managers y Designers con un Site plan activo o uno de los Workspace indicados. Un Site plan de pago no es la única vía.

La dirección webflow.io por sí sola no indica si la inserción de código está disponible: compruebe el Workspace, los permisos y los ajustes del proyecto. La conexión de su propio dominio y las funciones del CMS tienen sus propias condiciones de Plan.

Los elementos de menú y las condiciones de tarifa de esta página proceden de la ayuda oficial:

Verificado con la ayuda de la plataforma 2026-09-22

Cómo insertar el código en Webflow

Widgets habituales: chat, botón de contacto, cita

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

Etiqueta de ejemplo para widgets normales. Tome su propio código de la cuenta; no es necesario sustituirlo por un dominio de demostración. Para bloquear la analítica, utilice las instrucciones aparte que figuran a continuación. Banner de cookies y analítica: un procedimiento aparte →

  1. 1

    Copie el código de instalación

    En la cuenta de Cenaly.com: Panel de administración → Marketing → «Mi sitio». Escriba la dirección del sitio en el primer campo y copie la línea del tag.

  2. 2

    Abra los ajustes del proyecto

    En Webflow: Site settings (Ajustes del sitio) del proyecto correspondiente.

  3. 3

    Vaya a Custom code

    La pestaña Custom code contiene dos campos: Head code (dentro de head) y Footer code (antes del body de cierre).

  4. 4

    Inserte la etiqueta en Head code

    Inserte la línea en Head code y guarde. No hace falta añadir etiquetas html, head ni body en este campo: solo el propio script.

  5. 5

    Publique el proyecto

    Pulse Publish: la ayuda de Webflow señala aparte que el efecto de su código se ve en el sitio en vivo tras la publicación.

  6. 6

    Compruebe la instalación

    Abra el sitio publicado y vuelva a «Mi sitio» → «Comprobar instalación».

¿Necesita el widget solo en una página? Las páginas de Webflow tienen sus propios campos para código en los ajustes de la página.

Ayuda oficial de Webflow ↗

Comprobación de la instalación

  1. 1

    Vuelva a publicar el sitio

    En los constructores, la edición vive en el borrador: mientras no se vuelvan a publicar las páginas, la etiqueta no está en el sitio en vivo.

  2. 2

    Abra «Mi sitio» en la cuenta

    Panel de administración → Marketing → «Mi sitio». En el primer campo está la dirección de su sitio y, al lado, «Comprobar instalación».

  3. 3

    Vea qué se ha encontrado

    La comprobación lee el HTML de origen de la página y muestra los widgets encontrados. La etiqueta insertada a través de Google Tag Manager no la verá: es una limitación de la comprobación, no de la instalación.

El análisis de los errores de instalación está en la ayuda Instrucciones de instalación →

Particularidades de Webflow

  • Preview y sitio publicado

    Webflow admite custom code en preview/comment, pero no en expand canvas. Los visitantes verán los cambios tras la publicación; haga la comprobación final en la dirección publicada.

  • Código del proyecto o de una página

    El Head code general añade la etiqueta a nivel de sitio. Si solo necesita un URL, use los ajustes de la página y no duplique allí la etiqueta general ya instalada.

  • Conserve los formularios y el diseño

    El widget no conecta los formularios de Webflow a Cenaly.com automáticamente. Shadow DOM aísla los estilos, pero las animaciones, la clicabilidad de los botones y las superposiciones deben comprobarse en su sitio.

  • Consent y GTM

    No coloque consent después de un contenedor que ya haya activado los rastreadores. Para una etiqueta normal a través de GTM, la comprobación HTML del servidor no confirma la instalación: compruebe el widget en la página publicada.

Preguntas y respuestas

¿Es obligatorio comprar un Site plan?

No, custom code también está disponible a través de Core, Growth, Agency o Freelancer Workspace según las condiciones de Webflow. Compruebe los permisos de Site manager/Designer y el acceso al campo en el proyecto concreto.

¿Head code o Footer code?

Una etiqueta normal puede añadirse en Head code; no la rodee con etiquetas html/head/body. Consent con bloqueo hasta el consentimiento requiere un primer script aparte en head antes de los rastreadores.

¿Por qué no apareció el widget en el editor?

Custom code no funciona en expand canvas. Preview/comment lo admite, pero los cambios aún deben publicarse. Compruebe la activación del widget y la dirección final del sitio.

¿Afectará el widget a las animaciones?

El aislamiento de estilos no garantiza la compatibilidad con cualquier script. Compruebe las interacciones, los formularios y la pantalla móvil antes de extender el widget a todas las páginas.

¿Qué ocurre con las páginas de CMS?

El código general del sitio también sirve para las páginas de colecciones. Compruebe el ejemplo publicado de una página de este tipo y no duplique la etiqueta en su plantilla.

¿Sirve una etiqueta async normal para el banner de cookies?

Para bloquear los rastreadores antes del consentimiento se necesita un consent/v1.js aparte, primero en el head y sin async/defer. Compruebe la carga antes de la elección, tras el rechazo y tras la aceptación. La analítica integrada de la plataforma puede requerir una configuración aparte; la aparición del banner no confirma el cumplimiento de la ley.

Más información —instalación por plataformas, configuración y solución de problemas— en la ayuda. Instrucciones de instalación →

Coloque los widgets en su sitio Webflow

Compruebe el acceso a custom code, elija un widget y configúrelo. Tras la publicación, pruebe una página normal y una página de colección.

Elegir widget

Sin tarjeta · el registro lleva un minuto, la etiqueta uno más · los cambios de configuración llegan al sitio en 5 minutos