Jotform
Навсякъде.

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

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

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

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

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

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

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

  <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. Вземете кода на формata
Jotform Навсякъде библиотеката на javaScript връща формов код, така че да можете да го поставите в "живата" версия на сайта. Можете също така да получите допълнителни данни като ширината/височината на формата от Jotform Навсякъде.

Ако имате други нужди, моля свържете се с нас. Ще се радваме да внедрим допълнителна функционалност, за да се постигне по-тясна интеграция.

Има ли изисквания или ограничения?

Можете да използвате 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

Ако не е предвидена опция JotformAnywhere.launchFormBuilder ще отвори модална кутия, включително iframe, предоставен от Jotform. Всички процеси за създаване/редактиране на форми се извършват вътре в този iframe.

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

Пример

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

Параметри

Опции

JotFormAnywhere.insertForm

JotformAnywhere.insertForm създава "див" с идентификатор "jotform_form_container_{formID}" и вгражда формата вътре.

Използването на този метод за поставяне на форма във вашата уеб страница е силно препоръчително, както на етап на редактиране, така и на живо

Пример

JotFormAnywhere.insertForm({
formID: "30647084188965",
insertTo: "#formHere",
putEditButton: false,
putDeleteButton: false
})

Параметри

Опции

JotFormAnywhere.createInstantForm

Използвайки метода JotformAnywhere.createInstantForm , можете да инструктирате библиотеката на Jotform Навсякъде да създаде форма веднага след зареждане на javascript файл. Имайте предвид, че извикването на този метод ще публикува jotform.formCreated събитие, за което можете да се абонирате.

Пример

JotFormAnywhere.createInstantForm({
email: "me@example.com",
templateName: "contact-us"
})

Параметри

Опции

JotformAnywhere.editForm

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

Пример

JotFormAnywhere.editForm(
"31343042093342"
)

Параметри

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

JotFormAnywhere.deleteForm

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

Пример

JotFormAnywhere.deleteForm(
"31343042093342"
)

Параметри

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

JotFormAnywhere.subscribe

Методът JotformAnywhere.subscribe прикачва манипулатора към събитие, дефинирано от JS библиотека и извиква обратното ви обаждане, когато събитието се задейства.

Пример

Вероятно ще искате да бъдете уведомени със свързани данни, когато формата бъде успешно създадена в 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

С метода JotformAnywhere.customize можете да персонализирате цветовете по подразбиране на iframe на Jotform

Пример

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

Параметри

Опции