Widget Situs Web

Widget Blok Kode untuk situs web Anda

Tampilkan contoh kode dalam blok yang rapi dan dapat disematkan yang bisa dibaca dan disalin pengunjung. Tambahkan blok kode, pilih bahasa, beralih antara tata letak bertab dan bertumpuk, gaya window kode, dan publikasikan widget Blok Kode Jotform Anda di situs web mana pun tanpa pengodean.

Cara membuat widget Blok Kode

Add your code examples

Tambahkan contoh kode Anda

Buat blok kode untuk kebutuhan dokumentasi nyata, seperti perintah instalasi, permintaan API, contoh respons, helper CSS, atau kode tutorial. Tambahkan judul, pilih bahasa, dan tempelkan isi kode untuk setiap contoh.

Choose how snippets display

Pilih cara blok kode ditampilkan

Gunakan tab saat pembaca perlu beralih antara contoh terkait, atau gunakan tata letak daftar untuk tutorial langkah demi langkah. Pilih tema kode, gaya window, nomor baris, label salin, lebar, penspasian, dan radius.

Embed it on your site

Sematkan di situs Anda

Pratinjau widget, salin kode semat, dan tempatkan contoh kode Anda di dokumentasi, pusat bantuan, halaman API, tutorial produk, atau panduan pengaturan di mana pengunjung membutuhkan detail implementasi.

Bagikan contoh kode yang mudah dipindai dan disalin

Tambahkan beberapa blok kode

Kelompokkan contoh terkait dalam satu widget, seperti perintah instalasi, permintaan API, respons JSON, helper CSS, atau kode tutorial. Tambahkan judul bergaya file, label bahasa, dan blok kode yang dapat diedit agar pembaca tahu untuk apa setiap blok kode.

Add multiple snippets

Pilih tema kode yang familier

Buat contoh teknis terasa cocok di dokumentasi, pusat bantuan, dan halaman produk. Mulai dengan tema bawaan seperti Midnight Glass, Nord, VS 2015, Zenburn, Railscast, Solarized Light, atau Tomorrow, lalu sesuaikan warna utama agar sesuai dengan situs Anda.

Choose familiar code themes

Bantu pengunjung menyalin kode dengan cepat

Biarkan pengunjung menyalin blok kode persis yang mereka butuhkan tanpa memilih teks secara manual. Tambahkan tombol salin, label status tersalin, nomor baris, dan window chrome agar perintah pengaturan dan contoh kode lebih mudah diikuti dan digunakan kembali.

Help visitors copy code quickly

Kontrol tata letak dan perilaku penyematan

Gunakan tab untuk dokumentasi ringkas atau mode daftar untuk tutorial langkah demi langkah. Atur lebar otomatis atau khusus, penspasian, bayangan, visibilitas merek, tampilan desktop/seluler, dan CSS bercakup agar widget sesuai dengan tata letak halaman Anda.

Control layout and embed behavior

How to embed your Blok Kode into WordPress

1Dapatkan kode semat Anda

Setelah menyesuaikan widget situs web Jotform Anda, klik Coba di situs web Anda secara gratis, dan salin kode semat yang dihasilkan.

2Buka editor halaman

Buka postingan atau halaman WordPress tempat Anda ingin menampilkan widget, lalu tambahkan blok baru.

3Tambahkan blok HTML Khusus

Pilih HTML Khusus dan tempel kode semat widget situs web Jotform Anda ke dalam bidang HTML.

4Pembaruan dan lihat

Klik Pembaruan atau Publikasikan, lalu buka halaman untuk memeriksa widget yang telah Anda sematkan.

Mengapa Widget Situs Web Jotform Unggul

Widget Jotform membuat situs web Anda lebih interaktif dan meningkatkan konversi. Tersedia banyak alat, mulai dari peringkat bintang dan slider testimoni hingga popup bukti sosial dan penyematan media. Tambahkan widget ke formulir atau halaman arahan Anda untuk mengumpulkan data, menampilkan bukti, dan menangkap prospek — tanpa perlu pengkodean.

Sematkan widget tanpa perlu coding.

Tambahkan widget Jotform ke situs web Anda dengan kode sematan sederhana. Sesuaikan widget, pratinjau tampilannya, dan tempelkan ke halaman mana pun yang mendukung HTML kustom atau blok sematan, semuanya tanpa perlu pengembang.

Buat halaman yang lebih interaktif.

Gunakan Widget Situs Web Jotform untuk mengumpulkan prospek, menampilkan umpan balik pelanggan, menampilkan bukti sosial, menyematkan media, atau menambahkan alat halaman web yang bermanfaat. Setiap widget membantu pengunjung berinteraksi dengan bisnis Anda secara langsung dari situs web Anda.

Dapatkan dukungan saat Anda membutuhkannya

Jika Anda memerlukan bantuan dalam menyiapkan, menyesuaikan, menyematkan, atau memecahkan masalah widget Anda, tim dukungan pelanggan Jotform tersedia 24/7. Anda dapat melanjutkan dengan percaya diri, karena mengetahui bahwa bantuan selalu tersedia saat Anda membutuhkannya.

Tempat menggunakan widget Blok Kode Anda

Tambahkan widget di mana pun pengunjung membutuhkan contoh implementasi tanpa meninggalkan halaman.

Dokumentasi developer yang membutuhkan perintah instalasi, permintaan API, contoh respons, dan blok kode konfigurasi.

Tutorial produk yang menjelaskan langkah pengaturan dengan contoh HTML, CSS, JavaScript, SQL, shell, atau JSON.

Pusat bantuan yang menampilkan instruksi penyematan, payload webhook, blok kode templat, atau perintah pemecahan masalah.

Halaman arahan SaaS yang membutuhkan contoh teknis ringkas di samping penjelasan fitur atau detail integrasi.

Situs edukasi yang mempublikasikan kode pelajaran, file pemula, dan contoh sebelum-dan-sesudah.

Halaman agensi dan portofolio yang ingin menampilkan contoh implementasi di samping studi kasus proyek.

Ubah prospek menjadi pelanggan berbayar dengan Pembuat Formulir Jotform.

Ubah interaksi menjadi tindakan dengan Jotform. Buat formulir yang ampuh untuk menangkap prospek, mengumpulkan pembayaran, dan mengotomatiskan respons, semuanya di satu tempat. Setiap tanggapan akan masuk ke Kotak Masuk Jotform Anda, tempat Anda dapat menindaklanjuti atau terhubung dengan aplikasi favorit Anda.

Ayo Mulai — Gratis!
Convert leads into customers

FAQ

  • Apa itu widget Blok Kode?

    Widget Blok Kode adalah blok tampilan kode yang dapat disematkan untuk menampilkan contoh berjudul dan bergaya sintaks di situs web Anda.

  • Bisakah pengunjung menyalin kode dari widget?

  • Which layouts are available?

  • Bisakah saya menampilkan nomor baris?

  • Bisakah saya menyesuaikan tema kode?

  • Bahasa apa saja yang dapat saya pilih?

  • Apakah berfungsi di selular?

  • Apakah saya perlu melakukan pengodean untuk menggunakannya?