Cómo Inyectar Códigos CSS en Widgets

18 de junio de 2025

El Creador de Formularios de Jotform te permite inyectar códigos CSS personalizados para estilizar tu formulario justo como deseas. Lo mismo se aplica a los widgets, pero dado que los widgets están incrustados en sus propios iframes, tienen una opción de inyección CSS separada. Esto se debe a la política del mismo origen, que limita la interacción entre contenidos de diferentes fuentes.

Nota

El CSS personalizado en widgets no es compatible con Jotform Cards. Consulta nuestra guía sobre Cómo cambiar el diseño de tu formulario para cambiar a un formulario Clásico.

Si has añadido un widget a tu formulario, como la Lista Configurable, y deseas personalizar su apariencia con CSS, es fácil de hacer. Aquí te explicamos cómo:

  1. En el Creador de Formularios, selecciona tu widget y, en el lado derecho, haz clic en el icono de la varita.
  2. Luego, en la pestaña CSS personalizado, pega tu código CSS.
  3. Ahora, haz clic en Actualizar, y ya está todo listo.
Personalizando widget en Jotform Form Builder usando la pestaña CSS personalizado

¡Eso es todo! Con solo unos pocos clics, puedes estilizar tus widgets para que se integren perfectamente con el diseño del resto de tu formulario.

Contactar Soporte

Our customer support team is available 24/7 and our average response time is between one to two hours.

Enviar Comentario:

Jotform Avatar
Este sitio está protegido por reCAPTCHA y lo rigen la Política de privacidad de Google y los Términos de servicio.

Podo Comment Sea el primero en comentar.