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 Ready to use Form Templates

Form Oluşturma Aracı

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 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 çalışacak (yerleştirilebilir form oluşturucu) 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 İndir

  • Breezi Jotform Anywhere'i nasıl kullanır on their website builder as a form builder.
  • Sidengo, kullanıcılara Kişiselleştirilmiş Formlar Oluşturmasını sağlamak için Jotform Anywhere kullanıyor.
  • 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ütfenbizimle 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ı epostayla 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 etttiğimiz bir eposta 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 duyarız ve daha fazla yardıma ihtiyacınız olması durumunda, entegrasyona yardımcı olması için size bir geliştirici atarız.


    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 öğesini kullanabilirsiniz. Bu JS öğesi, 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 öğesini 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 epostası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 bakı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 eposta 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 objeşi şö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 objeşi şö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 aksiyon buton rengi İsteğe bağlı #139045
    primaryButtonHoverColor Boolean Ana aksiyon butonu üzerine gelme rengi İsteğe bağlı #16a24e
    Demoyu gör