Cara Menghilangkan Footer Credit (Branding) Jotform.com - Andreans
News Update
Loading...

Sabtu, 23 Oktober 2021

Cara Menghilangkan Footer Credit (Branding) Jotform.com

Jotform.com merupakan situs penyedia pembuatan formulir online yang kaya akan fitur. Meski sudah ada Google Form, namun nyatanya Jotform ini memiliki lebih banyak keunggulan, salah satunya adalah dari segi kustomisasi.

Selain kustomisasi, kita juga bisa bebas meletakkan form kita dimanapun (embed). Entah di Blogger, Wordpress, dan web apapun. Kita bisa melakukannya menggunakan metode iFrame, penyematan html hingga code-code khusus di berbagai platform pihak ketiga.

Namun, kekurangan Jotform bagi pengguna gratisan adalah terbatasnya submit form bulanan (max 100 pengisi form per bulan), serta adanya footer di bawah form yang berisi credit link menuju Jotform (branding). Tentu ini akan terasa sangat mengganggu penampilan form kita.

menghilangkan branding footer jotform

Udah dikasih gratis tapi rewel. Ya.. gimana ya.. tentu kita sangat menghargai Jotform, jika ada yang tanya tentang form yg kita pakai pun pasti akan memberi tahu tentang Jotform. Pembatasan sudah kita rasakan. Jika mereka ingin marketing gratis dan all time yaa.. gkdlu! 

Mereka memberi batasan, kita juga bisa dong. Namun tetap, kita akan selalu memberi tahu para penanya tentang form yang kita pakai secara personal, tidak melalui branding Footer yang akan selalu aktif dan menjadi backlink / marketing gratis bagi Jotform.

Tapi ini tergantung sifat pengguna juga sih.. saya sendiri memiliki sifat perfeksionis, yang membuat saya harus berusaha maksimal dalam urusan desain. Salah satunya adalah dalam hal desain form dari Jotform ini. Jika ada branding yang mengganggu tampilan apalagi saat diembed tentu membuat saya geram. 

Karena itu saya mencoba utak-atik code dari Jotform untuk mengakali Footer Creditnya (Branding) dan mencoba membagikannya disini karena memang terbukti berhasil. Cara yang saya pakai selalu simple kok, ikuti dengan seksama ya..

Cara Menghilangkan Branding Footer Jotform

Sebelum ke tahap utama, pastikan ada sudah membuat/build form Anda di Jotform dengan maksimal atau sudah tahap final dan tinggal mempublikasikannya saja. Jika sudah siap publikasi, maka segera ke tab Publikasi dan memilih metode "Sematkan" (Embed).

Untuk menyematkan form dari Jotform ke platform yang kita inginkan, misal di halaman (page) atau widget Blogger, saya sarankan jangan menggunakan metode kode iframe maupun kode embed, melainkan melalui metode Source Code atau Kode Sumber

jotform source code

Bagi yang ingin menyematkan ke dalam halaman atau widget Blogger, Anda bisa langsung menyalin kode sumber dan mengeditnya di Notepad atau Notepad++ untuk diedit demi menghilangkan Branding Footer. Untuk yang ingin menggunakan metode upload file html maka Anda perlu mengedit file dot html dari yang telah Anda unduh tadi, juga menggunakan Notepad atau Notepad++.

Jika sudah tersalin atau terbuka di Notepad, kini saatnya kita mencoba menghilangkan kode branding footernya dengan menambahkan kode berikut :

style='visibility: hidden'


Letakkan di bagian :

<div class="formFooter f6 branding21" DISINI>


Sehingga tampilannya adalah seperti ini :

<div class="formFooter-heightMask">
  </div>
  <div class="formFooter f6 branding21" style='visibility: hidden'>
    <div class="formFooter-wrapper formFooter-leftSide">
      <a href="https://www.jotform.com/?utm_source=formfooter&utm_medium=banner&utm_term=212949069012456&utm_content=jotform_logo&utm_campaign=powered_by_jotform_le" target="_blank" class="formFooter-logoLink"><img class="formFooter-logo" src="https://cdn.jotfor.ms/assets/img/logo2021/jotform-logo-white.svg" alt="Jotform Logo" style="height: 44px;"></a>
    </div>
    <div class="formFooter-wrapper formFooter-rightSide">
      <span class="formFooter-text">
        Now create your own Jotform - It's free!
      </span>
      <a class="formFooter-button" href="https://www.jotform.com/?utm_source=formfooter&utm_medium=banner&utm_term=212949069012456&utm_content=jotform_button&utm_campaign=powered_by_jotform_le" target="_blank">Create your own Jotform</a>
    </div>
  </div>
</form></body>
</html>


Setelah itu Anda bisa langsung menggunakan kode sumber yang telah Anda edit tadi ke platform yang Anda inginkan. Jika di page Blogger maka Anda harus masuk mode tampilan html, dan untuk widget Anda tinggal memakai gadget Html/Javascript.

jotform embed

Berikut adalah contoh hasilnya, cukup rapi bukan jika tanpa branding footer? cek di https://andrean.space/p/tes-jotform.html

no footer branding jotform

Kesimpulan

Sebenarnya kode yang kita pakai ini bukan benar-benar menghilangkan atau menghapus, namun sekedar "menyembunyikan". hehe. Saya juga masih menggunakan cara ini kok agar tampilan formnya rapi. Maaf ya Jotform..

Itulah cara simple untuk menghilangkan Footer Credit (Branding) dari Jotform.com, semoga bermanfaat. See ya!


Jangan Lupa Share Gan

1 komentar

  1. Ohya, jika Anda membuat form yang memiliki bagian "wajib diisi" maka akan muncul peringatan jika tidak diisi. Bagi sebagian template blog/web peringatan error itu akan sedikit ngebug, karena itu harap matikan notif error di pengaturan Jotform nya pada bagian "Tamplan navigasi kesalahan formulir" agar tidak ngebug. Seperti gambar berikut :
    lihat gambar

    BalasHapus

Hai Readers..
Terimakasih sudah menerapkan budaya membaca.
Done
close