Qué Código de Inserción de Formulario Debería Usar

18 de junio de 2025

Esta guía destaca todas las opciones de incrustación disponibles en Jotform. Puedes encontrarlas yendo a la pestaña Publicar del Creador de Formularios.

Plataformas: Opciones de Publicación de Terceros

La pestaña Plataformas contiene los códigos de inserción probados y verdaderos para algunos de los CMS y plataformas de publicación más comunes.

Para obtener el código de inserción para tu plataforma:

  1. Ve a la pestaña Publicar en el Creador de Formularios.
  2. Elige Plataforma a la izquierda.
  3. Busca y selecciona tu plataforma.
  4. Copia el código proporcionado.
jotform-embed-platforms

Aquí está la lista de plataformas compatibles:

  • Adobe Muse
  • BigCommerce
  • Blogger
  • Cargo
  • Dreamweaver
  • Drupal
  • Duda
  • Expression
  • Facebook
  • Frontpage
  • Ghost
  • GoDaddy
  • Google Sites
  • IMCreator
  • iWeb
  • Jigsy
  • Jimdo
  • Joomla
  • LiveJournal
  • Magento
  • Ning
  • Piwigo
  • PrestaShop
  • Sandvox
  • SharePoint
  • Shopify
  • Squarespace
  • Tiger Commerce
  • Tumblr
  • TypePad
  • Unbounce
  • Web Page Maker
  • Webs.com
  • Weebly
  • Wix
  • WordPress.com
  • WordPress.org
  • Xara
  • Yahoo! SiteBuilder
  • Yola
  • Zenfolio
  • Zoey
  • Insertar: Varias Opciones de Incrustación de Páginas Web

    La pestaña Insertar enumera aún más formas de incrustar tu formulario. Algunas de las más populares son los métodos de incrustación de JavaScript, código fuente e iframe.

    JavaScript

    La opción de inserción predeterminada es un sencillo código JavaScript de una sola línea.

    jotform-embed-options

    La versión de JavaScript carga dinámicamente el formulario en un iframe. Eso significa que el ancho y la altura del formulario se generan automáticamente. No necesitas actualizar el código en tu sitio web cada vez que cambies algo en tu formulario.

    Código Fuente

    Utiliza el método de incrustación de código fuente completo si necesitas editar el código del formulario para ajustarlo a requisitos específicos.

    jotform-source-code-embed

    Una cosa a considerar al usar el método de código fuente completo es que debes actualizar manualmente el código de inserción en tu sitio cada vez que realices un cambio en tu formulario en el Creador de Formularios. Para más información, consulta Cómo Obtener el Código Fuente Completo de Tu Formulario.

    iFrame

    Usa el método de incrustación en iframe si ninguna de las otras opciones funciona correctamente.

    jotform-iframe-embed

    El método de incrustación en iframe está diseñado para funcionar en cualquier página web. Como el formulario se muestra dentro de un iframe, es menos probable que cause conflictos con cualquier cosa en tu sitio web. Para más información, consulta Obteniendo el Código Iframe del Formulario.

    WordPress

    La opción de WordPress es para sitios web gestionados en WordPress.com.

    jotform-wordpress-embed

    No necesitas instalar ningún plugin para esta opción. Simplemente copia y pega el código proporcionado en un bloque Shortcode o HTML personalizado para incrustar el formulario. Para más información, consulta Cómo Incrustar un Formulario en WordPress.com.

    Botón de Feedback

    El método de incrustación del Botón de Feedback crea un botón flotante en tu sitio web que muestra tu formulario en una ventana modal cuando lo activas.

    jotform-feedback-button

    Puedes insertar el código de inserción en el archivo de cabecera de tu sitio para mostrar el botón de feedback en las páginas de tu sitio. Para más información, consulta Creando un Botón de Feedback.

    El método de pop-up te permite mostrar un enlace en cualquier lugar de tu sitio web, que abre tu formulario en una nueva ventana pop-up cuando se hace clic en él.

    jotform-popup-embed

    El método de lightbox te permite mostrar un botón en cualquier lugar de tu sitio web, que abre tu formulario en una ventana modal al hacer clic en él.

    jotform-lightbox-embed

    Puedes cambiar el lightbox para que muestre automáticamente el formulario cuando la página se carga. Para más información, consulta Cómo Crear un Formulario Lightbox.

    Aquí puedes ver cómo abrir la sección de inserción:

    ¿Tienes preguntas, comentarios o preocupaciones? Háznoslo saber en el campo de comentarios a continuación.

    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.