Преглед
Jotform Anywhere је мали JavaScript SDK који доноси могућности Jotform креатора образаца у све веб апликације.
Jotform Anywhere нуди одређене функционалности клијентима, и дозвољава ти да додаш креатор образаца у своју апликацију. Твоји корисници могу креирати, мењати и уграђивати обрасце без напуштања твог сајта.
Преко 7500 шаблона спремних за употребу
Корисници могу дуректно уградити образац користећи више од 7500 шаблона образаца уз само неколико кликова.
Креатор обрасца
Дозволи корисницима креирање било каквог обрасца са преко 25 типова питања и више од 350 виџета.
Брза употреба
Копирај и налепи овај код да иницијализујеш JavaScript библиотеку:
<script type="text/javascript" src="//js.jotform.com/JotFormAnywhere.js"></script>
Копирај и налепи HTML код испод да додаш дугме које покреће креатор образаца
<button onclick="JotFormAnywhere.launchFormBuilder({});">Add Form</button>
Кликом на дугме ћеш покренути Jotform iFrame (уграђени креатор образаца) и креирани/одабрани обрасци ће се подразумевано приказати. Погледај документацију за додатно прилагођавање.
Пробај Демо
Пробај пример и преузми изворни код.
Примери
Ево су неки примери Jotform Anywhere интеграције. Да ли си и ти интегрисао Jotform Anywhere? Јави нам
- Како Breezi користи Jotform Anywhere on their website builder as a form builder.
- Sidengo користи Jotform Anywhere да дозволи корисницима креирање професионалних образаца.
Jotform Anywhere честа питања
Шта је Jotform Anywhere?
Jotform је онлајн креатор образаца. Користећи Jotform "превуци и пусти" креатор и са преко 1500 спремних шаблона креирање образаца је брзо, једноставно и забавно.
Jotform Anywhere је мали JavaScript SDK који доноси могућности Jotform креатора образаца у све веб апликације. Можеш уградити Jotform креатор образаца у своје апликације са лакоћом, и твоји корисници ће моћи покренити креатор образаца у облику чаробњака, креирати обрасец и додати их на своје веб стране.
За кога је Jotform Anywhere?
Jotform Anywhere је посебно користан за креаторе сајтова и услуге блогова. Али, било која апликација која треба да дозволи користницима креирање веб образаца може да га користи.
Које могућности Jotform Anywhere тренутно има?
1. Додај образац
Твоји корисници могу додати обрасце било где на страни. Додавање обрасца ће покренути чаробњак у искачућем прозору. Твоји корисници могу одабрати један од 1500+ спремих шаблона или користити креатор образаца да креирају свој образац.
2. Измени обриши образац
Једном када је образац додат у твој уређивач, корисник може прећи мишем преко обрасца и кликнути дугме за мењање да отвори чаробњак обрасца опет.
3. Преузми код обрасца
JotFormAnywhere JavaScript библиотека враћа код обрасца да можеш да је ставиш на свој сајт. Такође добијаш додатне информације као што су висина и ширина обрасца.
Уколико имаш неке друге потребе, молимо те да нас контактираш. Са задовољством ћемо додати нове могућности да обогатимо интеграцију.
Постоје ли захтеви или ограничења?
Можеш користити 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
Уколико опција није унешена JotformAnywhere.launchFormBuilder ће отворити искачући оквир са iFrame-ом који нуди Jotform. Све модификације и креирања обрасца се раде унутар овог 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 креира div са id "jotform_form_container_{formID}" и уграђује образац унутар њега.
Коришћење ове методе за додавање обрасца на страну се препоручује на фазе мењања и фазе уживо.
Пример
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
Користећи JotformAnywhere.createInstantForm методу да упутиш JotformAnywhere библиотеку да креира образац одмах нако учитавања JavaScript фајла. Имај на уму да ће ова метода објавити jotform.formCreated догађај на који можеш да се претплатиш.
Пример
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 метода додаје handler на догађај дефинисан од стране JS библиотеке и позива твој callback када се догађаји покрену.
Пример
Вероватно ћеш желети да будеш обавештен са повезаним подација када је образац успешно креиран у 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
Са JotformAnywhere.customize методом можеш прилагодити подразумеване боје Jotform iFrame-а
Пример
JotFormAnywhere.customize({ formBuilderBarColor: "#FFFFFF", primaryButtonColor: "#FF00FF", primaryButtonHoverColor: "blue" })
Параметри
Име | Упиши | Опис |
---|---|---|
options | Object |
Погледај опције испод |
Опције
Вредност | Упиши | Опис | Аргумент | Подразумевано |
---|---|---|---|---|
formBuilderBarColor |
Карактери | Боја Jotform траке са алатима | Optional | #FC7C03 |
primaryButtonColor |
Карактери | Боја главног дугмета | Optional | #139045 |
primaryButtonHoverColor |
Boolean | Боја преласка главног дугмета | Optional | #16a24e |