Cara Menambahkan Formulir di Shopify

Kumpulkan prospek, tangani pertanyaan, dan dukung pelanggan langsung di toko Anda. Pelajari cara menempatkan formulir tepat di tempat yang memberi dampak terbesar dan tingkatkan alur kerja Shopify Anda.
Lihat pendapat ChatGPT
How to Add Forms in Shopify
Tahukah Anda? 74% pemasar menggunakan formulir dan hampir setengah dari mereka mengatakan bahwa formulir adalah alat konversi lead tertinggi mereka, membuatnya sangat penting untuk menarik minat pelanggan langsung di situs Anda.

Jika Anda menjalankan toko Shopify, mengumpulkan informasi pelanggan sama pentingnya dengan menjual produk. Baik itu pertanyaan, pesanan kustom, maupun pengumpulan lead, formulir berperan penting dalam mengubah pengunjung menjadi pelanggan, terutama di halaman dengan niat tinggi seperti halaman produk, halaman arahan, atau bagian checkout.

Namun, opsi formulir bawaan Shopify cukup terbatas. Formulir kontak bawaan berfungsi untuk kasus penggunaan dasar, tetapi tidak menawarkan fleksibilitas yang cukup untuk alur kerja yang lebih canggih, seperti formulir multi-langkah atau logika bersyarat. Elfsight Form Builder memudahkan Anda menambahkan formulir ke Shopify tanpa coding. Anda bisa membuat formulir yang sepenuhnya dapat disesuaikan, sematkan di mana saja pada toko Anda, dan mulai mengumpulkan data dalam beberapa menit.

Dalam panduan ini, Anda akan menemukan:
  • Cara menambahkan formulir di Shopify dengan cepat menggunakan solusi tanpa coding
  • Cara menyesuaikan bidang formulir, logika, dan desain agar sesuai dengan toko dan kasus penggunaan Anda
  • Metode alternatif apa saja yang tersedia, dan kapan mereka tidak memenuhi kebutuhan bisnis nyata?
  • Praktik terbaik untuk meningkatkan pengiriman formulir

Ayo mulai dengan cara tercepat untuk membuat formulir Anda tersedia secara online dan langsung mulai mengumpulkan respons.

Mulai Cepat: Tambahkan Formulir ke Shopify

Jika Anda ingin cara cepat menambahkan formulir khusus ke Shopify, inilah proses termudah:

  1. Buka editor Elfsight dan pilih templat yang paling sesuai dengan kebutuhan Anda.
  2. Sesuaikan bidang dan struktur formulir.
  3. Klik “Tambahkan ke situs web secara gratis” untuk menghasilkan kode sematan Anda.
  4. Tempelkan kode ke halaman atau tema Shopify Anda dan terbitkan.

Buat formulir Anda sekarang di editor langsung!

Mengapa Menambahkan Formulir ke Halaman Produk di Shopify

Menambahkan formulir tidak hanya tentang mengumpulkan data — ia secara langsung memengaruhi bagaimana pengunjung berinteraksi dengan toko Anda dan apakah mereka melanjutkan atau meninggalkan. Jika dilakukan dengan benar, formulir menjadi bagian kunci dari alur konversi Anda, membantu Anda menangkap minat pada berbagai tahap perjalanan pelanggan.

🛒 Tangkap Prospek Langsung di Toko Anda

Tidak semua pengunjung siap membeli sekarang juga. Beberapa membutuhkan informasi lebih lanjut, ingin mengajukan pertanyaan, atau menjajaki opsi kustom. Formulir memungkinkan Anda menangkap peluang tersebut daripada kehilangannya. Dengan menempatkan formulir di seluruh situs Shopify Anda, Anda mengubah pengunjung pasif menjadi prospek aktif tanpa bergantung hanya pada tindakan checkout.

📈 Tingkatkan konversi di halaman produk

Halaman produk adalah tempat sebagian besar keputusan dibuat—dan juga saat keraguan muncul. Saat Anda menambahkan formulir ke halaman produk di Shopify, Anda memberi pelanggan cara langsung untuk mengajukan pertanyaan, meminta variasi, atau memperjelas detail tanpa meninggalkan halaman. Ini mengurangi keraguan dan menjaga pengguna tetap melanjutkan prosesnya, bukannya meninggalkan sesi.

💬 Kurangi gesekan dalam komunikasi dengan pelanggan

Metode kontak konvensional, seperti tautan email, memerlukan langkah dan upaya tambahan. Formulir mempermudah proses ini dengan memungkinkan pengunjung mengirim permintaan secara langsung. Semua terjadi di dalam situs Anda, sehingga pengalaman tetap mulus dan meningkatkan peluang pengguna untuk benar-benar menghubungi Anda.

🎯 Dukung berbagai skenario penggunaan di seluruh toko Anda

Formulir sangat fleksibel dan bisa berfungsi untuk berbagai keperluan sesuai kebutuhan Anda. Anda bisa menggunakannya untuk permintaan kontak, kustomisasi produk, permintaan pemesanan, pengumpulan masukan, atau bahkan survei pasca-pembelian. Alih-alih menambahkan banyak alat, pembuat formulir tunggal memungkinkan Anda mengelola semua interaksi ini dalam satu tempat.

📱 Tingkatkan pengalaman seluler dan tingkat penyelesaian

Sebagian besar lalu lintas Shopify berasal dari pengguna seluler. Formulir yang dirancang dengan baik memudahkan penyelesaian tindakan dengan cepat di layar yang lebih kecil, dengan bidang dan tata letak yang dioptimalkan. Ini mengurangi tingkat pengabaian dan membantu Anda mendapatkan lebih banyak respons dari pengguna yang sedang menjelajah saat bepergian.

Fitur Utama Aplikasi Pembuat Formulir

Sebelum menyiapkan formulir Anda, sebaiknya pahami fungsionalitas yang tersedia dan bagaimana itu diterapkan dalam penggunaan nyata di situs Shopify Anda.

Berikut adalah rangkuman fitur utama dan bagaimana mereka mendukung berbagai skenario bisnis.

FiturKegunaan Praktis
Pembuat formulir seret-dan-lepasBuat dan sesuaikan formulir secara visual tanpa Coding
Berbagai jenis bidangKumpulkan masukan rinci seperti email, nomor telepon, pilihan, dan berkas
Logika BersyaratTampilkan atau sembunyikan bidang berdasarkan jawaban pengguna untuk alur yang lebih personal
Gaya KustomSesuaikan desain formulir dengan tema Shopify Anda agar tampilannya menyatu
Notifikasi EmailDapatkan notifikasi instan saat seseorang mengirim formulir
Perlindungan SpamCegah pengiriman yang tidak diinginkan atau otomatis
Formulir Langkah demi LangkahPisahkan formulir yang lebih panjang menjadi beberapa langkah untuk meningkatkan tingkat penyelesaian
IntegrasiKirim data yang terkumpul ke alat pemasaran email, CRM, atau sistem lainnya

Untuk rincian fitur lengkap, kunjungi halaman fitur aplikasi halaman fitur.

Dengan pemahaman yang jelas tentang apa yang bisa dilakukan Elfsight, sekarang Anda bisa melanjutkan ke pengaturan dan menyematkannya ke toko Shopify Anda.

Langkah demi Langkah: Cara Menambahkan Formulir ke Shopify

Sekarang kita akan melalui proses lengkap bagaimana menambahkan formulir ke Shopify dan menyematkannya tepat di tempat yang mendukung toko Anda, apakah itu halaman arahan, halaman produk, atau bagian kustom.

Langkah 1: Pilih Template Formulir

Mulailah dengan membuka editor aplikasi Pembuat Formulir dan memilih templat yang sesuai dengan tujuan Anda. Ada beragam opsi siap pakai yang dirancang untuk berbagai kasus penggunaan, seperti mengumpulkan pertanyaan, menangani permintaan pemesanan, mengumpulkan umpan balik, atau menghasilkan lead.

How to add a form to Shopify: select a template

Langkah 2: Sesuaikan Bidang Formulir

Anda bisa memasukkan input sederhana seperti nama dan alamat email, atau membuat formulir yang lebih canggih dengan opsi yang bisa dipilih, unggahan berkas, dan bidang pilihan ganda. Tujuannya adalah mengumpulkan persis informasi yang Anda butuhkan — tidak lebih, tidak kurang — agar formulir tetap mudah diisi.

How to add a form to Shopify: customize fields

Langkah 3: Konfigurasikan Perilaku Formulir

Atur perilaku formulir setelah pengiriman. Anda bisa menentukan pesan yang dilihat pengguna setelah pengiriman, pilih apakah pengunjung Anda dialihkan ke halaman lain, dan atur notifikasi sehingga Anda mendapat pemberitahuan setiap ada respons baru.

💡 Buat formulir singkat dan fokus untuk meningkatkan tingkat penyelesaian.
How to add a form to Shopify: set after submission behaviour

Langkah 4: Sesuaikan Desain

Selanjutnya, sesuaikan tampilan visual formulir Anda agar selaras dengan desain toko Shopify Anda. Anda bisa menyempurnakan warna, tipografi, jarak, dan gaya tombol agar sesuai dengan merek Anda. Langkah ini penting karena konsistensi membangun kepercayaan dan membuat formulir terasa sebagai bagian alami dari situs Anda.

How to add a form to Shopify: design

Langkah 5: Buat Kode Semat

Setelah semuanya dikonfigurasi, klik “Tambahkan ke situs web secara gratis” untuk menghasilkan kode sisipan Anda. Kode ini berisi semua yang diperlukan untuk menampilkan formulir di toko Shopify Anda.

Salin potongan kode utuh seperti terlihat untuk memastikan formulir dimuat dengan benar saat ditambahkan ke situs Anda.

How to add a form to Shopify: installation code

Langkah 6: Tambahkan Formulir ke Halaman Shopify

Untuk menambahkan formulir ke halaman Shopify Anda, buka admin Shopify, buka halaman tempat formulir akan ditampilkan. Beralih ke tampilan HTML atau kode, lalu tempel kode semat di bagian yang diinginkan.

Setelah menyimpan perubahan, formulir akan muncul di halaman itu dan siap mengumpulkan entri.

Jika Anda ingin menambahkan formulir ke halaman produk Anda di Shopify, Anda bisa menempatkan kode sematan langsung ke tema Anda atau menggunakan bagian kustom yang memungkinkan konten HTML.

Pendekatan ini sangat berguna untuk menangani pertanyaan terkait produk, pesanan kustom, atau masukan pelanggan tambahan langsung selama pengalaman pembelian.

🔧 Pemeriksaan Cepat Pemecahan Masalah
  • Jika formulir tidak terlihat, periksa kembali apakah kode semat telah ditempel di bagian HTML yang benar pada halaman Shopify Anda.
  • Jika tata letak terlihat tidak rapi, hal tersebut bisa disebabkan oleh konflik gaya tema; atur jarak atau lebar wadah untuk memperbaikinya.
  • Jika pengiriman tidak masuk, periksa pengaturan notifikasi Anda untuk memastikan email telah dikonfigurasi dengan benar.
  • Untuk masalah tampilan di perangkat seluler, pastikan tata letak formulir responsif dan tidak dibatasi oleh wadahnya.

Solusi Alternatif untuk Menanamkan Formulir di Shopify

Ada beberapa cara untuk menambahkan formulir ke Shopify, tetapi setiap pendekatan datang dengan tingkat fleksibilitas, usaha, dan pemeliharaan jangka panjang yang berbeda. Memahami perbedaan ini membantu Anda memilih metode yang sesuai dengan kebutuhan toko Anda daripada menghadapi keterbatasan di kemudian hari.

Form Kontak Bawaan Shopify

Shopify menyertakan formulir kontak dasar yang bisa ditambahkan melalui template bawaan. Untuk menggunakannya:

  1. Buat templat halaman kontak.
  2. Tugaskan ke halaman di panel admin Anda.
  3. Sesuaikan bidang dasar.
📌 Keterbatasan Utama: Kontrol desain terbatas dan visibilitas ulasan hanya sebagian.

Formulir HTML Manual

Pilihan lain adalah membuat formulir secara manual dalam HTML dan menanamkannya langsung ke dalam tema Shopify Anda. Pendekatan ini memberi Anda kendali penuh atas struktur dan perilaku formulir, tetapi juga memerlukan pengetahuan teknis.

  1. Buat formulir HTML kustom.
  2. Tambahkan penanganan backend.
  3. Sisipkan ke dalam tema.
📌 Keterbatasan Utama: Meskipun fleksibel, pendekatan ini memerlukan pekerjaan pengembangan berkelanjutan dan bisa menjadi sulit dipertahankan seiring toko Anda berkembang.

Sebelum memutuskan pendekatan mana yang akan digunakan, ada baiknya membandingkannya secara berdampingan berdasarkan hal-hal yang paling penting untuk penggunaan sehari-hari.

FiturElfsight FormShopify NativeHTML
KustomisasiTinggiRendahTinggi
Kemudahan penggunaanMudahMudahSulit
Logika & KolomLanjutanDasarKustom
PemeliharaanTidak adaRendahTinggi

Perbandingan ini menunjukkan kompromi yang jelas: solusi bawaan mudah tetapi terbatas, sedangkan solusi kustom kuat namun memerlukan usaha. Pendekatan berbasis widget menyeimbangkan keduanya dengan memberikan fleksibilitas tanpa menambah kompleksitas.

Tips Optimasi untuk Pembuat Formulir Anda

Begitu formulir Anda aktif, peningkatan kecil pada penempatan, struktur, dan desain dapat secara signifikan meningkatkan jumlah pengguna yang benar-benar menyelesaikannya.

  1. Buat setiap bidang mudah dipahami: Label yang jelas dan kata-kata yang sederhana mengurangi kebingungan serta membantu pengguna mengisi formulir lebih cepat tanpa keraguan terhadap input mereka.
  2. Pastikan pengalaman mobile yang mulus: Karena banyak pengunjung Shopify menjelajah dengan ponsel, formulir harus mudah dinavigasi, dengan bidang yang diberi jarak yang tepat dan metode input yang sederhana.
  3. Jelaskan mengapa formulir penting: Menambahkan pesan singkat tentang apa yang didapat pengguna sebagai balasan, seperti respons, penawaran, atau dukungan, dapat meningkatkan tingkat penyelesaian.
  4. Uji penempatan dan tata letak yang berbeda: Memindahkan formulir Anda lebih tinggi di halaman atau mengubah formatnya dapat berdampak signifikan pada seberapa banyak pengguna yang berinteraksi dengannya.

Studi Kasus Nyata: Toko Sepeda Kustom Meningkatkan Interaksi Pelanggan dengan Formulir

Khush menjalankan Kapz, toko online suku cadang sepeda kustom, di mana personalisasi dan komunikasi dengan pelanggan sangat penting dalam proses pembelian. Karena banyak produk memerlukan masukan desain kustom, situs web ini membutuhkan cara yang jelas dan mudah bagi pengunjung untuk mengajukan permintaan dan berinteraksi dengan bisnis.

Sebelum menggunakan Elfsight

Dengan widget Pembuat Formulir

“Kami mencari solusi widget tanpa kode untuk situs kami — yang pertama adalah bilah pengumuman, lalu semuanya berkembang.” – Khush

Dengan menambahkan formulir multistep langsung ke situs web, Khush menciptakan cara yang lebih mulus bagi pelanggan untuk meninggalkan ulasan mereka langsung di situs. Selain itu, alih-alih mengandalkan saluran komunikasi eksternal, pengunjung kini bisa mengirimkan informasi kontak mereka langsung di dalam situs. Formulir-formul ini terintegrasi bersama elemen interaktif lain seperti galeri, slider, dan umpan media sosial, menciptakan pengalaman yang lebih dinamis dan ramah pengguna.

The result: Fungsi situs web yang lebih baik, peluncuran fitur baru yang lebih cepat, dan pengalaman pengguna yang lebih mulus di berbagai perangkat.

Elfsight Form Builder Use Case

Pertanyaan yang Sering Diajukan

Bisakah saya membuat berbagai jenis formulir di situs Shopify saya?

Ya, Anda bisa membangun berbagai jenis formulir sesuai kebutuhan Anda, termasuk formulir kontak, pemesanan, survei, formulir umpan balik, dan formulir penangkapan prospek. Pembuat Formulir mendukung berbagai tipe bidang dan tata letak, sehingga Anda bisa menyesuaikannya untuk berbagai kasus penggunaan di seluruh toko Shopify Anda.

Apakah Pembuat Formulir mendukung formulir multi-langkah?

Ya, Anda bisa membuat formulir multi-langkah untuk membagi formulir panjang menjadi beberapa bagian. Hal ini meningkatkan kemudahan penggunaan dan tingkat penyelesaian dengan membuat prosesnya terasa tidak terlalu membebani bagi pengunjung.

Bisakah saya menyesuaikan apa yang terjadi setelah formulir dikirim?

Ya, Anda bisa mengontrol perilaku pasca-kirim. Misalnya, Anda bisa menampilkan pesan sukses, mengarahkan pengguna ke halaman lain, atau menyembunyikan formulir setelah pengiriman. Opsi-opsi ini membantu mengarahkan pengguna ke langkah berikutnya dalam alur konversi Anda.

Bisakah saya mengintegrasikan pengiriman formulir dengan alat lain seperti email atau CRM?

Ya, Elfsight mendukung integrasi dengan alat seperti Google Sheets, Mailchimp, dan Zapier. Ini memungkinkan Anda secara otomatis mengirim, menyimpan, atau memproses data formulir tanpa kerja manual.

Apakah ada cara membuat formulir lebih cepat tanpa membangunnya secara manual?

Ya, Pembuat Formulir dilengkapi generator AI yang bisa membuat formulir berdasarkan deskripsi Anda. Cukup jelaskan apa yang Anda perlukan, dan sistem akan menghasilkan struktur formulir siap pakai yang bisa Anda sesuaikan lebih lanjut.

Kesimpulan

Menambahkan formulir ke toko Shopify Anda memberi Anda lebih banyak cara untuk menangkap prospek, menjawab pertanyaan, dan mendukung perjalanan pelanggan di luar alur checkout standar. Tidak semua pengunjung siap membeli sekarang; beberapa perlu klarifikasi, ingin meminta opsi kustom, atau sekadar menjelajah.

Dengan menyematkan formulir langsung ke halaman Anda, Anda menciptakan peluang interaksi tepat di tempat yang dibutuhkan pengguna.

Artikel oleh
Manajer Konten
Panduan praktis, trik situs, dan widget berguna — itulah yang saya tulis. Saya Aisylu, berbagi cara mudah membuat situs Anda lebih pintar dengan Elfsight.