Komponen FAQ — Pertanyaan & Jawaban Accordion

Apa itu: Section pertanyaan yang sering diajukan (Frequently Asked Questions) dengan tampilan accordion (bisa diklik untuk expand/collapse) atau list terbuka. Kapan pakai: Saat kamu butuh menjawab keberatan atau kekhawatiran calon pembeli sebelum mereka menghubungimu — ini menghemat waktumu dan mengurangi friction sebelum checkout.

Apa Itu FAQ?

Panel properti komponen faq di builder

FAQ adalah alat "handle objection" paling efisien di landing page. Daripada membiarkan calon pembeli ragu-ragu diam-diam, kamu proaktif menjawab pertanyaan yang paling sering muncul. Hasilnya: lebih sedikit DM masuk soal hal yang sama, dan lebih banyak visitor yang langsung convert.

Properties — Layout

Property	Pilihan	Default	Keterangan
Layout	Accordion / List	Accordion	Cara pertanyaan ditampilkan
Allow Multiple Open	Checkbox	Tidak aktif	Bolehkan lebih dari satu pertanyaan terbuka sekaligus (khusus Accordion)

Layout Accordion

Setiap pertanyaan ditampilkan sebagai baris yang bisa diklik untuk membuka atau menutup jawabannya. Default: hanya satu pertanyaan yang bisa terbuka sekaligus — membuka satu akan menutup yang lain secara otomatis.

Aktifkan Allow Multiple Open kalau kamu ingin visitor bisa membuka beberapa pertanyaan sekaligus untuk membandingkan jawaban.

Layout List

Semua pertanyaan dan jawaban ditampilkan sepenuhnya tanpa perlu diklik. Cocok kalau FAQ-mu sedikit (3–4 item) dan kamu ingin semua terbaca langsung tanpa interaksi.

Properties — Per Item FAQ

Field	Tipe	Keterangan
Question	Teks	Pertanyaan yang ditampilkan sebagai header accordion
Answer	Rich text	Jawaban lengkap — bisa mengandung teks tebal, link, atau list

💡5–8 FAQ adalah jumlah ideal

Terlalu sedikit (1–2) terasa kurang serius. Terlalu banyak (12+) membuat visitor overwhelmed dan malas scroll. Urutkan dari yang paling sering ditanya atau paling penting untuk dijawab.

Properties — Card Styles

Sama seperti komponen berbasis kartu lainnya:

Property	Pilihan / Tipe	Keterangan
Hover Effect	None / Lift / Shadow / Lift+Shadow	Efek hover pada item FAQ
Glass Effect	None / Light / Strong	Efek glassmorphism pada latar item
Card Background	Color picker	Warna latar setiap item FAQ
Border Color	Color picker	Warna border item
Border Radius	Default / 8px / 12px / 16px / 24px	Kelengkungan sudut item

Properties — Warna Teks

Property	Keterangan
Question Color	Warna teks pertanyaan (header accordion)
Answer Color	Warna teks jawaban
Border Color	Warna garis pemisah antar item

Properties — Pixel Event

Property	Keterangan
Pixel Event (on interaction)	Pilih event piksel yang di-fire saat visitor mengklik/expand sebuah FAQ

Fitur ini memungkinkan kamu melacak engagement — visitor yang berinteraksi dengan FAQ menunjukkan minat lebih tinggi. Kamu bisa buat Custom Audience dari visitor yang men-trigger event ini di Meta Ads Manager.

Contoh Penggunaan

1. Handle Objection di Sales Page Produk Digital

Letakkan FAQ tepat sebelum tombol beli. Isi dengan pertanyaan yang sering muncul di DM:

"Apakah aman bayar di sini?" → Jawab: payment diproses via [nama gateway], bukan disimpan di server kami.
"Bagaimana cara akses produk setelah bayar?" → Jawab: link dikirim otomatis ke email dalam 5 menit.
"Kalau tidak cocok bisa refund?" → Jawab: ya, dalam 7 hari dengan syarat X.

FAQ Accordion di sales page dengan satu item terbuka menampilkan jawaban tentang keamanan pembayaran, di atas tombol beli

2. FAQ Pre-Checkout di Halaman Kursus

Untuk produk dengan harga tinggi, FAQ membantu meyakinkan calon pembeli yang butuh lebih banyak informasi sebelum commit:

"Apakah ada sesi live atau rekaman saja?"
"Berapa lama akses materi?"
"Apakah ada grup diskusi/komunitas?"

Gunakan Layout List (semua terbuka) agar semua jawaban langsung terbaca — tidak perlu klik satu-satu.

FAQ Layout List dengan semua pertanyaan dan jawaban terbuka langsung, cocok untuk FAQ singkat di halaman kursus premium

3. FAQ + Pixel Tracking untuk Retargeting

Aktifkan Pixel Event pada FAQ. Visitor yang mengklik FAQ (artinya mereka mempertimbangkan serius) masuk ke Custom Audience khusus. Buat retargeting ad yang lebih personal untuk segmen ini — misalnya iklan yang menjawab keberatan spesifik.

Tips Menulis FAQ yang Efektif

Tulis dari perspektif calon pembeli, bukan brand. Gunakan kata "saya" di pertanyaan: "Apakah saya bisa cicil?" bukan "Apakah tersedia cicilan?"
Jawab dengan jujur, termasuk keterbatasan. Jawaban yang jujur tentang batasan produk justru meningkatkan kepercayaan.
Urutkan dari yang paling kritis. Pertanyaan soal keamanan pembayaran dan refund biasanya yang paling menghambat konversi — taruh di atas.
Gunakan rich text untuk jawaban panjang. Bold untuk poin penting, list untuk langkah-langkah.

Gotchas

Allow Multiple Open di Accordion bisa membuat halaman terasa panjang kalau semua dibuka sekaligus. Gunakan hanya kalau FAQ-mu sedikit atau jawabannya singkat.
Pixel Event hanya bekerja kalau piksel sudah terhubung di pengaturan halaman. Pastikan Meta Pixel ID sudah diisi di Page Settings > Analytics.
Jangan taruh FAQ terlalu tinggi di halaman. FAQ adalah "objection handler" — visitor perlu dulu memahami value produkmu sebelum membaca FAQ. Posisi ideal: setelah fitur/manfaat, sebelum CTA terakhir.
Border Color di Card Styles dan Border Color di section warna teks adalah dua hal yang berbeda — yang pertama untuk border kartu/item, yang kedua untuk garis pemisah antar item.

Siap buat landing page pertamamu?