Jotform Anywhere.

Añada un creador de formularios a su constructor de sitios web



Verlo en acción

Jotform Anywhere es un pequeño SDK de Javascript que trae las funcionalidades del constructor de formularios de Jotform a todas las aplicaciones web.

Jotform Anywhere proporciona un conjunto de funcionalidades del lado del cliente que le permiten tener un Constructor de Formularios dentro de su aplicación web.Sus usuarios pueden crear/editar y publicar formularios sin salir de su sitio.


Más de 7500 plantillas de formulario listas para usar

Los usuarios pueden publicar formularios a partir de más de 7500 lindas plantillas en pocos clics.

Ready to use Form Templates Ready to use Form Templates

Creador de formularios

Deje que sus usuarios hagan cualquier tipo de formulario web con más de 25 tipos de campos y más de 350 widgets.

Jotform Form Builder Jotform Form Builder

Copie y pegue este código para inicializar la biblioteca de javascript:

  <script type="text/javascript" src="//js.jotform.com/JotFormAnywhere.js"></script>

Copie y pegue código html abajo para agregar un botón que abre un creador de formularios

  <button onclick="JotFormAnywhere.launchFormBuilder();">Add Form</button>

Pulsando en ese botón abrirá el iframe de Jotform (creador de formularios integrable) y el formulario creado/seleccionado se añadirá al cuerpo por defecto. Consulta la documentación para ver más opciones de personalización.


Demo Descargar

  • Cómo Breezi utiliza Jotform Anywhere on their website builder as a form builder.
  • Sidengo utiliza Jotform Anywhere para que los usuarios Hagan Formularios Personalizados.
  • ¿Qué es Jotform Anywhere?

    Jotform es un creador de formularios en línea. Utilizar el sencillo editor de formularios de Jotform y sus más de 7500 plantillas de formularios listos para crear formularios es rápido, fácil y divertido.

    Jotform Anywhere es un pequeño SDK de JavaScript que lleva las funciones del creador de formularios Jotform a todas las aplicaciones web. Puede insertar el Creador de Formularios Jotform fácilmente en su aplicación, y sus usuarios podrán abrir el constructor de formularios como un asistente lightbox, crear sus formularios y añadirlos a sus páginas web.


    ¿Para quién es Jotform Anywhere?

    Jotform Anywhere es especialmente útil para generadores de sitios web y proveedores de blog. Pero cualquier clase de aplicación puede usarlo cuando necesite que sus usuarios hagan formularios web.


    ¿Qué funciones tiene actualmente Jotform Anywhere?

    1. Añadir formulario
    Sus usuarios pueden añadir un formulario en cualquier lugar de la página. Ellos pueden seleccionar una de las más de 7500 plantillas ya creadas o utilizar el creador de formularios para crear uno propio.

    2. Editar/eliminar formulario
    Una vez se agrega el formulario a su editor, el usuario puede pasar el ratón por encima y pulsar el botón Editar para relanzar el asistente de creación de formularios.

    3. Get Form Code
    JotformAnywhere javaScript library returns a form code so that you can place it on the live version of the site.You can also get additional data such as the width/height of the form from JotformAnywhere.

    Si tiene otras necesidades favor contactarnos. Estaremos felices de implementar una funcionalidad adicional para apoyar una integración.


    ¿Hay algun requerimiento o restricción?

    Puede utilizar Jotform Anywhere sin permiso. No requerimos que tenga una clave API o llenar una aplicación. Sólo copie y pegue los ejemplos de código y está listo para empezar.

    No hay restricciones en la cantidad a utilizar. Puede ponerlo en cualquier página en su aplicación web.


    ¿Mis Usuario Necesitan Crear una Cuenta Jotform?

    No, no necesitan tener una cuenta de Jotform para crear formularios o para que se les envíe por email. Ya que introducirán una dirección de correo electrónico para recibir sus formularios, aceptamos la dirección de email como un registro y creamos cuentas de invitados en segundo plano.


    ¿Por qué deberia utilizar Jotform Anywhere?

    Si tiene una plataforma en la que los usuarios piden poder crear formularios para sus páginas, Jotform Anywhere es una gran forma de proporcionarles esta funcionalidad.


    ¿Qué Debo Hacer Si Tengo Más Preguntas?

    Por favor, no dude en contáctenos. Estaremos encantados de ayudarle con sus preguntas y si necesita más ayuda le asignaremos un desarrollador para ayudarle con la integración.


    Cargar la biblioteca de javascript JotformAnywhere

      <script type="text/javascript" src="//js.jotform.com/JotFormAnywhere.js"></script>

    Después de cargar el script de arriba puede usar el objeto JotformAnyhere. Este objeto JS proporciona los métodos necesarios para permitir a los sitios web crear e insertar formularios a través de Jotform.


    Methods


    JotFormAnywhere.launchFormBuilder

    If no option is provided JotFormAnywhere.launchFormBuilder will open a modalbox including iframe provided by Jotform. All form creation/edit process is done inside this iframe.

    Lo más seguro llames a este método como callback de un evento de clic.

    manu
    JotFormAnywhere.launchFormBuilder({
    builderMaskColor: "#FFFFFF"
    })
    
    Parámetros
    Nombre Type Descripción
    options Object

    Ver opciones abajo

    Opciones
    Propiedad Type Descripción Argumento Predeterminado
    formID Cuerda Si dicho constructor muestra directamente el editor para el formulario correspondiente. Opcional undefined
    insertTo Cuerda Selector css del DOM donde se anexará el iframe del constructor de Jotform. Opcional undefined
    returnIframe Booleano true para obtener el elemento jotForm builder iframe, el builder iframe no se mostrará. Opcional false
    openInModal Booleano false para no abrir el constructor en cuadro modal. Opcional true
    builderMaskColor Cuerda Código de color CSS para máscara de cuadro modal Opcional "#000000"
    remember Booleano false para no recordar el email del último usuario Opcional true

    JotFormAnywhere.insertForm

    JotFormAnywhere.insertForm creates a div with id "jotform_form_container_{formID}" and embeds the form inside.

    Se recomienda enfáticamente usar este método para poner el formulario en su página web tanto en la etapa de edición como en la etapa en producción

    manu
    JotFormAnywhere.insertForm({
    formID: "30647084188965",
    insertTo: "#formHere",
    putEditButton: false,
    putDeleteButton: false
    })
    
    Parámetros
    Nombre Type Descripción
    options Object

    Ver Opciones abajo

    Opciones
    Propiedad Type Descripción Argumento Predeterminado
    formID Cuerda Id de formulario a ser insertado Requerido null
    insertTo Cuerda Selector CSS del elemento DOM donde se insertará el formulario. Si no lo proporciona, el formulario será añadido al cuerpo. Opcional "body"
    putEditButton Booleano Añadir butón editar en el frente del formulario Opcional true
    putDeleteButton Booleano Añadir botón eliminar en el frente del formulario Opcional true

    JotFormAnywhere.createInstantForm

    Using JotFormAnywhere.createInstantForm method you can instruct JotformAnywhere library to create a form immediately after loading javascript file. Note that calling this method will publish jotform.formCreated event which you can subscribe to.

    manu
    JotFormAnywhere.createInstantForm({
    email: "me@example.com",
    templateName: "contact-us"
    })
    
    Parámetros
    Nombre Type Descripción
    options Object

    Ver opciones abajo

    Opciones
    Propiedad Type Descripción Argumento Predeterminado
    email Cuerda El correo electrónico que se usará durante la creación del formulario Requerido undefined
    templateName Cuerda Nombre de Plantilla de Formulario Jotform (https://www.jotform.com/form-templates/formulario-contacto) Requerido undefined
    Ver demo

    JotFormAnywhere.editForm

    Puede abrir y editar la pantalla de formularios insertados con este método, así los usuarios no tienen que editarlos con el botón "Editar Formulario"

    manu
    JotFormAnywhere.editForm(
    "31343042093342"
    )
    
    Parámetros

    Este método toma sólo un parámetro requerido como form-id

    Nombre Type Descripción
    formID String

    Ver opciones abajo


    JotFormAnywhere.deleteForm

    Puede borrar formularios insertados con este método, así los usuarios no tienen que borrar sus formularios con el botón "Borrar Formulario"

    manu
    JotFormAnywhere.deleteForm(
    "31343042093342"
    )
    
    Parámetros

    Este método toma sólo un parámetro requerido como form-id

    Nombre Type Descripción
    formID String

    Ver opciones abajo

    Ver demo

    JotFormAnywhere.subscribe

    JotFormAnywhere.subscribe method attaches handler to an event defined by JS library and invokes your callback when the event fires.

    manu

    Probablemente quiera ser notificado con datos cuando el formulario se haya creado con éxito en Jotform

    JotFormAnywhere.subscribe("jotform.formCreated", 
    function(response){
    console.log("Form is created with properties:", response)
    }
    )
    

    o cuando el formulario se actualiza

    JotFormAnywhere.subscribe("jotform.formUpdated", 
    function(response){
    console.log("Form is updated with properties:", response)
    }
    )
    
    Eventos

    Eventos globales a los que puede suscribirse:

    • jotform.formUpdated - se ejecuta cuando el formulario se crea en Jotform
    • jotform.formUpdated - se ejecuta cuando el formulario se edita y guarda en Jotform
    • jotform.formDeleted - se ejecuta cuando el formulario se borra
    • jotform.formLoaded - se ejecuta cuando el iframe se carga por completo

    El objeto de respuesta pasa a la función de devolución de llamada para los evento formCreated y formUpdated y tiene el siguiente aspecto:

    {
    formEmbedUrl:"https://form.jotformpro.com/jsform/30654794751967">", 
    height:465, 
    width:320, 
    formID:"30654794751967", 
    }
    

    El objeto de respuesta pasa a la función de devolución de llamada para el evento FormDeleted y FormLoaded, y tiene el siguiente aspecto:

    {
    formID:"30654794751967", 
    }
    

    JotFormAnywhere.customize

    With JotFormAnywhere.customize method you can customize default colors of the Jotform iframe

    manu
    JotFormAnywhere.customize({
    formBuilderBarColor: "#FFFFFF",
    primaryButtonColor: "#FF00FF",
    primaryButtonHoverColor: "blue"
    })
    
    Parámetros
    Nombre Type Descripción
    options Object

    Ver opciones abajo

    Opciones
    Propiedad Type Descripción Argumento Predeterminado
    formBuilderBarColor Cuerda color de barra de herramientas del creador Jotform Opcional #FC7C03
    primaryButtonColor Cuerda Color de botón acción principal Opcional #139045
    primaryButtonHoverColor Boolean Color de aviso botón acción principal Opcional #16a24e
    Ver demo