WP Manifestindependent plugin directory
manifest / ecommerce / woo-product-faqs-html-json

Woo Product FAQs (HTML + JSON-LD)

Plugin de WooCommerce para FAQs en HTML con acordeón y Schema FAQ JSON-LD en head

by hardmandog · github.com/hardmandog/woo-product-faqs-html-json

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/hardmandog/woo-product-faqs-html-json/archive/refs/heads/master.zip
Updates itself. It ships its own updater, so new versions appear under Dashboard → Updates.
Readme github.com/hardmandog/woo-product-faqs-html-json ↗

Plugin de WordPress que añade dos campos por producto en WooCommerce: FAQs en HTML para mostrar en el frontend y Schema FAQ en JSON-LD para SEO.

Características

  • Dos meta boxes en el editor de producto:
    • FAQs HTML — bloque de preguntas y respuestas para mostrar en la página del producto
    • FAQ Schema JSON-LD — structured data que se imprime en <head> para Google
  • Shortcode [product_faqs] — renderiza las FAQs con acordeón animado, accesible y responsive
  • Validación de JSON-LD — si el JSON es inválido se muestra aviso en el admin y no se imprime en el front hasta corregirlo
  • Editores de código en el admin (CodeMirror con syntax highlighting para HTML y JSON)
  • REST API — ambos campos se exponen en /wp-json/wp/v2/products/{id} para edición externa vía API
  • CSS y JS inline — sin archivos externos, zero HTTP requests adicionales

Requisitos

  • WordPress 5.8+
  • WooCommerce 6.0+
  • PHP 7.4+

Instalación

  1. Sube la carpeta woo-product-faqs-html-json a /wp-content/plugins/
  2. Activa el plugin desde Plugins → Plugins instalados
  3. Abre cualquier producto en WooCommerce — verás las dos nuevas meta boxes debajo del editor

Uso

Meta boxes

FAQs del producto (HTML)

Pega el bloque HTML con la estructura de acordeón. El plugin aplica wp_kses_post si el usuario no tiene permiso unfiltered_html.

Estructura HTML esperada:

<div class="faq-container">
  <div class="faq-item">
    <button class="faq-question" aria-expanded="false">
      ¿Pregunta aquí? <span class="icon">+</span>
    </button>
    <div class="faq-answer">Respuesta aquí.</div>
  </div>
</div>

FAQ Schema (JSON-LD)

Pega solo el JSON (sin etiqueta `