Jotform Anywhere.

Jotform Anywhere es un pequeño SDK de JavaScript que trae las funcionalidades del Creador de formularios Jotform a todas las apps 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 javascriptDISABLED:

  <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. Obtener el código del formulario
La librería javascript de JotFormAnywhere retorna un código de formulario que podrá ponerlo en la versión en producción del sitio. También puede obtener datos adicionales como el ancho/alto del formulario desde 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

Si no se ofrece ninguna opción JotformAnywhere.launchFormBuilder se abrirá en cuadro modal incluyendo el iframe proporcionado por Jotform. Todo proceso de creación/edición se hará dentro de este 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 crea un div con id "jotform_form_container_{formID}" e integra el formulario dentro.

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

Usando el método JotformAnywhere.createInstantForm puede instruir a la librería JotformAnywhere para que cree un formulario inmediatamente después de cargar el archivo javascript. Tenga en cuenta que al llamar a este método se publicará el evento jotform.formCreated al que puede suscribirse.

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 el método adjunta el manejador a un evento definido por la biblioteca JS e invoca su devolución de llamada cuando el evento se ejecuta.

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

Con JotformAnywhere.método de personalización, puede modificar los colores por defecto del iFrame de Jotform

manu

JotFormAnywhere.customize({
formBuilderBarColor: "#FFFFFF",
primaryButtonColor: "#FF00FF",
primaryButtonHoverColor: "blue"
})

Parámetros

Opciones