Cara Membuat FAQ di SitePro Menggunakan Fitur Accordion

Menyajikan pertanyaan yang sering ditanyakan pengunjung di website dapat membantu mereka menemukan informasi penting tanpa harus memenuhi halaman dengan teks yang panjang. Jika website Anda dibuat menggunakan SitePro, membuat FAQ di SitePro dapat dilakukan dengan memanfaatkan fitur Accordion.

Dengan fitur ini, pertanyaan dapat ditampilkan dalam bentuk daftar yang bisa dibuka dan ditutup. Pengunjung cukup mengklik pertanyaan untuk melihat jawabannya, sehingga halaman tetap rapi, ringkas, dan nyaman dinavigasi.

Pada artikel ini, kita akan membahas apa itu Accordion, cara kerjanya, serta langkah-langkah menggunakannya untuk membuat FAQ di SitePro.

Apa itu Fitur Accordion?

Seperti namanya, konsep fitur accordion diadaptasi dari cara kerja alat musik akordeon yang dapat ditarik memanjang dan dilipat menjadi lebih ringkas.

Dalam dunia website, fitur accordion memberikan tampilan berupa daftar menu vertikal yang dapat di klik untuk membuka atau menyembunyikan isi konten atau informasi di dalamnya. Secara intinya, pengunjung hanya melihat informasi judul/pertanyaan terlebih dahulu, sedangkan isi jawabannya baru akan muncul setelah judul tersebut di klik.

Fitur Accordion tersedia pada layanan SitePro berbayar, mulai dari paket Basic, Pro, hingga Business. Jika Anda masih menggunakan lisensi SitePro gratis, Anda perlu melakukan upgrade ke salah satu paket tersebut untuk dapat menggunakan fitur Accordion.

Bagaimana Cara Kerja Fitur Accordion?

Cara kerja fitur Accordion sebenarnya cukup sederhana dan mudah dipahami. Berikut gambaran cara kerjanya:

1. Tampilan awal tertutup : Saat website pertama kali diakses, pengunjung hanya akan melihat daftar judul atau pertanyaan dalam suatu tabel berbaris yang rapat ke bawah. Biasanya di samping judul akan ada icon penanda seperti tanda tambah ( + ) atau panah kecil ( v )
2. Memanjang saat di klik : Ketika pengujung melakukan klik di salah satu judul atau pertanyaan, area bawahnya akan muncul dengan menampilkan informasi teks secara lebih lengkap
3. Efek otomatis : Ketika pengunjung melakukan klik pada judul kedua, secara otomatis judul pertama yang terbuka sebelumnya akan menutup secara otomatis. Sehingga informasi yang tampil tidak saling menumpuk.

Manfaat Utama Menggunakan Fitur Accordion?

Mengapa fitur Accordion sering digunakan oleh pemilik website? Berikut beberapa informasinya;

• Bebas dari dinding teks (text wall): Pengunjung akan malas membaca jika suatu website menampilkan puluhan paragraf sekaligus. Dengan accordion membuat informasi yang ditampilkan menjadi lebih ringkas dan tidak membuat pusing pembaca.
• Pengalaman membaca: Pengunjung tidak perlu terlalu jauh melakukan scrolling ke bawah hanya untuk mencari informasi tertentu. Pengunjung cukup melakukan klik pada judul yang sudah ada untuk menemukan informasi yang dituju.
• Mobile Friendly: Layar smartphone ukurannya sangat terbatas. Dengan menggunakan fitur accordion dapat menghemat ruang di layar ponsel dan memberikan kenyamanan ketika membaca suatu teks.

Membuat FAQ dengan Fitur Accordion di SitePro

Setelah memahami cara kerja dan fungsi fitur Accordion, selanjutnya kita akan mencoba membuat FAQ pada website. Prosesnya cukup mudah karena SitePro menggunakan sistem drag-and-drop, sehingga Anda hanya perlu menambahkan dan mengatur elemen sesuai kebutuhan. Berikut langkah-langkahnya:

Step 1. Menggunakan fitur Accordion

1. Login terlebih dahulu ke SitePro builder. Untuk cara login dapat Anda baca dengan klik di sini.
2. Setelah masuk ke halaman SitePro, silakan pilih dahulu halaman yang ingin Anda pasang fitur tersebut.
3. Kemudian klik bagian bertanda + lalu pilih Advanced.

4. Pilih bagian Accordion.

5. Fitur akan muncul di area website Anda.

Step 2. Mengedit judul

1. Untuk mengubah nama judul, klik terlebih dahulu bagian Page Structure > kemudian klik Accordion > secara otomatis akan muncul action bar kemudian pilih yang Edit Items

2. Selanjutnya tinggal mengisi judul sesuai yang Anda butuhkan. Jika sudah siap, klik Apply untuk menyimpan perubahan

3. Video terkait mengubah nama judul di fitur Accordion

Step 3. Edit Teks

1. Untuk mengedit teks pada area jawaban, Anda cukup melakukan klik di area tersebut kemudian nantinya akan muncul opsi edit teks atau bisa langsung double klik di area tersebut. Selanjutnya dapat Anda isi sesuai kebutuhan

2. Video terkait edit jawaban di fitur Accordion

Step 4. Menambah Item judul

1. Untuk menambah judul, klik terlebih dahulu bagian Page Structure > kemudian klik Accordion > secara otomatis akan muncul action bar kemudian pilih yang New Items

2. Secara otomatis judul baru akan muncul di bawahnya

3. Anda juga dapat menambah judul sekaligus edit nama judul melalui bagian “edit items”

4. Kemudian pilih yang Add New Items, kemudian langsung dapat Anda beri nama di bagian judulnya.

5. Video terkait penambahan judul di fitur Accordion

Konten Apa Saja yang Cocok Menggunakan Accordion?

Meskipun banyak website yang menggunakan fitur accordion, tidak semua konten cocok masuk di dalam fitur tersebut. Beberapa konten yang cocok menggunakan fitur tersebut seperti

• Syarat & ketentuan : Informasi aturan atau ketentuan layanan yang panjang bisa dirapikan ke dalam beberapa point berdasarkan topik
• Spesifikasi produk : Dapat digunakan untuk menampilkan informasi mengenai garanci, rincian bahan, atau petunjuk penggunaan
• Rincian paket harga : Menampilkan informasi mengenai rincian fitur paket yang disediakan tanpa perlu memenuhi halaman (misal: Paket Basic, Pro, Bisnis)
• Pertanyaan terkait produk : Menampilkan daftar pertanyaan yang sering ditanyakan mengenai produk terkait

Tips Menyusun Teks Accordion Agar Nyaman Dibaca

Agar fitur accordion tampil estetik dan maksimal pada website Anda, berikut beberapa tips yang bisa digunakan

• Judul singkat dan jelas: Buatlah judul atau pertanyaan sesingkat mungkin agar mudah dipahami oleh pembaca
• Jawaban to the point: Berikan jawaban yang langsung menjawab sesuai pertanyaan yang ada di fitur accordion secara to the point tanpa berbelit-belit
• Jangan terlalu banyak poin: Batasi jumlah baris atau pertanyaan pada accordion dalam satu kelompok, idealnya 5-10 point. Jika pertanyaannya banyak, pilihlah pertanyaan yang benar-benar selaras atau kelompokkan pertanyaan ke dalam kategori terpisah.

Penutup

Fitur Accordion dapat menjadi solusi untuk membuat FAQ di SitePro web builder secara lebih rapi dan menarik. Agar informasi tidak terlalu panjang, gunakan jawaban yang to the point dan batasi jumlah pertanyaan sesuai kebutuhan.

Sebelum melakukan perubahan pada desain website, sebaiknya buat backup terlebih dahulu. Dengan demikian, Anda dapat mengembalikan tampilan website ke kondisi sebelumnya apabila hasil pengeditan tidak sesuai harapan atau terjadi kesalahan saat proses editing.

Dengan memanfaatkan fitur accordion secara tepat, Anda dapat membuat tampilan website yang lebih profesional, informatif, dan nyaman dinikmati oleh pengunjung. Semoga panduan ini membantu Anda dalam mengoptimalkan website menggunakan SitePro Website Builder.