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.


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. Form Kodu Alın
JotFormAnywhere javascript kütüphanesi, sitenizin canlı bir versiyonuna yerleştirebileceğiniz bir form kodu döndürür. Ayrıca, JotFormAnywhere'den formun genişliği/yüksekliği gibi ek verileri de alabilirsiniz.

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

Hiçbir seçenek sağlanmamışsa, JotformAnywhere.launchFormBuilder, Jotform tarafından sağlanan iframe içeren bir modalkutusu açacaktır. Tüm form oluşturma/düzenleme işlemleri bu iframe içinde yapılır.

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 elemanını 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 "jotform_form_container_{formID}" kimliği ile bir div oluşturur ve formun içerisine yerleştirir.

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

JotformAnywhere.createInstantForm yönetmini kullanarak, javascript dosyasını yükledikten hemen sonra bir form oluşturması için JotformAnywhere kütüphanesine talimat verebilirsiniz. Bu yöntemi çağırmanın abone olabileceğiniz jotform.formCreated etkinliği yayınlayacağını unutmayın.

Ö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 yöntemi, JS kitaplığı tarafından tanımlanan bir olaya işleyici ekler ve olay tetiklendiğinde geri çağrınızı çalıştırır.

Ö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

JotformAnywhere.customize metodu ile Jotform iframe'in varsayılan renklerini özelleştirebilirsiniz.

Ö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