Genel Bakış
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.
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.
Hızlı kullanım
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.
Demoyu Deneyin
Bir demo deneyin ve kaynak kodunu indirin.
Örnekler
Bazı Jotform Anywhere entegrasyonlarına örnek. Jotform Anywhere ile entegre ettiniz mi? Bize bildirin.
- Breezi Jotform Anywhere'i nasıl kullanır on their website builder as a form builder.
- Sidengo, kullanıcıların Kişiselleştirilmiş Formlar Oluşturmasını sağlamak için Jotform Anywhere kullanıyor.
Jotform Anywhere SSS
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.
Belgeler
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 |
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 |
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 |