Jotform Anywhere.

Jotform Anywhere é um pequeno SDK para Javascript que traz os recursos do Criador de Formulários Jotform para todos os aplicativos web.

Jotform Anywhere fornece um conjunto de recursos para permiti-lo adicionar um Criador de Formulários ao seu aplicativo web. Seus usuários poderão então criar/editar e incorporar formulários sem sair do seu site.

+7500 Modelos de Formulários Prontos

Usuários podem incorporar formulários diretamente a partir de 7.500 lindos modelos em apenas alguns cliques.

Criador de Formulários

Permite que seus usuários criem qualquer tipo de formulários web com +25 tipos de perguntas e +350 widgets.

Copie e cole este código para inicializar a biblioteca javascript:

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

Copie e cole o código html abaixo para adicionar o botão que aciona o criador de formulários:

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

Clicar neste botão acionará o iFrame Jotform (criador de formulários incorporável) e o formulário criado/selecionado será exibido por padrão. Confira nossa documentação para mais opções de personalização.

• Como Breezi usa Jotform Anywhere on their website builder as a form builder.
• Sidengo usa Jotform Anywhere para permitir que seus usuários criem Formulários Personalizados.

O que é Jotform Anywhere?

Jotform é um criador de formulários online. Usando o editor de formulários Jotform com recurso arraste-e-solte, bem como seus +7500 modelos de formulários prontos, criar formulários é bastante rápido, fácil e divertido.

Jotform Anywhere é um pequeno SDK para Javascript que traz os recursos do Criador de Formulários Jotform para todos os aplicativos web. Você pode facilmente incorporar o Criador de Formulários Jotform à sua aplicação, permitindo aos seus usuários executar o criador de formulários como um lightbox, criar seus formulários e adicioná-los às suas páginas web.

Para quem se destina o uso de Jotform Anywhere?

Jotform Anywhere é especialmente útil para criadores de sites e provedores de blogs. Entretanto, qualquer tipo de aplicativo web que precise permitir que seus usuários criem formulários web pode usá-lo.

Quais funções Jotform Anywhere atualmente possui?

1. Adicionar Formulário
Seus usuários podem adicionar um formulário a qualquer lugar da página. Adicionar um formulário abrirá um assistente em uma caixa modal. Seus usuários podem selecionar a partir de nossos +7500 modelos de formulários prontos ou usar o criador de formulários para criar o seu próprio.

2. Editar/Excluir Formulário
Uma vez que um formulário for adicionado ao seu editor, o usuário pode pairar sobre o mesmo e clicar no botão de edição para reabrir o assistente para a criação de formulários.

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.

Se você possui outras necessidades, por favor, entre em contato conosco. Ficaríamos felizes em implementar funcionalidades adicionais para oferecer suporte a uma integração mais robusta.

Existem requisitos ou restrições?

Você pode usar Jotform Anywhere sem permissões. Não exigimos que você obtenha uma chave de API ou preencha nenhum registro. Simplesmente copie e cole os trechos de código e estará pronto para começar.

Não existem restrições quanto a quantidade de uso. Você pode posicioná-lo em qualquer página do seu aplicativo web.

Meus usuários precisam criar uma conta Jotform?

Não, eles não precisam ter uma conta Jotform para criar formulários ou encaminhar seus envios por e-mail. Desde que estes insiram um endereço de e-mail para receber seus envios, aceitamos este como uma forma de cadastro e criamos contas para convidados em segundo plano.

Por que devo usar Jotform Anywhere?

Se você possui uma plataforma onde usuários pedem pelo recurso de criação de formulários para suas páginas, Jotform Anywhere é uma ótima forma de presenteá-los com esta funcionalidade.

O que devo fazer caso tenha mais perguntas?

Por favor, sinta-se à vontade para entrar em contato conosco. Ficaremos felizes em ajudá-lo com suas perguntas e, caso precise de mais ajuda, nós o designaremos um desenvolvedor para ajudá-lo com a integração.

Carregue a biblioteca javascript JotformAnywhere:

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

Após carregar o script acima, você poderá usar o objeto JotformAnywhere. Este objeto JS fornece os métodos necessários para permitir que sites criem e incorporem formulários usando 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.

Você provavelmente chamará este método como callback de um evento do mouse.

Exemplo

JotFormAnywhere.launchFormBuilder({
builderMaskColor: "#FFFFFF"
})

Parâmetros

Opções

JotFormAnywhere.insertForm

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

Usar este método para adicionar um formulário à sua página web é fortemente recomendado em ambas as fases de edição e publicação.

Exemplo

JotFormAnywhere.insertForm({
formID: "30647084188965",
insertTo: "#formHere",
putEditButton: false,
putDeleteButton: false
})

Parâmetros

Opções

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.

Exemplo

JotFormAnywhere.createInstantForm({
email: "me@example.com",
templateName: "contact-us"
})

Parâmetros

Opções

JotFormAnywhere.editForm

Você pode abrir a tela de edição de formulários inseridos usando este método, de forma que seus usuários não precisem editar seus formulários através do botão "Editar Formulário".

Exemplo

JotFormAnywhere.editForm(
"31343042093342"
)

Parâmetros

Este método possui apenas um parâmetro obrigatório como form-id.

JotFormAnywhere.deleteForm

Você pode excluir formulários inseridos usando este método, de forma que seus usuários não precisem excluir seus formulários através do botão "Excluir Formulário".

Exemplo

JotFormAnywhere.deleteForm(
"31343042093342"
)

Parâmetros

Este método possui apenas um parâmetro obrigatório 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.

Exemplo

Você provavelmente quer ser notificado com dados relacionados uma vez que o formulário for criado com sucesso usando Jotform.

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

Ou quando este for atualizado:

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

Eventos

Eventos globais que você pode subscrever:

• jotform.formCreated - acionado uma vez que o formulário for criado com Jotform
• jotform.formUpdated - acionado uma vez que o formulário for editado e salvo com Jotform
• jotform.formDeleted - acionado uma vez que o formulário for excluído
• jotform.formLoaded - acionado uma vez que o iFrame do formulário carregar por completo

O objeto passado para a função de callback para os eventos formCreated e formUpdated tem a seguinte aparência:

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

O objeto passado para a função de callback para os eventos formDeleted e formLoaded tem a seguinte aparência:

{
formID:"30654794751967", 
}

JotFormAnywhere.customize

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

Exemplo

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

Parâmetros

Opções