Skip to main content

ArtinTech Solution

Menu

Templat Halaman FAQ Shopify dengan Carian: 41 Soalan, Satu Seksyen, Tanpa Aplikasi

Shopify FAQ page template with a search header and category accordions on desktop and mobile

Sebaik sahaja bar carian FAQ disiarkan, pengasas Kestrel menghantar satu lagi pautan: halaman bantuan pesaing dengan kepala berwarna, kotak carian di tengah, soalan dikumpulkan mengikut topik dan bar “Masih ada soalan?” di bawah. Bolehkah kami dapat yang sebegini, sebagai templat baharu, tanpa menyentuh halaman FAQ sekarang? Sehari kemudian datang permintaan kedua: dan bolehkah anda isikan semua kandungan supaya kami tidak perlu menaipnya?

Kajian kes ini merangkumi kedua-dua bahagian: templat halaman FAQ Shopify itu sendiri, dan kerja yang kurang menarik iaitu menulis 41 jawapan yang benar-benar tepat.

Tentang kajian kes ini: ia gabungan berdasarkan kerja projek Shopify sebenar. Nama jenama dan beberapa butiran telah diubah. Kod seksyen, had yang kami temui dan masalah kandungan adalah tepat seperti yang kami kendalikan.

Templat halaman FAQ Shopify dengan kepala carian dan akordion kategori pada desktop dan mudah alih
Halaman bantuan baharu pada desktop dan mudah alih. (Ilustrasi, jenama dirahsiakan.)

Projek secara ringkas

Hasil1 seksyen baharu, 1 templat halaman baharu, tiada perubahan pada fail sedia ada
Susun aturKepala berwarna dengan carian, kategori dengan akordion, bar hubungan
Kandungan7 kategori, 41 soalan, ditulis daripada polisi kedai sendiri
Data berstrukturJSON-LD FAQPage dijana daripada blok soalan
PenyuntinganSetiap tajuk, soalan, jawapan dan warna boleh disunting dalam editor tema

Templat baharu, supaya tiada yang lain boleh rosak

Halaman FAQ sedia ada menggunakan seksyen FAQ tema dengan borang hubungan di sebelahnya. Daripada membinanya semula, kami mencipta seksyen berasingan, faq-page.liquid, dan templat halaman, page.faq-2.json, yang menggunakannya. Peniaga menetapkan templat itu pada halaman dalam admin. Halaman lama terus berfungsi sehingga mereka memutuskan untuk bertukar, dan bertukar semula hanya satu menu lungsur.

Cara seksyen ini dibina

Seksyen ini mempunyai dua jenis blok, Kategori dan Soalan, dalam satu senarai rata. Dalam editor tema ia mudah difahami: setiap soalan milik kategori di atasnya, dan menyeret blok akan memindahkannya antara kategori. Dalam Liquid, satu gelung kecil membuka kumpulan baharu pada setiap kategori dan menutup yang sebelumnya:

{%- for block in section.blocks -%}
  {%- case block.type -%}
    {%- when 'category' -%}
      {%- unless forloop.first -%}</div>{%- endunless -%}
      <div class="faqp__group" data-faqp-group>
        <h2>{{ block.settings.title | escape }}</h2>
    {%- when 'question' -%}
      <details class="faqp__item" data-faqp-item>…</details>
  {%- endcase -%}
  {%- if forloop.last -%}</div>{%- endif -%}
{%- endfor -%}
  • Akordion asli. Setiap soalan ialah elemen <details>, jadi membuka dan menutup tidak memerlukan JavaScript dan berfungsi dengan papan kekunci.
  • Carian terbina dalam. Logik penapisan yang sama seperti snippet sebelumnya, tetapi terhad kepada seksyen dan mencari itemnya semasa carian.
  • Data berstruktur FAQPage. Seksyen menulis JSON-LD daripada blok soalan, jadi markup sentiasa sepadan dengan halaman.
  • Tetapan, bukan kod. Warna kepala, warna teks, warna butang, teks pemegang tempat, teks tiada hasil dan butang hubungan semuanya tetapan editor tema.
Editor tema Shopify yang menunjukkan seksyen FAQ dengan blok kategori dan soalan serta pembilang 48 daripada 50 blok
Kategori dan soalan ialah blok dalam satu senarai. Seksyen menggunakan 48 daripada 50 bloknya.

Had yang tiada siapa sebut: 50 blok

Draf kandungan pertama kami ada 7 kategori dan 49 soalan: 56 blok. Shopify membenarkan paling banyak 50 blok dalam satu seksyen, dan templat yang lebih daripada itu tidak boleh disimpan. Kategori juga dikira sebagai blok.

Kami memotong kandungan kepada 41 soalan, 48 blok kesemuanya, yang memberi ruang untuk dua lagi. Memilih apa yang perlu dibuang ternyata mudah, atas sebab yang diterangkan dalam bahagian seterusnya. Kedai yang memerlukan lebih daripada 50 entri boleh menambah seksyen kedua pada templat yang sama, contohnya satu untuk pesanan dan satu untuk produk.

Menulis 41 jawapan yang benar

Peniaga meminta kami mengisi halaman dengan kandungan “seperti mereka”. Menyalin teks bantuan syarikat lain bukan pilihan sama sekali. Polisi mereka bukan polisi kedai ini, dan ayat mereka milik mereka. Sebaliknya, setiap jawapan ditulis daripada sumber peniaga sendiri: polisi bayaran balik, polisi penghantaran, halaman waranti, halaman produk dan kaedah pembayaran di footer.

Melakukannya dengan teliti mendedahkan sesuatu yang tidak disedari peniaga. Kedai mereka sendiri bercanggah di empat tempat:

Penghantaran percumadari €70 dalam FAQ lama, dari €30 di halaman produk dan bar laman
Tempoh pemulangan30 hari dalam polisi bayaran balik, 90 hari dalam FAQ lama dan halaman produk
Kos pemulanganditanggung pelanggan dalam polisi, “pemulangan percuma” di halaman produk
Hayat bateri120 minit dalam satu poin produk, 90 minit dalam FAQ produk itu sendiri

Kami tidak memilih jawapan secara senyap. Di mana ada polisi undang-undang, FAQ mengikutinya, dan peniaga menerima senarai ringkas setiap percanggahan bersama pilihan kami, supaya mereka boleh membuat keputusan dan membetulkan halaman sumber juga. Kami juga membuang dua jawapan yang tidak dapat kami sahkan di mana-mana dalam laman, daripada meneka. Itulah yang menjadikan pemotongan kepada 50 blok mudah.

Jawapan yang dibuka tentang tempoh pemulangan dalam templat halaman FAQ Shopify
Jawapan pendek dan bermula dengan fakta yang dicari pembeli.

Kandungan sebagai fail, bukan klik

Menaip 48 blok ke dalam editor tema adalah lambat dan mudah tersilap. Kami menyimpan soalan dalam fail kandungan kecil dan menjana JSON templat daripadanya dengan skrip. Apabila peniaga membuat keputusan tentang percanggahan, menjana semula templat hanya mengambil beberapa saat. Selepas dipasang, setiap jawapan masih boleh disunting seperti biasa dalam editor tema.

Memasangnya

  1. Cipta seksyen faq-page dalam editor kod dan tampal fail seksyen.
  2. Cipta templat halaman bernama faq-2 (JSON) dan tampal fail templat. Seksyen mesti wujud dahulu kerana templat merujuk kepadanya.
  3. Buka halaman FAQ di Kedai dalam talian → Halaman dan pilih templat faq-2.

Apa yang kami lakukan pada setiap projek FAQ

  • Tulis daripada polisi, bukan daripada ingatan atau daripada pesaing.
  • Cari percanggahan sebelum menerbitkan. FAQ yang bercanggah dengan polisi bayaran balik mencipta tiket sokongan yang sepatutnya dicegahnya.
  • Rancang had 50 blok sebelum menulis kandungan.
  • Simpan kandungan dalam fail yang boleh dijana semula, kemudian serahkan templat yang disunting peniaga seperti templat lain.

Mahukan halaman bantuan seperti ini, atau FAQ yang benar-benar menjawab pelanggan anda? Lihat perkhidmatan pembangunan tema Shopify kami atau hubungi kami.

Soalan lazim

Bolehkah saya membina halaman FAQ Shopify tanpa aplikasi?

Ya. Seksyen tersuai dengan blok kategori dan soalan, akordion asli dan skrip carian kecil merangkumi apa yang dilakukan kebanyakan aplikasi FAQ, tanpa yuran bulanan atau skrip tambahan di setiap halaman.

Adakah data berstruktur FAQ memberi saya hasil kaya di Google?

Sejak 2023, Google memaparkan hasil kaya FAQ terutamanya untuk laman kerajaan dan kesihatan yang terkenal. Data berstruktur masih sah dan membantu enjin carian memahami halaman, tetapi kebanyakan kedai tidak patut mengharapkan petikan FAQ yang boleh dikembangkan.

Berapa banyak soalan boleh dimuatkan dalam satu seksyen FAQ?

Satu seksyen Shopify boleh memuatkan sehingga 50 blok, dan kategori turut dikira. Untuk lebih, tambah seksyen FAQ kedua pada templat yang sama.

Bolehkah pasukan saya menyunting soalan kemudian?

Ya. Setiap kategori, soalan dan jawapan ialah blok dalam editor tema. Menambah, membuang atau menyusun semula tidak memerlukan kod.

Share this article