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 javascriptDISABLED:

  <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. Obter Código do Formulário
A biblioteca javaScript Jotform Anywhere retorna um código de formulário, de forma que você possa posicioná-lo na versão ao vivo do seu site. Você também pode obter dados adicionais, como a largura/altura do formulário Jotform Anywhere.

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

Caso nenhuma opção seja fornecida, JotformAnywhere.launchFormBuilder abrirá uma caixa modal incluindo um iFrame fornecido pelo Jotform. Todo o processo de criação/edição é feito dentro deste 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 cria uma div com id "jotform_form_container_{formID}" e incorpora o formulário dentro.

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

Usando o método JotformAnywhere.createInstantForm, você pode instruir a biblioteca JotformAnywhere a criar um formulário imediatamente após carregar um arquivo javascript. Observe que chamar este método publicará o evento jotform.formCreated, ao qual você pode se subscrever.

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

O método JotformAnywhere.subscribe anexa o manipulador de eventos definido pela biblioteca JS e invoca seu callback uma vez que o evento é acionado.

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

Usando o método JotformAnywhere.customize, você pode personalizar as cores padrão do iFrame Jotform.

Exemplo

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

Parâmetros

Opções