Escribe el valor en el atributo alt de una etiqueta img — descripción de imagen para accesibilidad y SEO. Compatible con Polylang/WPML.

Enlace de ancla — el campo acepta un identificador sin el signo #; el generador antepone la almohadilla al escribir en href.

Campo de texto sin formato de varias líneas, sin editor visual: los saltos de línea escritos en el panel se mantienen en el sitio. Para entradillas, direcciones y descripciones cortas.

Genera un id HTML único a partir del valor de un campo ACF/SCF vinculado. Útil cuando filas de repetidor se renderizan en secuencia y necesitan ids estables para anclas o CSS.

Color de fondo — escribe el valor en el estilo inline background-color. Selector de color en el admin.

Imagen de fondo del bloque — el generador escribe la URL en el estilo inline background-image. Si el bloque también tiene color o gradiente de fondo, la imagen puede no renderizarse en algunos navegadores.

Vídeo HTML5 de fondo — un grupo de tres campos: póster, mp4 y webm. El generador adjunta un <video> con autoplay/muted/loop al fondo del bloque.

Vincula el estado de un input[type=checkbox] a un campo booleano ACF/SCF. El generador añade el atributo checked cuando el valor es true.

Checkbox personalizada dentro de fld-loop — cada fila recibe un name único para que el envío del formulario devuelva un array de valores.

Escribe el valor en el atributo class HTML. Útil para estilos condicionales: elige una cadena en el admin (p. ej. is-featured) y se convierte en clase del bloque en el front.

Fragmento de código arbitrario — el valor se imprime literalmente, sin escapado (raw output). Para píxeles de seguimiento, iframes de terceros, estilos en línea.

Color de texto — escribe el valor en el estilo inline color del elemento actual. El admin muestra un selector de color con canal alfa.

Atributo personalizado arbitrario: conecta cualquier atributo HTML del elemento al panel de administración como campo editable. Formato del valor: "nombre-atributo:Etiqueta en admin". Por ejemplo, para hacer editable src o href: fld-custom="src:Image link" o fld-custom="href:Link field name". Si necesita varios en un mismo elemento, use las variantes numeradas fld-custom1...fld-custom20.

Editor visual (TinyMCE) para texto con formato: títulos, listas, enlaces, imágenes. Ponlo en un div: WordPress envuelve el texto en párrafos por su cuenta.

Enlace de email en un atributo — el generador construye href="mailto:..." e inyecta la dirección del campo como texto visible del enlace dentro de <a>.

Subida de archivo arbitrario — PDF, DOCX, ZIP, etc. La URL se inyecta en el href de una <a>. Subidor de medios estándar en el admin.

Galería de imágenes — un array de imágenes con orden por arrastrar y soltar. Renderizada en el front como un bucle sobre imágenes.

Campo Google Maps — coordenadas, dirección y zoom en un selector con mapa interactivo. Requiere una clave de API de Google Maps en los Ajustes del Tema.

Dirección textual de un Google Map — extrae el componente address del objeto gmap. Útil para un pie debajo del mapa.

Contenedor de campos anidados — todos los fld-* dentro se convierten en sub-campos del grupo en el admin. Sin valor propio, solo estructura el Panel del Tema.

Ocultación condicional del bloque — espejo de show con lógica invertida. true en el admin retira el bloque del marcado.

Escribe el valor en el id HTML del elemento actual. Para auto-generación a partir del contenido, ver auto_id o slug_id.

Campo de imagen. En un <img> la generación toma src del campo y quita srcset y sizes, para que se vea la imagen elegida en el panel; alt y class quedan como en el marcado.

Galería sin envoltorio automático en lightbox — úsala cuando tu visor modal se conecta mediante un componente JS personalizado.

Una plantilla de bloque dentro de fld-layouts — contiene los elementos renderizados para una variante de layout específica.

Flexible Content — el usuario elige distintos tipos de bloques en el admin y los ordena arbitrariamente. Cada tipo es un fld-layout aparte con su propio marcado.

Galería en lightbox — cada imagen se envuelve automáticamente en un <a> con atributos de lightbox para el widget elegido.

Imagen en lightbox — el generador envuelve la <img> en un <a href> al tamaño completo con atributos que activan un visor modal (Fancybox, GLightbox, nativo).

Vídeo en lightbox — el campo acepta una URL (YouTube, Vimeo, MP4) y se convierte en un enlace lightbox con embed al hacer clic.

Enlace universal como campo de texto plano — el usuario introduce una URL, el generador la escribe en href. Sin selector de entrada, sin validación de esquema.

Lista de valores vía textarea — cada línea se convierte en un elemento del array. Ideal para listas de ventajas, etiquetas, enumeraciones simples sin repetidor.

Repetidor — el usuario añade cualquier número de filas, cada una con su propio conjunto de campos. Dentro de fld-loop usa atributos fld-* normales; el parser detecta que pertenecen a la fila. El análogo TF de the ACF/SCF Repeater.

Animación Lottie — el campo acepta una URL a un archivo JSON. En el front inicializa un lottie-player en el elemento actual.

Enlace a una página de WordPress — selector desplegable sobre páginas, entradas y CPTs existentes en el admin. Devuelve el permalink y respeta la locale activa de Polylang/WPML.

Enlace de teléfono en un atributo — el generador construye href="tel:..." e inyecta el número del campo como texto visible dentro de <a>.

Escribe el valor en el atributo placeholder de un input o textarea — el texto de ayuda dentro de un campo vacío.

Bucle sobre entradas elegidas manualmente — renderizadas en el front como WP_Query con el orden del usuario conservado.

Botones de radio — elige una opción de una lista predefinida. Configuración en el Panel del Tema.

Lista desplegable — los pares (label, value) se configuran en el Panel del Tema mediante un sub-repetidor.

Shortcode como valor de campo — el contenido se pasa por do_shortcode antes de la salida. Cualquier shortcode de WordPress en cualquier lugar del tema.

Revelado condicional del bloque — true en el admin mantiene el bloque en el front, false lo elimina (vía CSS display:none o guard PHP).

ID al estilo slug con transliteración — el generador toma el valor del campo vinculado y lo convierte a formato slug (cirílico → latín, espacios → guiones, minúsculas).

CSS inline arbitrario en el elemento actual — escribe el valor en el atributo style. Úsalo con moderación: sobrescribe las hojas de estilo.

Bucle sobre términos seleccionados — el array de un campo taxonomy, cómodo para renderizar nubes de etiquetas o listas de enlaces.

Campo de texto de una línea, el tipo más habitual. Sustituye todo el contenido del elemento por el valor del campo; el texto del HTML pasa a ser el primer valor del campo al pulsar «Cargar datos», no un valor de reserva. Traducible con Polylang/WPML.

Escribe el valor en el atributo HTML title — el tooltip al pasar el ratón. Más común en enlaces e imágenes.

Escribe el valor en el atributo value de input/select — para campos de formulario cuyo valor por defecto se edita desde el admin.

Vídeo por URL — colócalo en un bloque de vídeo; en el admin aparece un campo de texto para cualquier enlace de vídeo (YouTube, Vimeo, …); en el front se reproduce como reproductor incrustado.

Vídeo de YouTube por URL — el generador inserta un iframe de embed en el elemento actual.

Crea un grupo de campos ACF/SCF a partir de los atributos de campo dentro del elemento donde se coloca. Se pone en el elemento que contiene los campos — normalmente en body; el valor es el nombre del grupo en el admin (heredado: wp_meta). Sin wp-fields-group en la página, no se crean grupos de campos para esa plantilla automáticamente (puede crearlos manualmente en los ajustes de ACF/SCF). No crea archivos de plantilla — se generan por separado a partir de las páginas de Webflow.

Mantiene visible el editor visual de WP en páginas vinculadas a plantilla vía wp-fields-group. Por defecto el editor se oculta — este atributo lo restaura.

Adds a help text (description) under a field’s label in the WordPress admin. Place it on the same element that carries a field attribute (fld-text, opt-link, a group or repeater container, …) and editors see your guidance right where they fill the field in.

Renderiza un fld-repetidor como layout de tabla en el admin — rejilla compacta de filas. Bueno para campos cortos (nombre + precio + cantidad).

Cada fila del repetidor es una tarjeta-bloque aparte con campos apilados verticalmente. Default para la mayoría de tipos.

Los campos dentro de una fila fluyen horizontalmente (flex) — para pares cortos «etiqueta + valor» en el admin.

Salida condicional del bloque según una condición de WordPress: el valor es una llamada a función (o expresión) que devuelve true/false. Si es falso, el bloque no aparece en absoluto en la página. También puede indicarse solo el nombre de un campo: wp-if="phone" muestra el bloque solo si el campo phone está relleno (equivale a get_field('phone')). Valores típicos en las tarjetas de ejemplo de abajo; también se admiten expresiones PHP arbitrarias.

Universal HTML attribute setter. Format: `wp-set="name:value"`. The wp-set attribute itself is removed, and the «name:value» pair is added as a regular HTML attribute on the same element. Multiple pairs can be specified with `;`: `wp-set="n1:v1; n2:v2"`. Examples: `wp-set="type:date"` → `type="date"`; Schema.org microdata `wp-set="itemscope: ; itemtype: https://schema.org/BreadcrumbList"` → `itemscope="" itemtype="https://schema.org/BreadcrumbList"`. If the value needs to be computed via PHP, use wp-set-php instead.

Ejecuta código PHP arbitrario en el lugar del elemento — el generador envuelve el valor en <?php ... ?>. Máxima libertad: variables, bucles, llamadas a funciones. Para simplemente imprimir un valor es más cómodo php-echo (echo está implícito), para mostrar condicionalmente — php-if / wp-if.

Muestra el resultado de una expresión PHP como contenido del elemento. No escriba la palabra echo — está implícita: php-echo="get_the_title()" imprime el título de la entrada actual. Para construcciones cortas y seguras; para bloques de código con lógica use wp-php.

Renderizado condicional: el elemento solo se muestra si la expresión PHP del valor es verdadera. P. ej. php-if="is_user_logged_in()" muestra el bloque solo a visitantes autenticados. Sirve cualquier expresión booleana; pariente de wp-if (orientado a condiciones de WordPress ya hechas).

Inserts raw PHP code immediately BEFORE the element — for setup logic, opening control structures, or variable assignments that wrap the element.

Inserts raw PHP code immediately AFTER the element — pairs with php-before to close control structures or run teardown logic.

Inserts PHP code INSIDE the element, replacing its children — the element keeps its tag and attributes but its content becomes the code's output.

Replaces the ENTIRE element (tag included) with the output of the PHP code — use when you need to swap the whole node for dynamic markup.

Inserts PHP code at the START of the element's content — prepends the code output before the existing children.

Inserts PHP code at the END of the element's content — appends the code output after the existing children.

Inserta en este lugar otro archivo PHP del tema (include normal; nombre sin extensión — .php se añade automáticamente). Diferencia clave con wp-part: el generador NO crea NI sobrescribe el archivo de wp-include al actualizar el tema — es su propio parcial, escrito y mantenido a mano, y sobrevive a las actualizaciones. Truco: ponga primero wp-part para que el generador extraiga una vez el marcado del elemento a un archivo, luego cambie el atributo a wp-include — el archivo dejará de sobrescribirse y podrá editarse a mano.

Extrae el elemento a un archivo reutilizable aparte (template part de WordPress) y lo incluye mediante get_template_part(). Diferencia clave con wp-include: el archivo se genera del marcado de Webflow y se SOBRESCRIBE en cada actualización del tema — editarlo a mano no tiene sentido, edite el elemento original en Webflow. Útil como objetivo de actualización AJAX. Combinación: wp-part extrae el archivo una vez, después se cambia el atributo a wp-include — y se edita el archivo a mano sin sobrescrituras.

Executes a WordPress shortcode in place via do_shortcode() — embed plugin output (forms, sliders, WC blocks) anywhere in the layout.

Turns the element into a «Load more» button that AJAX-loads the next page of the current query and appends results — infinite-scroll-style pagination.

A grouping counter that splits loop results into groups of N (e.g. columns) — increments per item so you can wrap every N items in a row.

Binds the template file to a specific custom post type (CPT). Placed on the `<body>` tag. WordPress shows this template in the «Template» dropdown when editing posts of the named CPT. Example: ```html <body wp-template-cpt="product"> ...template content... </body> ``` This template becomes selectable for posts of type `product` (WooCommerce product).

Área de widgets (sidebar dinámico): el contenido del elemento se sustituye por los widgets que el admin colocó en esa área (Apariencia → Widgets). El valor es el nombre del área; el tema la registra automáticamente al generar. Aquí van también los widgets de plugins — p. ej. el filtro de catálogo Premmerce.

Muestra un menú de WordPress por su nombre (Apariencia → Menús). Los elementos toman las clases del primer enlace; los que tienen subelementos se convierten en un desplegable de dos niveles. Para un desplegable con tu propio diseño, wp-menu-tree.

Plantilla para un ítem de menú simple sin hijos anidados — un enlace básico. El generador usa este elemento como «hoja» al construir el menú.

Plantilla para un ítem de menú con desplegable — debe contener wp="menu-children" para la lista anidada. El generador expande recursivamente los hijos.

Imprime el título de la entrada o página actual — lo introducido en el campo «Título» del admin de WP. Respeta la locale activa de Polylang/WPML.

Imprime el contenido principal de la entrada vía the_content() — con bloques Gutenberg, shortcodes y embeds oEmbed. Debe estar dentro del Loop.

Extracto de la entrada — un resumen corto del campo Extracto o auto-generado del contenido. Ideal para tarjetas de archivos y resúmenes de blog.

Fecha de publicación de la entrada en el formato del tema. Formato configurable en WP «Ajustes → Generales» o vía filtro get_the_date.

Imagen destacada de la entrada en un <img>: src sale de la entrada y se quitan srcset y sizes. Para un fondo, post-bg-image.

Enlace permanente de la entrada actual, escrito en href. Funciona en cualquier elemento, normalmente un <a>.

Nombre visible del autor. Por defecto el autor es el usuario que publicó la entrada.

Enlace a la página de archivo del autor — escrito en href. Abre el archivo del autor.

Etiquetas de la entrada actual, separadas por coma. Cada etiqueta es un enlace a su archivo.

Loop estándar de WordPress (The Loop) — en archivos itera entradas automáticamente. Todo lo interior se repite por cada entrada. Úsalo SOLO en plantillas de archivo (blog / categoría / archivo de CPT / búsqueda); en una página de entrada individual mostraría una lista de entradas no deseada.

Números de página para el blog, los archivos y la búsqueda: WP-PageNavi si ese plugin está activo; si no, paginate_links() de WordPress. Va en un elemento vacío.

URL de la página de inicio del sitio — escrita en href. En versiones localizadas apunta a la raíz de la locale actual.

Título de la entrada envuelto en un enlace a la propia entrada — ambos valores a la vez (texto + href). Un atributo reemplaza post-title + post-link.

Enlace a la siguiente entrada del archivo — escrito en href. Se oculta en la última entrada.

Enlace a la entrada anterior del archivo — escrito en href. Se oculta en la primera entrada.

Miniatura de la entrada como imagen de fondo del bloque — la URL se escribe en el estilo inline background-image.

Miniatura de la entrada como enlace lightbox — <img> se envuelve en <a href> con atributos de lightbox.

Sinónimo de bloginfo-name — nombre del sitio desde los ajustes de WP.

Sinónimo de bloginfo-description — lema del sitio desde los ajustes de WP.

Migas de pan vía el plugin Breadcrumb NavXT — el rastro de la página de inicio a la página actual. Requiere el plugin activo.

Contenedor del estado «sin resultados» en archivos y búsqueda — el generador lo muestra solo cuando no hay resultados (controlado por JS).

Outputs the name of the current taxonomy term — category, tag, or custom taxonomy. Used on taxonomy archives and inside fld-term-query loops. Respects the active Polylang/WPML locale.

Permalink to the term's archive page — written into the href of an <a>. Multilang-aware.

Number of posts in the current taxonomy term (products in a category, posts in a tag). Useful for a badge next to the category name.

WooCommerce price of a product that is not on sale; hidden while it is. Put product-price-sale and product-price-regular next to it for sales.

The old, struck-through price, shown only while the product is on sale; empty and hidden otherwise. Pair it with product-price-sale.

Sale (discounted) WooCommerce product price. Empty when the product has no active sale.

Wrapper container for the product price block — typically holds product-price-regular and product-price-sale inside. Structures the price block for CSS.

WooCommerce product SKU. Hidden when the SKU field is not set on the product.

WooCommerce product gallery container — supports swipe and zoom on the product page.

WooCommerce product category image — the thumbnail set under Products → Categories. URL is injected into the img src.

Product category image as a background-image

WooCommerce product quantity input — usually <input type="number">. Pairs with product-qty-plus and product-qty-minus.

Decrement-quantity button for cart or product page. JS reduces the linked product-qty input by 1.

Increment-quantity button for cart or product page. JS increases the linked product-qty input by 1.

Goes on a <form> with a submit button: adds the product without a page reload and updates the cart counter and mini cart. Quantity inside: wp="product-qty". Variable products use the var-* values.

Cart total as WooCommerce shows it in the cart. Updated without a page reload when the cart changes.

WooCommerce cart item count — updated via AJAX. Used in the header for a badge on the cart icon.

«Cart is empty» container — the generator shows it only when the cart has no items. Usually contains a «back to shopping» link.

Fila de un producto hijo de un producto agrupado — se coloca en la fila repetida del bucle de hijos (wp-product-query="get_grouped_children()"). Aporta el identificador del producto y el precio unitario con los que se calcula el total.

Campo de cantidad de un producto hijo — se convierte en un campo numérico que empieza en 0 («no pedido») y se limita al stock restante cuando se gestiona el inventario. Aquí corresponde este atributo y no wp="product-qty": ese pertenece al formulario del propio producto y movería todas las filas a la vez.

Botón de restar de un producto hijo — solo cambia su propia fila.

Botón de sumar de un producto hijo — solo cambia su propia fila.

Contenedor del total de un producto agrupado — incluye el recuento, el importe y el botón de añadir al carrito.

Cantidad total seleccionada entre los productos hijos — se recalcula en el navegador mientras se escribe.

Importe total de la selección actual — se recalcula en el navegador mientras se escribe.

Añade toda la selección al carrito en una sola petición: cada producto hijo cuya cantidad sea mayor que cero.

Site search form wrapper — the generator wraps it in an HTML5 <form action="/?s="> with input[name=s].

Marker for AJAX trigger on a filter element (checkbox / radio / select inside wp-filter-form). When set, JS auto-submits the filter form on value change, no «Apply» click needed. NOT infinite-scroll (see wp-load for that).

Additional product image — URL is injected into the img src. Distinct from product-gallery (the whole gallery).

Product thumbnail as a background image — URL written into the inline background-image style.

Product thumbnail as a lightbox link — <img> is wrapped in <a href> with lightbox attributes.

Product gallery without automatic lightbox — use when the modal viewer is wired via a custom JS component.

Product title outside the loop context. Inside single-product / loop product use wp="post-title" instead.

Product height from the shipping settings in WC admin.

Product width from the shipping settings in WC admin.

Product length from the shipping settings in WC admin.

Product weight from the shipping settings in WC admin.

Discount percentage on the product — computed from regular/sale price. Useful for a -20% badge.

Loop container over the product's attributes (inside: attr-name, attr-options)

Product attribute name (inside a product-attrs or var-attrs loop)

Terms of the CURRENT attribute inside var-attrs — the same as wp-attr-terms="*", under its own name, so a converter that does not know the mark leaves the markup static

Product attribute values (inside a product-attrs loop)

Contenedor que repite su primer hijo una vez por cada atributo de VARIACIÓN que el producto realmente tiene — así un atributo nuevo (una talla nueva, un ingrediente nuevo) aparece en el sitio nada más guardar el producto en WordPress, sin tocar el diseño ni regenerar el tema. Dentro del grupo repetido usa wp="attr-name" para la etiqueta del atributo y wp-attr-terms="*" para la lista de sus valores. Los atributos colocados a mano en la misma plantilla (wp-attr-terms="pa_x" o wp-if-attr="pa_x") se OMITEN: los bloques hechos a mano suelen ser personalizados y, de lo contrario, el atributo se dibujaría dos veces. Los atributos que no son taxonomía («texto libre») también se omiten: no hay términos que elegir. No confundir con wp="product-attrs" — ese ENUMERA los atributos como características; este construye el SELECTOR.

Product card container — wrapper for a single product on a catalog page.

Catalog loop of the shop and category pages: shows the page’s own products, and the first card is the pattern. For products on another page use wp-product-query.

Numeric stock count for the product — shown only when stock management is enabled.

«In stock» block — the generator shows it when the product is available for purchase.

«Out of stock» block — the generator shows it when the product has no stock.

«Available on backorder» block — shown when the product is out of stock but orderable.

Current price of the selected variation. Updated via JS when the variation changes.

Regular (struck-through) price of the selected variation.

Sale price of the selected variation. Empty if no sale.

Image of the selected variation — URL injected into src.

Variation image in lightbox.

Variation image as background-image on the current element.

Description of the selected variation.

SKU of the selected variation.

Numeric stock count for the selected variation.

«In stock» block for variation — shown when the selected variation is available.

«Out of stock» block for variation.

«Backorder» block for variation.

Numeric ID of the selected variation.

Variation height (shipping).

Variation width (shipping).

Variation length (shipping).

Variation weight (shipping).

«Cart not empty» container — the generator shows it only when the cart has items. Paired with cart-empty.

Total weight of all items in the cart.

Checkout page container — the main wrapper for checkout.php.

Full checkout form — contains billing-* fields and payment/shipping inside.

Filled checkout form — shown when the cart has items.

Final payable amount on the checkout page.

Order total amount in the account details view.

Order number (text identifier).

Order comments field — textarea for additional notes from the customer.

Total discount applied to the order — sum of coupon discounts.

Shipping options container — typically holds shipping-radio inside.

Radio button for one shipping option.

Cost of the selected shipping option.

List of countries where shipping is available.

Final shipping cost. The name keeps a typo from the alternative format («shiping»); kept for compatibility.

Payment methods container — typically holds payment-radio inside.

Description of the selected payment method — caption under the radio button.

Radio button for one payment method.

Coupon code input + apply button.

«Use coupon» trigger button — usually expands the code input form.

Total discount amount in the cart

Total discount percentage in the cart

Discount amount from applied coupons only

Loop container over applied coupons (inside: coupon-code, coupon-amount, coupon-descr)

Code of the applied coupon (inside a used-coupons loop)

Discount amount of the coupon (inside a used-coupons loop)

Coupon description (inside a used-coupons loop)

Customer address (combined field — joins address_1 + address_2).

Customer address — line 1 (street, building).

Customer address — line 2 (apartment, suite).

Customer city.

Customer state / region.

Postal code.

Customer country (select with the WC countries list).

Customer company name (for B2B orders).

Customer first name.

Customer last name.

Customer email — for order confirmation.

Customer phone.

Display name of the currently authenticated WP user. Empty for guests.

Standard WordPress login form (wp_login_form).

WooCommerce login form — extended version for my-account.

WooCommerce new-user registration form.

WooCommerce password recovery form.

User-data edit form in the account dashboard.

Billing-address edit form in the account dashboard.

Password-change form in the account dashboard.

Logout link — href points to wp-login.php?action=logout with the correct nonce.

Order list for the current user — repeating block (loop).

List of downloadable files for the customer (digital products).

Download link for a specific customer file.

Taxonomy term title with a link to its archive — text + href in one.

Taxonomy term description — the «Description» field from the taxonomy admin.

Recursion-point marker inside wp-term-tree: container into which the generator inserts the nested-terms block (same structure as the parent). Any nesting depth.

Archive page title — category name, tag, author, date (depending on archive type).

Archive title with a link to the archive itself — text + href.

Sort selector container — usually a select with orderby options.

Sort-order option inside sort. Values: date, price, popularity, etc.

«Items per page» selector container for archives.

Product / post filter container — wrapper for filter forms.

Button to reset all applied filters.

Block renders only on mobile devices (phones + tablets).

Block renders only on phones (not tablets).

Block renders only on tablets.

Block renders only on desktops.

Block renders on all devices except phones (tablets + desktop).

Block renders only on iOS devices (iPhone, iPad).

Block renders only on Android devices.

Block renders only for «featured» WC products (is_featured flag).

Block renders only for «new arrivals» — recently published products.

Post view counter. Requires a compatible plugin (Post Views Counter, etc.).

Date the post was last modified

The block is shown only if the post has an excerpt

Post comments container — wrapper block (differs from wp="comments" which calls comments_template()).

Muestra la lista de comentarios con TU maquetación en lugar del marcado por defecto de WordPress. El primer hijo con marcas de comentario se convierte en la plantilla de un comentario; los hilos, la paginación y la moderación siguen siendo de WordPress. La tarjeta recibe id="comment-<ID>" y la clase tf-comment-depth-N: dale estilo para indentar las respuestas, porque una respuesta no tiene contenedor propio.

Nombre del autor del comentario. Colócalo dentro de la plantilla del comentario.

Avatar del autor. En un <img> se sustituye el src (se eliminan srcset/sizes estáticos, o el navegador los preferiría); en cualquier otro elemento pasa a ser imagen de fondo.

Fecha del comentario. Colócala dentro de la plantilla del comentario.

Texto del comentario. Colócalo dentro de la plantilla del comentario.

El enlace «Responder». Conserva tu elemento y tus clases, y recibe la dirección real de respuesta y los atributos de datos que necesita el script de respuestas de WordPress.

Construye el formulario de comentarios con TU maquetación de campos. El formulario en sí lo sigue imprimiendo WordPress —ahí viven sus campos ocultos, los hooks de plugins y el comportamiento al responder—, mientras que tus bloques marcados pasan a ser los campos, el área de texto y el botón. Un campo sin marcar mantiene el valor por defecto de WordPress.

El campo «Nombre» del formulario. Marca el campo o, mejor, su contenedor (etiqueta + campo + ayuda): todo el elemento marcado se convierte en el bloque del campo.

El campo «Correo electrónico» del formulario de comentarios.

El campo «Web» del formulario de comentarios.

El área de texto del comentario.

El botón de envío del formulario. Se conservan tu maquetación y tus clases.

Muestra las valoraciones de producto de WooCommerce con TU maquetación. Una valoración es un comentario más una puntuación, así que las marcas de comentario funcionan dentro de la tarjeta sin cambios. Todo lo que hay dentro del bloque es FUENTE: el primer hijo con marcas de valoración/comentario se convierte en la plantilla de una valoración, y un bloque wp="review-form" dentro pasa a ser los campos del formulario. El bloque en sí sigue siendo de WooCommerce: título y recuento, paginación, el aviso "es necesario comprar", validación y guardado.

La puntuación de la valoración. El elemento recibe data-rating y la variable CSS --tf-rating, de modo que una barra de estrellas se dibuja solo con CSS (width: calc(var(--tf-rating) / 5 * 100%)). A un elemento VACÍO se le imprime el número; si dentro hay maquetación tuya (tus estrellas), no se toca.

Se muestra solo en una valoración de un comprador verificado. Tu maquetación, tus clases.

El formulario de valoración con TU maquetación de campos. Colócalo dentro de wp="review-list": ahí es donde WooCommerce imprime el formulario. Los campos usan las marcas de comentario (comment-input-author / -email / -text, comment-submit) más review-input-rating.

El control de puntuación del formulario (un <select>). Si no tiene opciones, se añaden 1-5. Nunca viaja en el array "fields": WordPress lo imprime solo para visitantes no identificados, y cualquier cliente con sesión perdería la puntuación.

Post categories as a link list. Alternative output format (vs. wp="post-category" which outputs a comma-separated list).

Wrap-link on the post card — turns the whole block into a clickable area pointing to post-link.

Parent page title with link — for hierarchical pages.

Alias of wp="home-url" — link to the site's home page.

Search query highlight in the results header («You searched for: ...»). Alternative to wp="search-query".

Utility marker: removes the element from DOM at build time while keeping its bound ACF/SCF fields in admin. For DOM cleanup without losing editability.

Synonym of wp="clear": removes the element from DOM at build time while keeping its bound ACF/SCF fields in admin (e.g. an empty tab-divider div).

Convierte el elemento en un bucle de entradas (WP_Query) en cualquier lugar del tema: dentro del elemento está la tarjeta de UNA entrada, que se repite para cada resultado. Los parámetros se escriben como pares de array PHP, p. ej. wp-query="'post_type'=>'news', 'posts_per_page'=>6". Dentro del bucle funcionan wp="post-title", wp="post-image", los enlaces y los campos fld-* de la entrada.

Renders pagination links for archives and search results via paginate_links(). Parameters (mid_size, end_size, prev/next text…) are passed in the value.

Pagination for a named or custom query rather than the main loop — point it at the same query used by wp-query-name / a custom WP_Query.

Runs a post loop from a named query preset defined in the theme panel — admins build the query once (post type, taxonomy, ordering) and reference it by name.

A WooCommerce loop over the results of a custom product query — related, upsell, cross-sell, or recently-viewed products. Carries WC product context inside.

Builds a <select> from the results of a named query or an ACF repeater — useful for dynamically populated dropdowns.

Outputs the current post ID, optionally with a text prefix — handy for building unique anchors, form field names, or data attributes that need to reference the post.

Outputs the publish time of the current post via get_the_time(). Respects the site's date/time format settings. Must run inside The Loop.

Lists the names of all terms a post belongs to in a given taxonomy, joined by commas — e.g. all product categories or tags of the current item.

Outputs the description text of the post's first term in the given taxonomy. Useful for showing a short blurb under a category label.

Sets the href to the archive link of the post's first term in the given taxonomy — turns the element into a clickable link to that category/tag.

Loops over the taxonomy terms the current post belongs to, rendering the inner markup once per term. Use it to print a list of category badges, each linked and styled.

Renders breadcrumbs from the term hierarchy of the post — the chain of ancestor terms down to the current one, each as a link. Ideal for category breadcrumb trails.

Outputs a pluralised label with the result count — e.g. «12 products» / «1 product» — choosing the correct grammatical form for the number.

Loops over a product's custom (non-taxonomy) WooCommerce attributes — the per-product attributes defined directly on the product rather than as global pa_* taxonomies.

The first term of the current post in a taxonomy (category, post_tag, product_cat, pa_color…): name and link on an <a>, the name elsewhere. All terms as badges: wp-post-term-query; all in one line: wp-post-terms.

Renders the WordPress comment form for the current post via comment_form() — respects discussion settings and moderation rules.

Renders the list of comments for the current post — threaded replies, author avatars, and dates per theme settings.

Loop over taxonomy terms (WP_Term_Query / get_terms). Parameters either in short form («product_cat») or full string («'taxonomy' => 'product_cat', 'parent' => 0»). Inside, use term-title, term-link, term-count.

Renders breadcrumbs for a taxonomy archive page — the ancestor chain of the currently queried term. Place it on the category/tag archive template.

Renders a hierarchical tree of taxonomy terms with recursive nesting — parent terms with their children, to any depth. The first child element becomes the row template.

Nested term loop, level 2 — runs inside wp-term-tree / wp-term-query to render the children of the current term. Parent is set automatically from the outer loop.

Nested term loop, level 3 — the third level of a term hierarchy, nested inside a level-2 loop. Same auto-parent behaviour as level 2.

Loops over terms from a named term-query preset configured in the theme panel — lets an admin define the term set once and reuse it across templates.

Renders a WordPress menu by name with your own markup: one pattern for a plain item and one for an item with a dropdown (wp-menu-tpl="link" / "drop"). Any depth: wp="menu-children" inside a sub-item prints the next level.

Conditional block — renders its contents only if the current post HAS at least one term in the given taxonomy (e.g. show a badge only for products in a sale category).

Conditional block — renders its contents only if the current post does NOT have a term in the given taxonomy. The inverse of wp-has-term.

Sets an HTML attribute from a PHP expression — the value «name:php_code» becomes name="<result>" with the code evaluated and escaped at render.

Cart items loop container — the generator expands a foreach over WC()->cart->get_cart() inside. Use product_title, product_qty, product_price, etc. within.

Mini cart (sidecart) — compact cart variant for the header or a dropdown block.

«Cart not empty» wrapper — the generator shows the block only when the cart has items. Paired with cart-empty.

«Cart is empty» wrapper — shown only when the cart has no items, the same block as wp="cart-empty". Paired with not_empty.

Product title in the cart row — same as the catalog product title.

Product permalink in the cart row — written into the href of an <a>.

Product image (src) in the cart row — thumbnail or a specifically assigned image.

Product image as background-image on the cart row element.

Unit price of a product in the cart that is not on sale; add product_price_sale and product_price_regular for discounted items.

Regular (struck-through) unit price of the product in cart.

Sale unit price of the product in cart.

Quantity input field for the cart item.

Decrement-quantity (-) button for the cart item.

Increment-quantity (+) button for the cart item.

Remove-from-cart button (usually a cross in the row).

Subtotal for the cart row (unit price × quantity).

Short product description in the cart row

Product discount percentage in the cart row

Product quantity as text (no input field)

Product weight in the cart row

Product height in the cart row

Product width in the cart row

Product length in the cart row

Cart subtotal (before discounts)

Cart total (after discounts)

Total volume of the products in the cart (m³)

Mobile version of the cart (the same AJAX-updated mini cart)

Container of the full cart order block (data-wc="full_cart")

Button that empties the whole cart

Button that removes the selected products

Checkbox that selects one product for removal

«Select all» checkbox for bulk removal

Conditional block: shown if the product is low in stock

The low-stock threshold of the product; works inside wp-cart="if_low_stock".

Outputs the value of a WooCommerce product attribute in the cart loop. For example, the size or color of the product in the cart row. Value is the attribute slug (pa_size).

Conditional block in the cart context: render only when a cart item has the named attribute. The cart-row analogue of wp-if-attr.

A variation <select> for a WooCommerce variable-product attribute — populates options from the product's variations and drives the add-to-cart variation picker.

Outputs a taxonomy term of the product in a cart row — e.g. the category or a custom attribute term, shown next to each cart line item.

Conditional block inside a cart row — renders its contents only if the line-item product has the given taxonomy term.

Loop over all terms of a WooCommerce product attribute. For example, iterates all sizes (pa_size) or all colors (pa_color). Used on the product page or in filters.

Conditional block: render only when the current product has the named attribute. If the attribute is missing — the whole block is hidden.

Conditional block by the product's stock status: with 1 it renders only for a product in stock, with 0 only for a product that is out of stock. Typical use — a buy form wrapped in 1 and an «Out of stock» notice wrapped in 0, so each product shows exactly one of them.

Order items loop container — the generator expands a foreach over the order's line items (account dashboard).

Product title in the order row.

Product permalink in the order row.

Product image (src) in the order row.

Product image as background-image in the order row.

Unit price of the product at the time the order was placed.

Item quantity in the order.

Subtotal for the order row (unit price × quantity).

Position of the item in the order: 1, 2, 3 … Place it inside the wp_order="items" row — every row shows its own number.

Order number — short text identifier.

Order date in the theme's format.

Order status (pending, processing, completed, etc.) — label translated via WC.

Order total (items + shipping - discounts).

Shipping method selected when the order was placed.

Payment method selected when the order was placed.

Turns a Webflow form into a WooCommerce/WordPress filter form — submitting it filters the product/post archive by the contained fields (terms, ranges, search).

A range-slider UI control for a numeric filter (e.g. price). Pairs with wp-range-min / wp-range-max inputs inside the same filter form.

The minimum-value input of a range filter — its value seeds the lower bound of the filter (and reflects the current $_GET value on reload).

The maximum-value input of a range filter — the upper bound, mirroring wp-range-min behaviour.

Renders a checkbox list of taxonomy terms for a filter — each checkbox toggles one term in the archive query. The first checkbox row is the template.

Renders a radio-button list of taxonomy terms for a filter — single-select variant of wp-checkbox-terms.

Renders a <select> dropdown of taxonomy terms for a filter — the option list is populated from the taxonomy at render time.

Convención de NOMBRE del input para buscar por SKU dentro de un formulario de filtro — NO es un atributo HTML. Ponga name="pm__sku" en un <input> dentro de wp-filter-form y el generador conectará el campo al filtrado por SKU.

Contenedor de la lista de deseos (YITH Wishlist) — envoltorio alrededor de la tabla de productos. Coloca dentro wp="wish-items" con el bucle.

Bucle sobre productos en la lista de deseos — se repite por cada producto guardado. Dentro usa wp-wl="..." para campos de producto.

Recuento de productos en la lista de deseos del usuario actual — se actualiza al añadir/quitar.

Botón corazón «Añadir a lista de deseos» — colocado en un producto o tarjeta de producto. Al hacer clic conmuta el producto vía AJAX.

Botón «Copiar al carrito» — añade el producto de la lista de deseos al carrito manteniéndolo en la lista.

Botón «Mover al carrito» — añade al carrito y elimina de la lista de deseos en una acción.

Botón de eliminar de la lista de deseos — habitualmente una cruz en la fila.

Button that empties the whole wishlist

Nombre del producto en una fila de la lista de deseos — salida vía get_name().

Permalink del producto — escrito en el href de una <a>.

Miniatura del producto — URL inyectada en el src de un img.

Miniatura del producto como imagen de fondo — URL escrita en el estilo inline background-image.

Precio actual del producto — si hay descuento se muestra el precio rebajado; si no, el regular.

Regular (struck-through) wishlist product price. Name in the alternative format; alias of product_regular_price.

Sale wishlist product price. Name in the alternative format; alias of product_sale_price.

Atributo de producto WooCommerce en el bucle de lista de deseos — p. ej. talla o color. El nombre del atributo es pa_<slug> de los ajustes del producto.

Bloque condicional: renderiza solo si el producto tiene el atributo nombrado. Si falta — bloque oculto.

Término de taxonomía del producto en el bucle de lista de deseos — categoría o etiqueta (product_cat, product_tag).

Conditional block: shown only if the product has a term of the taxonomy