Help Center

FAQ Collapsible Block

The FAQ Collapsible Block lets you display frequently asked questions in a clean, accordion-style layout. Customers can expand only the questions they're interested in, keeping your product pages organised and easy to navigate.

This compact design helps shoppers quickly find the information they need without overwhelming the page.

✨ Benefits

  • ❓ Display FAQs directly on product and landing pages
  • 📂 Keep pages clean with collapsible, accordion-style sections
  • ⚡ Help customers find answers quickly
  • 💬 Reduce support requests by addressing common questions upfront
  • 🎨 Customise the design to match your Shopify store's branding

    How it works?

Step 1: Setup the metafield

  1. On your app dashboard homepage, locate the FAQ Collapsible Block.
  2. Click Setup Metafield to automatically create a product-level metafield:
    • Namespace & key → neo.faq_block

This metafield connects your product pages with FAQ data stored in metaobjects.

Step 2: Add entries for metaobjects

  1. In your Shopify admin, go to Content → Metaobjects.
  2. Locate Neo FAQ Block.
  3. Add entries containing:
    • Question
    • Answer
    • Category (optional)

Example:

  • Question: How do I care for this product?
  • Answer: Machine wash only.
  • Category: Quality (optional)
  • You can add as many entries as you want to display.

Pro Tip: Assign unique handle names to FAQ entries for easier product mapping later.

Step 3: Assign entries to products

  1. In the Shopify admin, open the product where you want to display FAQs.
  2. Scroll to Metafields → Neo FAQ Block.
  3. Select the entries you want to assign to that product.
  4. Click Save.

Step 4: Add the block to your product template

  1. Go to Online Store > Customize theme settings.
  2. Select the Product Template.
  3. Add and position the Neo Product FAQ Collapsible Block as required.

Step 5: Connect metaobjects

Choose how you want to connect and display entries:

  1. Dynamic (bulk): Displays all metaobject entries assigned at the product level.
  2. Dynamic (one-by-one): Select specific entries to display across all products.
  3. Static: Manually add fields for FAQs inside the block (applies commonly to all products)

Note: When using Dynamic (bulk), leave the “Question” and “Answer” placeholder fields empty to avoid duplicate content. 

You can find the detailed explanation here.

Step 6: Style your block

From the block settings, you can customize:

  • Font size
  • Icon style
  • Text & background colors
  • Alignment


Preview your changes to ensure they match your store’s design.

Step 7: Save & Publish

When everything looks good, click Save to publish your updated product pages.


Sample Block preview:

Related articles

Variant Description Product BlockThe Variant Description Block empowers you to display short, variant-specific descriptions directly on your product pages. Whether it’s highlighting size details, color differences, material compositiBenefit Boxes BlockThe Benefit Boxes Block allows you to highlight key advantages of your products—such as free shipping, easy returns, eco-friendly materials, or warranty promises—using text and icons/images. It’s a siVariant Inventory Status BlockThe Variant Inventory Status Block lets you display real-time stock status messages for each product variant based on predefined inventory thresholds. Instead of showing a generic message, you can autPayment Icons BlockThe Payment Icons Block automatically displays the payment methods supported by your store. When added through the theme editor, it instantly fetches the active payment providers from your Shopify setCountdown BlockThe Countdown Timer Block lets you display a live ticking timer on your product pages to build urgency and encourage quicker purchases. It’s perfect for flash sales, limited-time discounts, or upcomin