Jotform Anywhere.

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.

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.

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.

• Cómo Breezi utiliza Jotform Anywhere on their website builder as a form builder.
• Sidengo utiliza Jotform Anywhere para que los usuarios creen 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

Opciones

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

Opciones

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

Opciones

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

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

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

Opciones