Jotform Anywhere.

Websitesi geliştirme aracınıza bir form oluşturucu ekleyin



Şimdi Dene

Jotform Anywhere, Jotform'un Form Oluşturucu yeteneklerini tüm web uygulamalarına getiren küçük bir JavaScript SDK'sıdır.

Jotform Anywhere, web uygulamanızın içerisine bir Form Oluşturucu eklemenize olanak sağlayan bir dizi kullanıcı tarafı işlevsellik sağlar. Kullanıcılar sitenizden ayrılmadan formlar oluşturabilir/düzenleyebilir ve yerleştirebilir.


7500+ Kullanıma Hazır Form Şablonu

Kullanıcılar, sadece birkaç tıklama ile 7500'den fazla güzel form şablonundan doğrudan form ekleyebilirler.

Ready to use Form Templates

Form Oluşturucu

Kullanıcılarınızın 25'den fazla türde form sorusu ve 350'den fazla widget ile her türlü web formu oluşturmasına izin verin.

Jotform Form Builder

JavaScript kitaplığını başlatmak için bu kodu kopyalayıp yapıştırın:

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

Form oluşturucuyu başlatan bir buton eklemek için aşağıdaki html kodunu kopyalayıp yapıştırın

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

Butona tıklayınca Jotform iframe (yerleştirilebilir form oluşturucu) çalışacak ve oluşturulmuş/seçilmiş form varsayılan olarak gövdeye eklenecektir. Daha fazla özelleştirme seçeneği için belgelere göz atın.


Demo ornek.csv dosyasını indir

Neden Jotform Anywhere?

Jotform, online bir form oluşturucudur. Jotform'un sürükle-bırak form düzenleyicisi ve onun 7500'ün üzerinde kullanıma hazır form şablonunu kullanarak form oluşturmak hızlı, basit ve oldukça eğlenceli.

Jotform Anywhere, Jotform Form Oluşturucu'nun yeteneklerini tüm web uygulamalarına getiren küçük bir Javascript SDK'sıdır. Jotform Form Oluşturucu'sunu uygulamanıza kolayca yerleştirebilirsiniz ve kullanıcılar form oluşturucuyu bir lightbox sihirbazı olarak başlatabilir, kendi formlarını oluşturabilir ve onları web sayfalarına ekleyebilir.


Jotform Anywhere kimler içindir?

Jotform Anywhere özellikle web sitesi oluşturucuları ve blog sağlayıcıları için kullanışlıdır. Ancak, kullanıcıların web formları oluşturmalarına izin vermesi gereken her tür web uygulaması bunu kullanabilir.


Jotform Anywhere şu anda hangi imkanları sunmaktadır?

1. Form Ekle
Kullanıcılarınız sayfadaki herhangi bir yere bir form ekleyebilir. Bir form eklemek, bir modal kutusundaki bir sihirbazı çalıştırır. Kullanıcılarınız kullanıma hazır 7500'den fazla form şablonundan birini seçebilir ve kendi formlarını oluşturmak için form oluşturucuyu kullanabilir.

2. Formu Düzenle/Sil
Düzenleyicinize bir eklendiğinde, kullanıcı formun üzerine gelebilir ve form oluşturucu sihirbazını yeniden başlatmak için Düzenle butonuna tıklayabilir.

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.

Başka bir ihtiyacınız varsa lütfen bizimle iletişime geçin. Daha sıkı bir entegrasyonu desteklemek için ek işlevsellik eklemekten memnuniyet duyarız.


Herhangi bir gereksinim veya kısıtlama var mı?

Jotform Anywhere'i izinsiz kullanabilirsiniz. Bir API anahtarı almanızı veya bir başvuru doldurmanızı istemiyoruz. Yalnızca kod örneklerini kopyalayıp yapıştırın ve ardından hazırsınız.

Kullanım miktarına ilişkin herhangi bir kısıtlama yoktur. Web uygulamanızdaki herhangi bir sayfaya yerleştirebilirsiniz.


Kullanıcılarımın bir Jotform Hesabı Oluşturması Gerekir mi?

Hayır, formlar oluşturmak veya form yanıtlarını e-postayla göndermek için bir Jotform hesabına sahip olmaları gerekmez. Çünkü, form yanıtlarını almaları için bizim bir kayıt olarak kabul ettiğimiz bir e-posta adresi girmeleri gerekecek ve biz arka planda misafir hesapları oluşturuyoruz.


Neden Jotform Anywhere kullanmalıyım?

Kullanıcıların sayfalarına form oluşturabilmeyi isteyebileceği bir platformunuz varsa, Jotform Anywhere onlara bu işlevselliği sağlamanın harika bir yoludur.


Başka Sorularım Olursa Ne Yapmalıyım?

Lütfen bizimle iletişime geçmekten çekinmeyin. Sorularınız ile ilgili size yardımcı olmaktan memnuniyet duymakla birlikte, daha fazla yardıma ihtiyacınız olması durumunda entegrasyon ile ilgisi sizlere destek olması için bir geliştirici atayabiliriz.


JotformAnywhere javascript kitağlığını yükleyin

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

Yukarıdaki komutu yükledikten sonra JotformAnywhere ögesini kullanabilirsiniz. Bu JS ögesi, web sitelerinin Jotform üzerinden formlar oluşturup yerleştirmesini sağlamak için gerekli yöntemleri sağlar.


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.

Büyük olasılıkla bu yöntemi bir tıklama eylemini geri çağırma durumu olarak adlandıracaksınız.

Örnek
JotFormAnywhere.launchFormBuilder({
builderMaskColor: "#FFFFFF"
})
Parametreler
İsim Tür Açıklama
options Object

Aşağıdaki seçeneklere göz atın

Seçenekler
Özellik Tür Açıklama Argüman Varsayılan
formID Dizi Verilen oluşturucu doğrudan ilgili form için düzenleyiciyi gösterir. İsteğe bağlı undefined
insertTo Dizi Jotform oluşturucu iframe'in ekleneceği DOM css seçici. İsteğe bağlı undefined
returnIframe Boolean Jotform oluşturucu iframe ögesini sağlamak için true, oluşturucu iframe çalıştırılmayacaktır. İsteğe bağlı false
openInModal Boolean Oluşturucuyu modal kutuda açmamak için false. İsteğe bağlı true
builderMaskColor Dizi Oluşturucu modal kutu maskesi için CSS renk kodu. İsteğe bağlı "#000000"
remember Boolean Son kullanıcının e-postasını hatırlamamak için false İsteğe bağlı true

JotFormAnywhere.insertForm

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

Web sayfanızın içerisine yerleştirmek için bu yöntemi kullanmak hem düzenleme hem de canlı aşamalarında şiddetle tavsiye edilir.

Örnek
JotFormAnywhere.insertForm({
formID: "30647084188965",
insertTo: "#formHere",
putEditButton: false,
putDeleteButton: false
})
Parametreler
İsim Tür Açıklama
options Object

Aşağıdaki seçeneklere göz atın

Seçenekler
Özellik Tür Açıklama Argüman Varsayılan
formID Dizi Eklenecek form id Zorunlu null
insertTo Dizi Formun ekleneceği DOM elementi için CSS seçici. Bunu sağlamazsanız, form gövdeye eklenecektir. İsteğe bağlı "body"
putEditButton Boolean Formun önüne düzenleme butonu ekleyin. İsteğe bağlı true
putDeleteButton Boolean Formun önüne silme butonu ekleyin. İsteğe bağlı 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.

Örnek
JotFormAnywhere.createInstantForm({
email: "me@example.com",
templateName: "contact-us"
})
Parametreler
İsim Tür Açıklama
options Object

Aşağıdaki seçeneklere göz atın

Seçenekler
Özellik Tür Açıklama Argüman Varsayılan
email Dizi Form oluşturma sırasında kullanılacak e-posta Zorunlu undefined
templateName Dizi Jotform Form Şablon adı (https://www.jotform.com/form-templates/contact-form) Zorunlu undefined
Demoyu gör

JotFormAnywhere.editForm

Bu yöntemle eklenen formların düzenleme ekranını açabilirsiniz. Böylece, kullanıcılar "Formu Düzenle" butonu ile formlarını düzenlemek zorunda kalmayacaklardır.

Örnek
JotFormAnywhere.editForm(
"31343042093342"
)
Parametreler

Bu yöntem, form-id olarak yalnızca bir gerekli parametreyi alır

İsim Tür Açıklama
formID String

Aşağıdaki seçeneklere göz atın


JotFormAnywhere.deleteForm

Eklenen formları bu yöntemle silebilirsiniz. Böylece, kullanıcılar "Formu Sil" butonu ile formlarını silmek zorunda kalmayacaklardır.

Örnek
JotFormAnywhere.deleteForm(
"31343042093342"
)
Parametreler

Bu yöntem, form-id olarak yalnızca bir gerekli parametreyi alır

İsim Tür Açıklama
formID String

Aşağıdaki seçeneklere göz atın

Demoyu gör

JotFormAnywhere.subscribe

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

Örnek

Jotform'da başarıyla form oluşturulduğunda muhtemelen ilgili verilerle birlikte bilgilendirme almak isteyeceksiniz.

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

Veya form güncellendiğinde

JotFormAnywhere.subscribe("jotform.formUpdated", 
function(response){
console.log("Form is updated with properties:", response)
}
)
Organizasyonlar

Abone olabileceğiniz küresel etkinlikler:

  • jotform.formCreated - Jotform'da form oluşturulduğunda tetiklenir
  • jotform.formUpdated - form düzenlendiğinde ve Jotform'a kaydedildiğinde tetiklenir
  • jotform.formDeleted - form silindiğinde tetiklenir
  • jotform.formLoaded - form iframe tamamen yüklendiğinde tetiklenir

formCreated ve formUpdated durumu için geri çağırma işlevine iletilen yanıt nesnesi şöyle görünür:

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

formDeleted ve formLoaded durumu için geri çağırma işlevine iletilen yanıt nesnesi şöyle görünür:

{
formID:"30654794751967", 
}

JotFormAnywhere.customize

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

Örnek
JotFormAnywhere.customize({
formBuilderBarColor: "#FFFFFF",
primaryButtonColor: "#FF00FF",
primaryButtonHoverColor: "blue"
})
Parametreler
İsim Tür Açıklama
options Object

Aşağıdaki seçeneklere göz atın

Seçenekler
Özellik Tür Açıklama Argüman Varsayılan
formBuilderBarColor Dizi Jotform oluşturucu araç çubuğu rengi İsteğe bağlı #FC7C03
primaryButtonColor Dizi Ana eylem buton rengi İsteğe bağlı #139045
primaryButtonHoverColor Boolean Ana eylem butonu üzerine gelme rengi İsteğe bağlı #16a24e
Demoyu gör