{"id":66871,"date":"2026-08-24T08:26:00","date_gmt":"2026-08-24T01:26:00","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=66871"},"modified":"2026-08-19T16:40:43","modified_gmt":"2026-08-19T09:40:43","slug":"cara-membuat-faq-di-sitepro-menggunakan-fitur-accordion","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-membuat-faq-di-sitepro-menggunakan-fitur-accordion\/","title":{"rendered":"Cara Membuat FAQ di SitePro Menggunakan Fitur Accordion"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">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 <a href=\"https:\/\/blog.rumahweb.com\/apa-itu-sitepro-website-builder\/\" target=\"_blank\" rel=\"noopener\" title=\"\">SitePro<\/a>, membuat FAQ di SitePro dapat dilakukan dengan memanfaatkan fitur Accordion.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pada artikel ini, kita akan membahas apa itu Accordion, cara kerjanya, serta langkah-langkah menggunakannya untuk membuat FAQ di SitePro.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apa itu Fitur Accordion?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Seperti namanya, konsep fitur accordion diadaptasi dari cara kerja alat musik akordeon yang dapat ditarik memanjang dan dilipat menjadi lebih ringkas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<p class=\"has-gridlove-highlight-acc-background-color has-background wp-block-paragraph\">Fitur <strong>Accordion<\/strong> tersedia pada layanan SitePro berbayar, mulai dari paket <strong>Basic, Pro, hingga Business<\/strong>. Jika Anda masih menggunakan lisensi SitePro gratis, Anda perlu melakukan <strong><a href=\"https:\/\/www.rumahweb.com\/journal\/cara-upgrade-paket-sitepro\/\" target=\"_blank\" rel=\"noopener\" title=\"\">upgrade<\/a><\/strong> ke salah satu paket tersebut untuk dapat menggunakan fitur Accordion.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bagaimana Cara Kerja Fitur Accordion?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cara kerja fitur Accordion sebenarnya cukup sederhana dan mudah dipahami. Berikut gambaran cara kerjanya:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Tampilan awal tertutup<\/strong> : 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 )<\/li>\n\n\n\n<li><strong>Memanjang saat di klik<\/strong> : Ketika pengujung melakukan klik di salah satu judul atau pertanyaan, area bawahnya akan muncul dengan menampilkan informasi teks secara lebih lengkap<\/li>\n\n\n\n<li><strong>Efek otomatis<\/strong> : 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.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Manfaat Utama Menggunakan Fitur Accordion?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Mengapa fitur Accordion sering digunakan oleh pemilik website? Berikut beberapa informasinya;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Bebas dari dinding teks<\/strong> (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.<\/li>\n\n\n\n<li><strong>Pengalaman membaca<\/strong>: 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.<\/li>\n\n\n\n<li><strong>Mobile Friendly<\/strong>: Layar smartphone ukurannya sangat terbatas. Dengan menggunakan fitur accordion dapat menghemat ruang di layar ponsel dan memberikan kenyamanan ketika membaca suatu teks.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Membuat FAQ dengan Fitur Accordion di SitePro<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">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:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1. Menggunakan fitur Accordion <\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Login terlebih dahulu ke SitePro builder. Untuk cara login dapat Anda baca dengan <strong><a href=\"https:\/\/www.rumahweb.com\/journal\/panduan-login-sitepro-di-rumahweb\/\" target=\"_blank\" rel=\"noopener\" title=\"klik di sini\">klik di sini<\/a><\/strong>.<\/li>\n\n\n\n<li>Setelah masuk ke halaman SitePro, silakan pilih dahulu halaman yang ingin Anda pasang fitur tersebut.<\/li>\n\n\n\n<li>Kemudian klik bagian bertanda + lalu pilih <strong>Advanced<\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/advanced.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"677\" height=\"893\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/advanced.webp\" alt=\"pilih menu Advanced\" class=\"wp-image-66888\" style=\"aspect-ratio:0.7581277340332458;width:574px;height:auto\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/advanced.webp 677w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/advanced-227x300.webp 227w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/advanced-370x488.webp 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/advanced-270x356.webp 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/advanced-570x752.webp 570w\" sizes=\"auto, (max-width: 677px) 100vw, 677px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Pilih bagian Accordion.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/accordion.png\"><img loading=\"lazy\" decoding=\"async\" width=\"988\" height=\"886\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/accordion.png\" alt=\"membuat FAQ di Sitepro dengan accordion\" class=\"wp-image-66873\" style=\"aspect-ratio:1;width:652px;height:auto\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/accordion.png 988w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/accordion-300x269.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/accordion-768x689.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/accordion-370x332.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/accordion-270x242.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/accordion-335x300.png 335w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/accordion-570x511.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/accordion-740x664.png 740w\" sizes=\"auto, (max-width: 988px) 100vw, 988px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Fitur akan muncul di area website Anda.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/FAQ.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"623\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/FAQ-1024x623.png\" alt=\"contoh FAQ page\" class=\"wp-image-66875\" style=\"aspect-ratio:1.6436542636132938;width:791px;height:auto\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/FAQ-1024x623.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/FAQ-300x183.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/FAQ-768x468.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/FAQ-370x225.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/FAQ-270x164.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/FAQ-570x347.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/FAQ-740x451.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/FAQ.png 1470w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 2. Mengedit judul<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Untuk mengubah nama judul, klik terlebih dahulu bagian Page Structure &gt; kemudian klik Accordion &gt; secara otomatis akan muncul action bar kemudian pilih yang Edit Items<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"571\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-1024x571.png\" alt=\"edit fitur accordion\" class=\"wp-image-66877\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-1024x571.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-300x167.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-768x428.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-1536x856.png 1536w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-370x206.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-270x150.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-570x318.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-740x412.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item.png 1610w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Selanjutnya tinggal mengisi judul sesuai yang Anda butuhkan. Jika sudah siap, klik Apply untuk menyimpan perubahan<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"775\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-2-1024x775.png\" alt=\"Sesuaikan pertanyaan\" class=\"wp-image-66878\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-2-1024x775.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-2-300x227.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-2-768x581.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-2-370x280.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-2-270x204.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-2-570x431.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-2-740x560.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-2-80x60.png 80w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-2.png 1162w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Video terkait mengubah nama judul di fitur Accordion<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"718\" style=\"aspect-ratio: 1304 \/ 718;\" width=\"1304\" controls src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item.mp4\"><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3. Edit Teks<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>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<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-text-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"583\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-text-1-1024x583.png\" alt=\"edit jawaban fitur accordion sitepro\" class=\"wp-image-66876\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-text-1-1024x583.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-text-1-300x171.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-text-1-768x437.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-text-1-1536x875.png 1536w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-text-1-370x211.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-text-1-270x154.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-text-1-570x325.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-text-1-740x421.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-text-1.png 1575w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Video terkait edit jawaban di fitur Accordion<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"718\" style=\"aspect-ratio: 1300 \/ 718;\" width=\"1300\" controls src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-jawaban.mp4\"><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4. Menambah Item judul<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Untuk menambah judul, klik terlebih dahulu bagian Page Structure &gt; kemudian klik Accordion &gt; secara otomatis akan muncul action bar kemudian pilih yang New Items<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"561\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-1024x561.png\" alt=\"menambah judul fitur accordion sitepro\" class=\"wp-image-66881\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-1024x561.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-300x164.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-768x421.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-1536x841.png 1536w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-370x203.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-270x148.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-570x312.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-740x405.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item.png 1641w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Secara otomatis judul baru akan muncul di bawahnya<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"732\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-2-1024x732.png\" alt=\"menambah judul fitur accordion sitepro 2\" class=\"wp-image-66882\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-2-1024x732.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-2-300x214.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-2-768x549.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-2-370x264.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-2-270x193.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-2-570x407.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-2-740x529.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-2.png 1245w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Anda juga dapat menambah judul sekaligus edit nama judul melalui bagian &#8220;edit items&#8221;<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"571\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-1024x571.png\" alt=\"menambah judul fitur accordion sitepro 3\" class=\"wp-image-66877\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-1024x571.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-300x167.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-768x428.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-1536x856.png 1536w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-370x206.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-270x150.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-570x318.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item-740x412.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/edit-item.png 1610w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Kemudian pilih yang Add New Items, kemudian langsung dapat Anda beri nama di bagian judulnya.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-opsional.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"732\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-opsional-1024x732.png\" alt=\"menambah judul fitur accordion sitepro 4\" class=\"wp-image-66883\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-opsional-1024x732.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-opsional-300x214.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-opsional-768x549.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-opsional-370x265.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-opsional-270x193.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-opsional-570x408.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-opsional-740x529.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/new-item-opsional.png 1249w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Video terkait penambahan judul di fitur Accordion<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"718\" style=\"aspect-ratio: 1300 \/ 718;\" width=\"1300\" controls src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/add-item.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Konten Apa Saja yang Cocok Menggunakan Accordion?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Meskipun banyak website yang menggunakan fitur accordion, tidak semua konten cocok masuk di dalam fitur tersebut. Beberapa konten yang cocok menggunakan fitur tersebut seperti<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Syarat &amp; ketentuan : Informasi aturan atau ketentuan layanan yang panjang bisa dirapikan ke dalam beberapa point berdasarkan topik<\/li>\n\n\n\n<li>Spesifikasi produk : Dapat digunakan untuk menampilkan informasi mengenai garanci, rincian bahan, atau petunjuk penggunaan<\/li>\n\n\n\n<li>Rincian paket harga : Menampilkan informasi mengenai rincian fitur paket yang disediakan tanpa perlu memenuhi halaman (misal: Paket Basic, Pro, Bisnis)<\/li>\n\n\n\n<li>Pertanyaan terkait produk : Menampilkan daftar pertanyaan yang sering ditanyakan mengenai produk terkait<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Tips Menyusun Teks Accordion Agar Nyaman Dibaca<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Agar fitur accordion tampil estetik dan maksimal pada website Anda, berikut beberapa tips yang bisa digunakan<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Judul singkat dan jelas<\/strong>: Buatlah judul atau pertanyaan sesingkat mungkin agar mudah dipahami oleh pembaca<\/li>\n\n\n\n<li><strong>Jawaban to the point<\/strong>: Berikan jawaban yang langsung menjawab sesuai pertanyaan yang ada di fitur accordion secara to the point tanpa berbelit-belit<\/li>\n\n\n\n<li><strong>Jangan terlalu banyak poin<\/strong>: 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.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Penutup<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sebelum melakukan perubahan pada desain website, sebaiknya <strong><a href=\"https:\/\/www.rumahweb.com\/journal\/cara-backup-dan-restore-pada-sitepro\/\" target=\"_blank\" rel=\"noopener\" title=\"buat backup\">buat backup<\/a><\/strong> terlebih dahulu. Dengan demikian, Anda dapat mengembalikan tampilan website ke kondisi sebelumnya apabila hasil pengeditan tidak sesuai harapan atau terjadi kesalahan saat proses editing.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":345,"featured_media":67023,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1127],"tags":[2672,1128,1264],"class_list":["post-66871","post","type-post","status-publish","format-standard","has-post-thumbnail","category-sitepro","tag-faq","tag-sitepro","tag-tutorial-sitepro"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Pelajari cara membuat FAQ di SitePro builder menggunakan fitur accordion secara mudah, agar pengunjung website Anda dapat membaca pertanyaan populer.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Risang\"\/>\n\t<meta name=\"google-site-verification\" content=\"wPstUwU5246IbK_1PqwGrc1LoSDnB-9rPbcT8_vSNgQ\" \/>\n\t<meta name=\"keywords\" content=\"faq,sitepro,tutorial sitepro\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.rumahweb.com\/journal\/cara-membuat-faq-di-sitepro-menggunakan-fitur-accordion\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"id_Id\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Rumahweb Journal \u2013 Panduan Website, Hosting, dan Server\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Cara Membuat FAQ di SitePro Menggunakan Fitur Accordion\" \/>\n\t\t<meta property=\"og:description\" content=\"Pelajari cara membuat FAQ di SitePro builder menggunakan fitur accordion secara mudah, agar pengunjung website Anda dapat membaca pertanyaan populer.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.rumahweb.com\/journal\/cara-membuat-faq-di-sitepro-menggunakan-fitur-accordion\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/Banner-Cara-Membuat-FAQ-di-SitePro-Menggunakan-Fitur-Accordion.webp\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/Banner-Cara-Membuat-FAQ-di-SitePro-Menggunakan-Fitur-Accordion.webp\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t\t<meta property=\"og:image:height\" content=\"634\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-08-24T01:26:00+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-08-19T09:40:43+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RumahwebIndonesia\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@rumahwebtweet\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Cara Membuat FAQ di SitePro Menggunakan Fitur Accordion\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Pelajari cara membuat FAQ di SitePro builder menggunakan fitur accordion secara mudah, agar pengunjung website Anda dapat membaca pertanyaan populer.\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@rumahwebtweet\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/Banner-Cara-Membuat-FAQ-di-SitePro-Menggunakan-Fitur-Accordion.webp\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Cara Membuat FAQ di SitePro Menggunakan Fitur Accordion","description":"Pelajari cara membuat FAQ di SitePro builder menggunakan fitur accordion secara mudah, agar pengunjung website Anda dapat membaca pertanyaan populer.","canonical_url":"https:\/\/www.rumahweb.com\/journal\/cara-membuat-faq-di-sitepro-menggunakan-fitur-accordion\/","robots":"max-image-preview:large","keywords":"faq,sitepro,tutorial sitepro","webmasterTools":{"google-site-verification":"wPstUwU5246IbK_1PqwGrc1LoSDnB-9rPbcT8_vSNgQ","miscellaneous":""},"schema":null,"og:locale":"id_Id","og:site_name":"Rumahweb Journal \u2013 Panduan Website, Hosting, dan Server","og:type":"article","og:title":"Cara Membuat FAQ di SitePro Menggunakan Fitur Accordion","og:description":"Pelajari cara membuat FAQ di SitePro builder menggunakan fitur accordion secara mudah, agar pengunjung website Anda dapat membaca pertanyaan populer.","og:url":"https:\/\/www.rumahweb.com\/journal\/cara-membuat-faq-di-sitepro-menggunakan-fitur-accordion\/","og:image":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/Banner-Cara-Membuat-FAQ-di-SitePro-Menggunakan-Fitur-Accordion.webp","og:image:secure_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/Banner-Cara-Membuat-FAQ-di-SitePro-Menggunakan-Fitur-Accordion.webp","og:image:width":1200,"og:image:height":634,"article:published_time":"2026-08-24T01:26:00+00:00","article:modified_time":"2026-08-19T09:40:43+00:00","article:publisher":"https:\/\/www.facebook.com\/RumahwebIndonesia\/","twitter:card":"summary_large_image","twitter:site":"@rumahwebtweet","twitter:title":"Cara Membuat FAQ di SitePro Menggunakan Fitur Accordion","twitter:description":"Pelajari cara membuat FAQ di SitePro builder menggunakan fitur accordion secara mudah, agar pengunjung website Anda dapat membaca pertanyaan populer.","twitter:creator":"@rumahwebtweet","twitter:image":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/Banner-Cara-Membuat-FAQ-di-SitePro-Menggunakan-Fitur-Accordion.webp"},"aioseo_meta_data":{"post_id":"66871","title":null,"description":"Pelajari cara membuat FAQ di SitePro builder menggunakan fitur accordion secara mudah, agar pengunjung website Anda dapat membaca pertanyaan populer.","keywords":null,"keyphrases":{"focus":{"keyphrase":"Membuat FAQ di SitePro","score":79},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","location":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-07-28 08:30:17","updated":"2026-08-24 01:31:59","seo_analyzer_scan_date":null,"focus_keyword":"Membuat FAQ di SitePro","additional_keywords":null,"truseo_locale":"id_ID"},"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/66871","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/345"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=66871"}],"version-history":[{"count":2,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/66871\/revisions"}],"predecessor-version":[{"id":67518,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/66871\/revisions\/67518"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/67023"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=66871"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=66871"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=66871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}