Jotform
Навсякъде.

Jotform Навсякъде е малък JavaScript SDK, който предоставя възможностите на конструктора на форми на Jotform във всички уеб приложения.

Jotform Навсякъде предоставя набор от функционалности от страна на клиента, за да ви позволи да добавите конструктора на форми във вашето уеб приложение. Потребителите ви могат да създават/редактират и вграждат форми, без да напускат вашия сайт.

7500+ готови за употреба шаблони на форми

Потребителите могат директно да вграждат форми от над 7500 красиви шаблона на форми, само с няколко щраквания.

Формов Конструктор

Позволете на вашите потребители да създават всякакви уеб форми с над 25 типа въпроси и над 350 джаджи.

Копирайте и поставете този код, за да инициализирате библиотека на javascript:

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

Копирайте и поставете html код по-долу, за да добавите бутон, който стартира конструктор на форми

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

Щракването върху този бутон ще стартира iframe на Jotform (вграждаем конструктор на форми) и създадената/избраната форма ще бъде добавена към тялото по подразбиране.\nВижте документацията за допълнителни опции за персонализиране.

• Как Breezi използва Jotform Навсякъде on their website builder as a form builder.
• Sidengo използва Jotform Навсякъде, за да позволи на потребителите да създават персонализирани форми .

Какво представлява Jotform Навсякъде?

Jotform е онлайн конструктор на форми. Използването на редактора за плъзгане и пускане на форми на Jotform и неговите 7500+ готови формови шаблона, за създаване на форми е бързо, лесно и забавно.

Jotform Навсякъде е малък JavaScript SDK, който предоставя възможностите на конструктора на форми на Jotform, във всички уеб приложения. Можете лесно да вградите конструктора на форми на Jotform в приложението ви и вашите потребители ще могат да стартират конструктора на форми, като лайтбокс съветник, да създават техни форми и да ги добавят към техните уеб страници.

За кого е Jotform Навсякъде?

Jotform Навсякъде е особено полезен за създателите на уебсайтове и доставчиците на блогове. Но всеки вид уеб приложение, което трябва да позволи на потребителите да създават уеб форми, може да го използва.

Какви възможности има Jotform Навсякъде в момента?

1. Добавяне на форма
Потребителите ви могат да добавят форма навсякъде на страницата. Добавянето на форма ще стартира съветник в модална кутия. Потребителите ви могат да избират от един от 7500+ готови шаблона на форми или да използват конструктора на форми, за да създадат своя форма.

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 Навсякъде без разрешение. Не изискваме да получите API ключ или да попълните заявление. Просто копирайте и поставете образците на кода и сте готови за работа.

Няма ограничения за размера на употреба. Можете да го поставите на всяка страница във вашето уеб приложение.

Трябва ли моите потребители да създадат Jotform акаунт?

Не, не е необходимо да имат акаунт Jotform, за да създават форми или да получат техните подадени формуляри по имейл. Тъй като те ще въведат имейл адрес, за да получат техните подадени формуляри, ние приемаме имейл адреса, като регистрация и създаваме акаунти за гости във фонов режим.

Защо трябва да използвам Jotform Навсякъде?

Ако имате платформа, където потребителите искат да могат да създават форми на техните страници, Jotform Навсякъде е страхотен начин да им предоставите тази функционалност.

Какво трябва да направя, ако имам допълнителни въпроси?

Моля не се колебайте да се свържете с нас . Ще се радваме да ви помогнем с вашите въпроси и ако имате нужда от допълнителна помощ, ще ви назначим програмист, който да ви помогне с интеграцията.

Заредете библиотеката на javascript на Jotform Навсякъде

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

След зареждане на скрипта по-горе, можете да използвате обект на Jotform Навсякъде. Този JS обект предоставя необходими методи за разрешаване на уеб сайтовете да създават и вграждат форми чрез 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.

Най-вероятно ще извикате този метод, като обратно извикване на събитие при натискане.

Пример

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

Параметри

Опции

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
})

Параметри

Опции

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"
})

Параметри

Опции

JotFormAnywhere.editForm

Можете да отворите екрана за редактиране на вмъкнати форми с този метод, така че потребителите да не трябва да редактират техните форми, чрез бутона "Редактиране на форма".

Пример

JotFormAnywhere.editForm(
"31343042093342"
)

Параметри

Този метод приема само един задължителен параметър, като идентификатор на форма

JotFormAnywhere.deleteForm

Можете да изтриете вмъкнати форми с този метод, така че потребителите да не трябва да изтриват техните форми, чрез бутона „Изтриване на форма“.

Пример

JotFormAnywhere.deleteForm(
"31343042093342"
)

Параметри

Този метод приема само един задължителен параметър, като идентификатор на форма

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 на формата е напълно зареден

Обектът за отговор, предаден във функцията за обратно извикване за formCreated и formUpdated, изглежда по следния начин:

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

Обектът за отговор, предаден във функцията за обратно извикване 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"
})

Параметри

Опции