Jotform Anywhere.

Додај креатор образаца у свој креатор сајтова.



Погледај га у акцији

Jotform Anywhere је мали JavaScript SDK који доноси могућности Jotform креатора образаца у све веб апликације.

Jotform Anywhere нуди одређене функционалности клијентима, и дозвољава ти да додаш креатор образаца у своју апликацију. Твоји корисници могу креирати, мењати и уграђивати обрасце без напуштања твог сајта.


Преко 7500 шаблона спремних за употребу

Корисници могу дуректно уградити образац користећи више од 7500 шаблона образаца уз само неколико кликова.

Ready to use Form Templates

Креатор обрасца

Дозволи корисницима креирање било каквог обрасца са преко 25 типова питања и више од 350 виџета.

Jotform Form Builder

Копирај и налепи овај код да иницијализујеш JavaScript библиотеку:

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

Копирај и налепи HTML код испод да додаш дугме које покреће креатор образаца

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

Кликом на дугме ћеш покренути Jotform iFrame (уграђени креатор образаца) и креирани/одабрани обрасци ће се подразумевано приказати. Погледај документацију за додатно прилагођавање.


Пример Преузми primer.csv

Шта је Jotform Anywhere?

Jotform је онлајн креатор образаца. Користећи Jotform "превуци и пусти" креатор и са преко 1500 спремних шаблона креирање образаца је брзо, једноставно и забавно.

Jotform Anywhere је мали JavaScript SDK који доноси могућности Jotform креатора образаца у све веб апликације. Можеш уградити Jotform креатор образаца у своје апликације са лакоћом, и твоји корисници ће моћи покренити креатор образаца у облику чаробњака, креирати обрасец и додати их на своје веб стране.


За кога је Jotform Anywhere?

Jotform Anywhere је посебно користан за креаторе сајтова и услуге блогова. Али, било која апликација која треба да дозволи користницима креирање веб образаца може да га користи.


Које могућности Jotform Anywhere тренутно има?

1. Додај образац
Твоји корисници могу додати обрасце било где на страни. Додавање обрасца ће покренути чаробњак у искачућем прозору. Твоји корисници могу одабрати један од 1500+ спремих шаблона или користити креатор образаца да креирају свој образац.

2. Измени обриши образац
Једном када је образац додат у твој уређивач, корисник може прећи мишем преко обрасца и кликнути дугме за мењање да отвори чаробњак обрасца опет.

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.

Уколико имаш неке друге потребе, молимо те да нас контактираш. Са задовољством ћемо додати нове могућности да обогатимо интеграцију.


Постоје ли захтеви или ограничења?

Можеш користити Jotform Anywhere без дозволе. Не захтевамо креирање API кључа или попуњавање апликације. Једноставно копирај и налепи приложене кодове и спреман си.

Не постоји ограничење коришћења. Можеш га поставити на било коју страну у своју веб апликацију.


Да ли је мојим корисницима потребан Jotform налог?

Не, није им потребан Jotform налог да креирају своје обрасце или да примају имејл обавештења. Будући да уносе имејл адресу да примају имејл обавештења, а ми примамо имејл као метод регистрације, креираћемо налог госта у позадини


Зашто бих требао користити Jotform Anywhere?

Уколико имаш платформу где корисници могу да креирају обрасце за своје стране, Jotform Anywhere је сјајан начин за пружање ове функционалности.


Шта да радим ако имам додатна питања?

Буди слободан да нас контактираш. Биће нам задовољство да ти одговоримо на питања, и ако ти треба будућа помоћ, доделићемо програмера који ће ти помагати при интегрисању.


Учитај JotformAnywhere JavaScript библиотеку.

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

Након учитавања скрипте изнад можеш користити JotformAnyhere објекат. Овај JavaScript нуди потребе метода за омогућавање сајтова да креирају и уграђују обрасце користећи 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.

Највероватније ћеш звати овај метод као \nCallback догађаја клика.

Пример
JotFormAnywhere.launchFormBuilder({
builderMaskColor: "#FFFFFF"
})
Параметри
Име Упиши Опис
options Object

Погледај опције испод

Опције
Вредност Упиши Опис Аргумент Подразумевано
formID Карактери Уколико се проследи креатор директно га приказује за одговарајући образац. Optional undefined
insertTo Карактери DOM CSS селектор где ће се iFrame спојити са Jotform креатором. Optional undefined
returnIframe Boolean true за добијање iFrame елемента са Jotform креатором, iFrame са креатором неће бити приказан Optional false
openInModal Boolean false за отварање креатора у испом прозору Optional true
builderMaskColor Карактери CSS код боје за маску искачућег оквира Optional "#000000"
remember Boolean false да се последњи имејл не памти Optional true

JotFormAnywhere.insertForm

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

Коришћење ове методе за додавање обрасца на страну се препоручује на фазе мењања и фазе уживо.

Пример
JotFormAnywhere.insertForm({
formID: "30647084188965",
insertTo: "#formHere",
putEditButton: false,
putDeleteButton: false
})
Параметри
Име Упиши Опис
options Object

Погледај опције испод

Опције
Вредност Упиши Опис Аргумент Подразумевано
formID Карактери Идентификатор обрасца који се додаје Обавезно null
insertTo Карактери CSS селектор DOM елемента где ће образац бити убачен. Уколико не упишеш ништа, образац ће бити додат телу. Optional "body"
putEditButton Boolean Додај дугме за измену испред обрасца. Optional true
putDeleteButton Boolean Додај дугме за брисање испред обрасца. Optional 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.

Пример
JotFormAnywhere.createInstantForm({
email: "me@example.com",
templateName: "contact-us"
})
Параметри
Име Упиши Опис
options Object

Погледај опције испод

Опције
Вредност Упиши Опис Аргумент Подразумевано
email Карактери Имејл који ће бити кориштен у току креирања обрасца Обавезно undefined
templateName Карактери Име Jotform шаблона обрасца (https://www.jotform.com/form-templates/contact-form) Обавезно undefined
Погледај пример

JotFormAnywhere.editForm

Можеш отворити прозор за мењање убачених образаца користећи ову методу да корисници не морају да мењају своје обрасце користећи "Измени образац" дугме

Пример
JotFormAnywhere.editForm(
"31343042093342"
)
Параметри

Ова метода прихвата само један обавезан параметар као идентификатор обрасца

Име Упиши Опис
formID String

Погледај опције испод


JotFormAnywhere.deleteForm

Можеш обрисати убачене обрасце са овом методом да корисници не бришу податке користећи "Обриши образац" дугме.

Пример
JotFormAnywhere.deleteForm(
"31343042093342"
)
Параметри

Ова метода прихвата само један обавезан параметар као идентификатор обрасца

Име Упиши Опис
formID String

Погледај опције испод

Погледај пример

JotFormAnywhere.subscribe

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

Пример

Вероватно ћеш желети да будеш обавештен са повезаним подација када је образац успешно креиран у JotForm-у.

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

Или када је образац измењен

JotFormAnywhere.subscribe("jotform.formUpdated", 
function(response){
console.log("Form is updated with properties:", response)
}
)
Догађаји

Глобални догађаји на које можеш да се претплатиш:

  • jotform.formCreated - покреће се када је образац креиран у JotForm-у
  • jotform.formUpdated - покреће се када је образац измењен и сачуван у JotForm-у
  • jotform.formDeleted - покреће се када је образац обрисан
  • jotform.formLoaded - покреће се када је iFrame у потпуности учитан

Објекат одговора који се прености у callback функцију за formCreated и formUpdated догађаје изгледа овако:

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

Објекат одговора који се преноси у callback функцију за formDeleted и formLoaded догађаје изгледа овако:

{
formID:"30654794751967", 
}

JotFormAnywhere.customize

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

Пример
JotFormAnywhere.customize({
formBuilderBarColor: "#FFFFFF",
primaryButtonColor: "#FF00FF",
primaryButtonHoverColor: "blue"
})
Параметри
Име Упиши Опис
options Object

Погледај опције испод

Опције
Вредност Упиши Опис Аргумент Подразумевано
formBuilderBarColor Карактери Боја Jotform траке са алатима Optional #FC7C03
primaryButtonColor Карактери Боја главног дугмета Optional #139045
primaryButtonHoverColor Boolean Боја преласка главног дугмета Optional #16a24e
Погледај пример