Widget Situs Web

Widget Peta Gambar untuk Situs Web Anda

Ubah foto produk, denah lantai, tangkapan layar, diagram, atau peta menjadi panduan interaktif. Tempatkan hingga delapan penanda dan berikan masing-masing kartu detail dengan gambar opsional, judul, deskripsi, dan tombol CTA.

Cara membuat widget Image Hotspot

Upload your image

Unggah gambar Anda

Mulailah dengan foto produk, denah lantai, tangkapan layar aplikasi, infografik, atau gambar lain yang perlu dijelajahi pengunjung.

Place and edit hotspots

Tempatkan dan ubah hotspot

Tambahkan hingga delapan penanda, seret ke posisinya, dan pilih angka atau ikon untuk masing-masing. Kemudian tambahkan gambar opsional, judul, deskripsi, dan tautan CTA.

Style and embed it

Tata gaya dan sematkan

Atur warna penanda dan kartu, perilaku klik atau arahkan kursor, penentuan ukuran, font, dan visibilitas perangkat, lalu publikasikan widget tanpa kode di situs Anda.

Buat gambar statis menjadi interaktif tanpa kode khusus

Tempatkan pin secara visual dengan koordinat responsif

Tambahkan pin langsung pada gambar dan seret ke posisinya. Hotspot disimpan sebagai koordinat relatif, sehingga tetap sejajar saat gambar diskalakan di desktop, tablet, dan selular.

Place pins visually with responsive coordinates

Berikan setiap hotspot kontennya sendiri

Tambahkan gambar opsional, judul, dan deskripsi ke setiap kartu detail. Anda juga dapat menampilkan tombol CTA khusus yang membuka tujuannya di tab baru.

Give every hotspot its own content

Gunakan klik atau arahkan kursor dengan lembar bawah selular

Buka kartu dengan klik atau arahkan kursor di desktop. Di selular, hotspot aktif terbuka dalam lembar bawah yang menjaga gambar tetap mudah dilihat.

Use click or hover with mobile bottom sheets

Cocokkan penanda dan kartu dengan situs web Anda

Gunakan penanda bernomor atau ikon, pilih dari pustaka ikon, dan sesuaikan ukuran penanda, efek pulsa, ukuran kartu, warna, tema, radius sudut, font, dan perataan teks.

Match markers and cards to your website

How to embed your Image Hotspot 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.

Di mana menggunakan widget peta gambar Anda

Gunakan hotspot interaktif di mana pun pengunjung perlu memeriksa sebuah visual dan memahami arti setiap bagiannya.

Gambar produk dan lookbook untuk mengidentifikasi item unggulan, menjelaskan detail penting, dan menautkan pengunjung ke halaman produk.

Denah lantai properti dan tempat acara untuk memberi anotasi pada ruangan, stan, zona tempat duduk, fasilitas, atau opsi sewa.

Tangkapan layar aplikasi untuk menjelaskan area antarmuka, langkah alur kerja, dasbor, atau fitur produk.

Infografik dan laporan untuk menambahkan penjelasan yang terfokus tanpa memenuhi grafik aslinya.

Diagram edukatif untuk membuat peta, visual proses, dan gambar pelatihan lebih mudah dijelajahi.

Halaman portofolio untuk menjelaskan detail desain, material, catatan sebelum-dan-sesudah, atau keputusan 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 peta gambar?

    Sebuah widget peta gambar menambahkan penanda interaktif ke sebuah gambar. Setiap penanda dapat membuka kartu detail dengan gambar, judul, deskripsi, dan tombol CTA.

  • Bisakah saya menempatkan hotspot secara visual?

  • Berapa banyak hotspot yang dapat saya tambahkan?

  • Apa yang dapat saya tambahkan ke setiap kartu hotspot?

  • Bisakah pengunjung membuka kartu dengan mengarahkan kursor?

  • Bagaimana cara kerjanya di selular?

  • Bisakah saya mengubah gaya penanda?

  • Bisakah saya menata gaya kartunya?

  • Bisakah saya mengontrol perangkat mana yang menampilkan widget?

  • Apakah saya perlu menulis kode?