Jotform Anywhere.

Tambahkan pembuat formulir ke pembuat situs web Anda.



Lihat aksinya

Jotform Anywhere adalah SDK JavaScript kecil yang menghadirkan kemampuan Pembuat Formulir Jotform ke semua aplikasi web.

Jotform Anywhere menyediakan serangkaian fungsionalitas sisi klien untuk memungkinkan Anda menambahkan Pembuat Formulir di dalam aplikasi web Anda. Pengguna Anda dapat membuat/memperbarui dan menyematkan formulir tanpa meninggalkan situs Anda.


7500+ Templat Formulir Siap Pakai

Pengguna dapat langsung menyematkan formulir dari 7500 lebih templat cantik hanya dengan beberapa klik.

Ready to use Form Templates

Pembuat Formulir

Biarkan pengguna Anda membuat segala jenis formulir web dengan 25+ jenis pertanyaan dan 350+ widget.

Jotform Form Builder

Salin dan tempel kode ini untuk menginisialisasi pustaka javascript:

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

Salin dan tempel kode HTML di bawah ini untuk menambahkan tombol yang meluncurkan pembuat formulir

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

Mengklik tombol itu akan meluncurkan iframe Jotform (pembuat formulir yang dapat disematkan) dan formulir yang dibuat/dipilih akan ditambahkan ke badan halaman situs secara default. Lihat dokumentasi untuk opsi penyesuaian lebih lanjut.


Demo Unduh sample.csv

Apa itu Jotform Anywhere?

Jotform adalah pembuat formulir online. Dengan menggunakan editor formulir seret dan lepas Jotform dan 7500+ templat formulir siap pakai, membuat formulir menjadi cepat, mudah, dan menyenangkan.

Jotform Anywhere adalah SDK JavaScript kecil yang menghadirkan kemampuan Pembuat Formulir Jotform ke semua aplikasi web. Anda dapat menyematkan Pembuat Formulir ke aplikasi Anda dengan mudah, dan pengguna Anda akan dapat meluncurkan pembuat formulir sebagai lightbox wizard, membuat formulir mereka dan menambahkannya ke halaman web mereka.


Untuk Siapa Jotform Anywhere?

Jotform anywhere sangat berguna untuk pembuat situs web dan penyedia blog. Namun, semua jenis aplikasi web yang perlu memungkinkan pengguna membuat formulir web dapat menggunakannya.


Kemampuan apa yang dimiliki Jotform Anywhere saat ini?

1. Tambah Formulir
Pengguna Anda dapat menambahkan formulir ke mana saja di halaman. Menambahkan formulir akan meluncurkan wizard di kotak modal. Pengguna Anda dapat memilih salah satu dari 7500+ templat formulir siap pakai atau menggunakan pembuat formulir untuk membuat formulir mereka.

2. Edit/Hapus Formulir
Setelah formulir ditambahkan ke editor Anda, pengguna dapat mengarahkan kursor ke formulir dan mengklik tombol Edit untuk meluncurkan kembali wizard pembuat formulir.

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.

Jika Anda memiliki kebutuhan lain, silakan hubungi kami. Kami akan dengan senang hati menerapkan fungsionalitas tambahan untuk mendukung integrasi yang lebih erat.


Apakah ada persyaratan atau batasan?

Anda dapat menggunakan Jotform Anywhere tanpa izin. Kami tidak mengharuskan Anda untuk mendapatkan kunci API atau mengisi aplikasi. Cukup salin dan tempel contoh kode dan Anda siap untuk menggunakannya.

Tidak ada batasan jumlah penggunaan. Anda dapat menempatkannya di halaman mana pun di aplikasi web Anda.


Apakah Pengguna Saya Perlu Membuat Akun Jotform?

Tidak, mereka tidak perlu memiliki akun Jotform untuk membuat formulir atau mendapatkan tanggapan formulir mereka melalui email. Karena mereka akan memasukkan alamat email untuk mendapatkan tanggapan formulir mereka, kami menerima alamat email tersebut sebagai pendaftaran dan kami buatkan akun tamu di latar belakang.


Mengapa Saya Harus Menggunakan Jotform Anywhere?

Jika Anda memiliki platform tempat pengguna meminta untuk dapat membuat formulir ke halaman mereka, Jotform Anywhere adalah cara yang bagus untuk menyediakan fungsionalitas ini kepada mereka.


Apa yang Harus Saya Lakukan Jika Saya Memiliki Pertanyaan Lebih Lanjut?

Jangan ragu untuk menghubungi kami. Kami akan dengan senang hati membantu Anda dengan pertanyaan Anda dan jika Anda memerlukan bantuan lebih lanjut, kami akan menugaskan pengembang untuk membantu Anda dalam integrasi.


Muat pustaka javascript JotformAnywhere

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

Setelah memuat script di atas, Anda dapat menggunakan objek JotformAnywhere. Objek JS ini menyediakan metode yang diperlukan untuk memungkinkan situs web membuat dan menyematkan formulir melalui Jotform.


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.

Kemungkinan besar Anda akan memanggil metode ini sebagai panggilan balik dari peristiwa klik.

Contoh
JotFormAnywhere.launchFormBuilder({
builderMaskColor: "#FFFFFF"
})
Parameter
Nama Jenis Deskripsi
options Object

Lihat Opsi di bawah ini

Opsi
Properti Jenis Deskripsi Argumen Default
formID String Jika diberikan, pembuat formulir secara langsung menampilkan editor formulir yang sesuai. Pilihan undefined
insertTo String Pemilih CSS DOM tempat iframe pembuat formulir Jotform akan ditambahkan. Pilihan undefined
returnIframe Boolean true untuk mendapatkan elemen iframe Pembuat Jotform, iframe pembuat tidak akan dirender. Pilihan false
openInModal Boolean false untuk tidak membuka pembuat di kotak modal. Pilihan true
builderMaskColor String Kode warna CSS untuk mask kotak modal pembuat formulir. Pilihan "#000000"
remember Boolean false untuk tidak mengingat email pengguna terakhir Pilihan true

JotFormAnywhere.insertForm

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

Menggunakan metode ini untuk menempatkan formulir di dalam halaman web Anda sangat disarankan pada tahap edit dan live.

Contoh
JotFormAnywhere.insertForm({
formID: "30647084188965",
insertTo: "#formHere",
putEditButton: false,
putDeleteButton: false
})
Parameter
Nama Jenis Deskripsi
options Object

Lihat Opsi di bawah ini

Opsi
Properti Jenis Deskripsi Argumen Default
formID String ID formulir yang akan dimasukkan Wajib null
insertTo String Pemilih CSS elemen DOM tempat formulir akan dimasukkan. Jika Anda tidak memberikannya, formulir akan ditambahkan ke badan HTML. Pilihan "body"
putEditButton Boolean Tambahkan tombol edit di depan formulir Pilihan true
putDeleteButton Boolean Tambahkan tombol hapus di depan formulir Pilihan 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.

Contoh
JotFormAnywhere.createInstantForm({
email: "me@example.com",
templateName: "contact-us"
})
Parameter
Nama Jenis Deskripsi
options Object

Lihat Opsi di bawah ini

Opsi
Properti Jenis Deskripsi Argumen Default
email String Email yang akan digunakan selama pembuatan formulir Wajib undefined
templateName String Nama Templat Formulir Jotform (https://www.jotform.com/form-templates/formulir kontak) Wajib undefined
Lihat demo

JotFormAnywhere.editForm

Anda dapat membuka layar edit formulir yang disisipkan dengan metode ini sehingga pengguna tidak perlu mengedit formulir mereka melalui tombon "Edit Formulir".

Contoh
JotFormAnywhere.editForm(
"31343042093342"
)
Parameter

Metode ini hanya membutuhkan satu parameter wajib sebagai form-id

Nama Jenis Deskripsi
formID String

Lihat Opsi di bawah ini


JotFormAnywhere.deleteForm

Anda dapat menghapus formulir yang disisipkan dengan metode ini sehingga pengguna tidak perlu menghapus formulir mereka melalui tomboh "Hapus Formulir".

Contoh
JotFormAnywhere.deleteForm(
"31343042093342"
)
Parameter

Metode ini hanya membutuhkan satu parameter wajib sebagai form-id

Nama Jenis Deskripsi
formID String

Lihat Opsi di bawah ini

Lihat demo

JotFormAnywhere.subscribe

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

Contoh

Anda mungkin ingin diberi tahu dengan data terkait saat formulir berhasil dibuat di Jotform.

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

Atau saat formulir diperbarui

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

Peristiwa global yang dapat Anda ikuti:

  • jotform.formCreated - diaktifkan saat formulir dibuat di Jotform
  • jotform.formUpdated - diaktifkan saat formulir diedit dan disimpan di Jotform
  • jotform.formDeleted - diaktifkan saat formulir dihapus
  • jotform.formLoaded - diaktifkan saat iframe formulir telah selesai dimuat

Objek respons yang diteruskan ke fungsi panggilan balik untuk peristiwa formCreated dan formUpdated terlihat seperti berikut:

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

Objek respons yang diteruskan ke fungsi panggilan balik untuk peristiwa formDeleted dan formLoaded terlihat seperti berikut:

{
formID:"30654794751967", 
}

JotFormAnywhere.customize

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

Contoh
JotFormAnywhere.customize({
formBuilderBarColor: "#FFFFFF",
primaryButtonColor: "#FF00FF",
primaryButtonHoverColor: "blue"
})
Parameter
Nama Jenis Deskripsi
options Object

Lihat Opsi di bawah ini

Opsi
Properti Jenis Deskripsi Argumen Default
formBuilderBarColor String Warna bilah alat pembuat Jotform Pilihan #FC7C03
primaryButtonColor String Warna tombol aksi utama Pilihan #139045
primaryButtonHoverColor Boolean Warna hover tombol aksi utama Pilihan #16a24e
Lihat demo