Skip to content

Product FAQs Tab

The FAQs tab renders a built-in ask-a-question form (name + email + question + captcha). It's not a pre-filled accordion — shoppers submit questions straight from the PDP.

PDP FAQs tab — ask-a-question form

Turn the FAQs tab on

eShopping Theme✕
Product Page (PDP)
Show FAQ Tab

The FAQs tab appears alongside the other active product tabs (Description, Videos, Specifications, Warranty, Reviews).

Tabs vs. stacked sections

FAQs is a tab only when Show Product Description Tabs is on (the default). Off → it renders as a stacked section down the page.

Products✕
Show product description tabs

Neighbor tabs are conditional:

  • Specifications — when Product custom fields in tabs is on and the product has custom fields.
  • Warranty — when the product has warranty text.
  • Videos — when the product has videos.
Products✕
Product custom fields in tabs

How submissions are handled

When a shopper submits the form:

  • The question goes to your store's Contact Us page — a Contact page must exist — and is delivered to that page's contact-form email.
  • The product name and URL are prepended ([Product: <name> - <url>]) so you can see which product it's about.
  • An inline confirmation replaces the form on success.
  • reCAPTCHA appears only when it's enabled for your storefront.
BigCommerce admin
Home
Orders
Products⌄
Customers⌄
Storefront⌃
Themes
Logo
Home page carousel
Social media links
Script manager
Web pages
Blog
Image manager
Marketing⌄
Analytics
Settings⌄

Showing pre-written FAQ answers

FAQs tab — pre-written answers above the ask form

The FAQs tab has no answer content of its own. Drop a collapsible accordion into the tab in Page Builder:

‹ AI HTML Generator | PapaThemes⋯
▾ Content
<style>
.papathemes-ai-widget-… { … }
…your HTML…
</style>
Expand HTML EditorSave HTML
Show in container div

Paste an accordion like this. It carries schema.org microdata, so the same markup also produces an FAQ rich snippet for Google:

<style>
.esfaq{border:1px solid var(--eshopping-bark-200);border-radius:var(--eshopping-r-md);overflow:hidden;margin:var(--eshopping-sp-5) 0;background:var(--eshopping-white)}
.esfaq__hd{padding:var(--eshopping-sp-3) var(--eshopping-sp-4);font-weight:700;font-size:0.93rem;color:var(--eshopping-bark-800);background:var(--eshopping-bark-50);border-bottom:2px solid var(--eshopping-terra)}
.esfaq__item{border-top:1px solid var(--eshopping-bark-100)}
.esfaq__q{display:flex;justify-content:space-between;align-items:center;gap:var(--eshopping-sp-3);padding:var(--eshopping-sp-3) var(--eshopping-sp-4);font-weight:600;font-size:0.9rem;color:var(--eshopping-bark-800);cursor:pointer;list-style:none}
.esfaq__q::-webkit-details-marker{display:none}
.esfaq__q::after{content:"+";color:var(--eshopping-terra);font-size:1.15rem;line-height:1}
.esfaq__item[open] .esfaq__q::after{content:"\2212"}
.esfaq__a{padding:0 var(--eshopping-sp-4) var(--eshopping-sp-3);font-size:0.86rem;line-height:1.55;color:var(--eshopping-bark-600)}
</style>
<div class="esfaq" itemscope itemtype="https://schema.org/FAQPage">
  <div class="esfaq__hd">Frequently Asked Questions</div>
  <details class="esfaq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
    <summary class="esfaq__q" itemprop="name">Does this ship internationally?</summary>
    <div class="esfaq__a" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
      <span itemprop="text">Yes, we ship worldwide. Shipping is calculated at checkout based on destination.</span>
    </div>
  </details>
  <details class="esfaq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
    <summary class="esfaq__q" itemprop="name">What is the return policy?</summary>
    <div class="esfaq__a" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
      <span itemprop="text">30-day returns on unused items in their original packaging.</span>
    </div>
  </details>
</div>

Validate the result with Google's Rich Results Test.

Next