Преглед
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. 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 |