Écrit la valeur dans l'attribut alt d'une balise img — la description de l'image pour l'accessibilité et le SEO. Compatible Polylang/WPML.

Lien d'ancre — le champ accepte un identifiant sans le signe # ; le générateur ajoute le dièse à l'écriture dans href.

Champ de texte brut sur plusieurs lignes, sans éditeur visuel : les retours à la ligne saisis dans l’administration se retrouvent sur le site. Pour les chapeaux, adresses et descriptions courtes.

Génère un id HTML unique à partir de la valeur d'un champ ACF/SCF lié. Utile quand des lignes de répéteur se rendent à la suite et qu'il faut des ids stables pour les ancres ou le CSS.

Couleur de fond — écrit la valeur dans le style inline background-color. Sélecteur de couleur dans l'admin.

Image de fond du bloc — le générateur écrit l'URL dans le style inline background-image. Si le bloc a aussi une couleur ou un dégradé de fond, l'image peut ne pas s'afficher dans certains navigateurs.

Vidéo de fond HTML5 — un groupe de trois champs : poster placeholder, mp4 et webm. Le générateur attache un <video> avec autoplay/muted/loop au fond du bloc.

Lie l'état d'un input[type=checkbox] à un champ booléen ACF/SCF. Le générateur ajoute l'attribut checked quand la valeur est true.

Case à cocher personnalisée dans fld-loop — chaque ligne reçoit un name unique pour que la soumission renvoie un tableau de valeurs.

Écrit la valeur dans l'attribut HTML class. Pratique pour le style conditionnel : choisis une chaîne dans l'admin (ex. is-featured) qui devient classe du bloc en front.

Extrait de code arbitraire — la valeur est imprimée telle quelle, sans échappement (raw output). Pour les pixels de suivi, iframes tiers, styles inline.

Couleur de texte — écrit la valeur dans le style inline color de l'élément actuel. L'admin affiche un sélecteur de couleur avec canal alpha.

Attribut personnalisé arbitraire : connecte n'importe quel attribut HTML de l'élément à l'admin comme champ éditable. Format de la valeur : "nom-attribut:Label dans l'admin". Par exemple, pour rendre src ou href éditable : fld-custom="src:Image link" ou fld-custom="href:Link field name". Plusieurs attributs sur un même élément — variantes numérotées fld-custom1...fld-custom20.

Éditeur visuel (TinyMCE) pour un texte mis en forme : titres, listes, liens, images. Placez-le sur un div : WordPress enveloppe lui-même le texte dans des paragraphes.

Lien e-mail en un attribut — le générateur construit href="mailto:..." et injecte l'adresse du champ comme texte visible du lien dans <a>.

Téléversement de fichier arbitraire — PDF, DOCX, ZIP, etc. L'URL est injectée dans le href d'un <a>. Téléverseur média standard dans l'admin.

Galerie d'images — un tableau d'images avec ordonnancement glisser-déposer. Rendue en front-end en boucle sur les images.

Champ Google Maps — coordonnées, adresse et zoom dans un sélecteur avec carte interactive. Requiert une clé d'API Google Maps dans les Réglages du Thème.

Adresse textuelle d'une Google Map — extrait le composant address de l'objet gmap. Utile pour une légende sous la carte.

Conteneur de champs imbriqués — tous les fld-* à l'intérieur deviennent des sous-champs du groupe dans l'admin. Pas de valeur propre, structure seulement le Panneau du Thème.

Masquage conditionnel du bloc — miroir de show avec logique inversée. true dans l'admin retire le bloc du balisage.

Écrit la valeur dans l'id HTML de l'élément actuel. Pour une génération automatique à partir du contenu, voir auto_id ou slug_id.

Champ image. Sur un <img>, la génération prend src dans le champ et retire srcset et sizes, pour afficher l’image choisie dans l’administration ; alt et class restent comme dans le balisage.

Galerie sans encapsulation lightbox automatique — à utiliser quand le visualiseur modal est branché via un composant JS personnalisé.

Un seul modèle de bloc à l'intérieur de fld-layouts — contient les éléments rendus pour une variante de layout spécifique.

Flexible Content — l'utilisateur choisit différents types de blocs dans l'admin et les arrange à volonté. Chaque type est un fld-layout distinct avec son propre balisage.

Galerie en lightbox — chaque image est automatiquement enveloppée dans un <a> avec les attributs lightbox du widget choisi.

Image en lightbox — le générateur enveloppe <img> dans un <a href> vers la taille complète avec les attributs nécessaires au visualiseur modal (Fancybox, GLightbox, natif).

Vidéo en lightbox — le champ accepte une URL (YouTube, Vimeo, MP4) et devient un lien lightbox avec intégration au clic.

Lien universel en champ de texte brut — l'utilisateur saisit une URL, le générateur l'écrit dans href. Pas de sélecteur d'article, pas de validation de schéma.

Liste de valeurs via textarea — chaque ligne devient un élément du tableau. Idéal pour les listes d'avantages, tags, énumérations simples sans répéteur.

Répéteur — l'utilisateur ajoute n'importe quel nombre de lignes, chacune avec son propre jeu de champs. À l'intérieur de fld-loop, utilise des attributs fld-* normaux ; le parseur détecte qu'ils appartiennent à la ligne. L'équivalent TF de the ACF/SCF Repeater.

Animation Lottie — le champ accepte une URL vers un fichier JSON. En front, un lottie-player est initialisé sur l'élément actuel.

Lien vers une page WordPress — sélecteur déroulant sur les pages, articles et CPT existants dans l'admin. Renvoie le permalien et respecte la locale Polylang/WPML active.

Lien téléphonique en un attribut — le générateur construit href="tel:..." et injecte le numéro du champ comme texte visible dans <a>.

Écrit la valeur dans l'attribut placeholder d'un input ou textarea — l'indication affichée dans un champ vide.

Boucle sur des articles choisis manuellement — rendu en front comme une WP_Query avec l'ordre défini par l'utilisateur préservé.

Boutons radio — choisis une option dans une liste prédéfinie. Configuration dans le Panneau du Thème.

Liste déroulante — les paires (label, value) se configurent dans le Panneau du Thème via un sous-répéteur.

Shortcode comme valeur de champ — le contenu passe par do_shortcode avant la sortie. N'importe quel shortcode WordPress à n'importe quelle place du thème.

Révélation conditionnelle du bloc — true dans l'admin garde le bloc en front, false le retire (via CSS display:none ou garde PHP).

ID de type slug avec translittération — le générateur prend la valeur du champ lié et la convertit au format slug (cyrillique → latin, espaces → tirets, minuscules).

CSS inline arbitraire sur l'élément actuel — écrit la valeur dans l'attribut style. À utiliser avec parcimonie : écrase les feuilles de style.

Boucle sur les termes sélectionnés — le tableau d'un champ taxonomy, pratique pour rendre des nuages de tags ou listes de liens.

Champ texte sur une ligne, le type le plus courant. Il remplace tout le contenu de l’élément par la valeur du champ ; le texte du HTML devient la première valeur du champ lors de « Charger les données », pas une valeur de secours. Traduisible avec Polylang/WPML.

Écrit la valeur dans l'attribut HTML title — l'infobulle au survol. Le plus souvent sur les liens et images.

Écrit la valeur dans l'attribut value d'input/select — pour des champs de formulaire dont la valeur par défaut s'édite depuis l'admin.

Vidéo par URL — placez-le sur un bloc vidéo ; dans l'admin, un champ texte accepte n'importe quel lien vidéo (YouTube, Vimeo, …) ; en front, il se lit dans un lecteur intégré.

Vidéo YouTube par URL — le générateur insère un iframe d'intégration dans l'élément actuel.

Crée un groupe de champs ACF/SCF à partir des attributs de champ situés dans l'élément où il est posé. À placer sur l'élément contenant les champs — le plus souvent sur body ; la valeur est le nom du groupe dans l'admin (hérité : wp_meta). Sans wp-fields-group sur la page, aucun groupe de champs n'est créé automatiquement pour ce template (création manuelle possible dans les réglages ACF/SCF). Il ne crée pas de fichiers de template — ils sont générés séparément depuis les pages Webflow.

Garde l'éditeur visuel WP visible sur les pages liées à un template via wp-fields-group. Par défaut, l'éditeur est masqué — cet attribut le ramène.

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.

Rend un fld-répéteur en layout tableau dans l'admin — grille de lignes compactes. Bon pour des champs courts (nom + prix + quantité).

Chaque ligne du répéteur est une carte-bloc séparée avec des champs empilés verticalement. Par défaut pour la plupart des types.

Les champs d'une ligne coulent horizontalement (flex) — pour des paires courtes « label + valeur » dans l'admin.

Affichage conditionnel du bloc selon une condition WordPress : la valeur est un appel de fonction (ou une expression) renvoyant true/false. Si c'est faux, le bloc n'apparaît pas du tout dans la page. On peut aussi indiquer simplement un nom de champ : wp-if="phone" n'affiche le bloc que si le champ phone est rempli (équivalent à get_field('phone')). Valeurs typiques dans les cartes d'exemple ci-dessous ; les expressions PHP arbitraires sont aussi admises.

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.

Exécute du code PHP arbitraire à la place de l'élément — le générateur enveloppe la valeur dans <?php ... ?>. Liberté maximale : variables, boucles, appels de fonctions. Pour simplement afficher une valeur, php-echo est plus pratique (echo implicite) ; pour l'affichage conditionnel — php-if / wp-if.

Affiche le résultat d'une expression PHP comme contenu de l'élément. Ne pas écrire le mot echo — il est implicite : php-echo="get_the_title()" affiche le titre de l'article courant. Pour des constructions courtes et sûres ; pour des blocs de code avec logique, utilisez wp-php.

Rendu conditionnel : l'élément n'est affiché que si l'expression PHP de la valeur est vraie. P. ex. php-if="is_user_logged_in()" montre le bloc aux seuls visiteurs connectés. Toute expression booléenne convient ; parent de wp-if (orienté conditions WordPress prêtes à l'emploi).

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.

Insère à cet endroit un autre fichier PHP du thème (include classique ; nom sans extension — .php est ajouté automatiquement). Différence clé avec wp-part : le générateur ne crée NI n'écrase le fichier de wp-include lors des mises à jour du thème — c'est votre propre partiel, écrit et maintenu à la main, il survit aux mises à jour. Astuce : placez d'abord wp-part pour que le générateur extraie une fois le balisage de l'élément dans un fichier, puis changez l'attribut en wp-include — le fichier cesse d'être écrasé et peut être retravaillé à la main.

Extrait l'élément dans un fichier réutilisable séparé (template part WordPress) et l'inclut via get_template_part(). Différence clé avec wp-include : le fichier est généré depuis le balisage Webflow et est ÉCRASÉ à chaque mise à jour du thème — l'éditer à la main est inutile, modifiez l'élément source dans Webflow. Pratique comme cible de rafraîchissement AJAX. Combinaison : wp-part extrait le fichier une fois, puis on change l'attribut en wp-include — et on édite le fichier à la main sans écrasement.

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).

Zone de widgets (sidebar dynamique) : le contenu de l'élément est remplacé par les widgets que l'admin a placés dans cette zone (Apparence → Widgets). La valeur est le nom de la zone ; le thème l'enregistre automatiquement à la génération. Les widgets d'extensions vont aussi ici — p. ex. le filtre de catalogue Premmerce.

Affiche un menu WordPress par son nom (Apparence → Menus). Les éléments reprennent les classes du premier lien ; ceux qui ont des sous-éléments deviennent un menu déroulant à deux niveaux. Pour un menu déroulant à votre design, wp-menu-tree.

Modèle pour un item de menu simple sans enfants imbriqués — un lien basique. Le générateur utilise cet élément comme « feuille » lors de la construction du menu.

Modèle pour un item de menu avec menu déroulant — doit contenir wp="menu-children" pour la liste imbriquée. Le générateur étend récursivement les enfants.

Affiche le titre de l'article ou de la page courante — ce qui est saisi dans le champ « Titre » de l'admin WP. Respecte la locale Polylang/WPML active.

Affiche le contenu principal de l'article via the_content() — avec blocs Gutenberg, shortcodes et intégrations oEmbed. Doit être dans la boucle.

Extrait de l'article — un résumé court du champ Extrait ou auto-généré depuis le contenu. Idéal pour cartes d'archive et résumés de blog.

Date de publication de l'article au format du thème. Format configurable via WP « Réglages → Général » ou le filtre get_the_date.

Image mise en avant de l’article, sur un <img> : src vient de l’article, srcset et sizes sont retirés. Pour un fond, post-bg-image.

Permalien de l’article courant, écrit dans href. Fonctionne sur n’importe quel élément, en général un <a>.

Nom d'affichage de l'auteur. Par défaut, l'auteur est l'utilisateur qui a publié l'article.

Lien vers la page d'archive de l'auteur — écrit dans href. Ouvre l'archive de l'auteur.

Étiquettes de l'article courant, séparées par virgules. Chaque étiquette est un lien vers son archive.

Boucle WordPress standard (The Loop) — sur les pages d'archive, itère les articles automatiquement. Tout ce qui est à l'intérieur est répété pour chaque article. À utiliser UNIQUEMENT sur les modèles d'archive (blog / catégorie / archive de CPT / recherche) ; sur une page d'article unique, elle afficherait une liste d'articles indésirable.

Numéros de page pour le blog, les archives et la recherche : WP-PageNavi si cette extension est active, sinon paginate_links() de WordPress. À placer sur un élément vide.

URL de la page d'accueil du site — écrite dans href. Sur les versions localisées, pointe vers la racine de la locale courante.

Titre de l'article enveloppé dans un lien vers l'article lui-même — les deux valeurs à la fois (texte + href). Un attribut remplace post-title + post-link.

Lien vers l'article suivant dans l'archive — écrit dans href. Masqué sur le dernier article.

Lien vers l'article précédent dans l'archive — écrit dans href. Masqué sur le premier article.

Miniature de l'article comme image de fond du bloc — l'URL est écrite dans le style inline background-image.

Miniature de l'article comme lien lightbox — <img> est enveloppé dans <a href> avec les attributs lightbox.

Alias de bloginfo-name — nom du site depuis les réglages WP.

Alias de bloginfo-description — slogan du site depuis les réglages WP.

Fil d'Ariane via le plugin Breadcrumb NavXT — le chemin depuis la page d'accueil jusqu'à la page courante. Nécessite le plugin actif.

Conteneur de l'état « aucun résultat » dans les archives et la recherche — le générateur ne l'affiche que si aucun résultat (piloté en 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.

Ligne d'un produit enfant d'un produit groupé — se place sur la ligne répétée de la boucle des enfants (wp-product-query="get_grouped_children()"). Fournit l'identifiant du produit et le prix unitaire à partir desquels le total est calculé.

Champ de quantité d'un produit enfant — devient un champ numérique démarrant à 0 («non commandé») et plafonné au stock restant lorsque le stock est suivi. C'est bien cet attribut qu'il faut ici et non wp="product-qty" : ce dernier appartient au formulaire du produit lui-même et ferait bouger toutes les lignes à la fois.

Bouton « moins » d'un produit enfant — ne modifie que sa propre ligne.

Bouton « plus » d'un produit enfant — ne modifie que sa propre ligne.

Conteneur du total d'un produit groupé — contient le compteur, le montant et le bouton d'ajout au panier.

Quantité totale sélectionnée parmi les produits enfants — recalculée dans le navigateur au fil de la saisie.

Montant total de la sélection en cours — recalculé dans le navigateur au fil de la saisie.

Ajoute toute la sélection au panier en une seule requête : chaque produit enfant dont la quantité est supérieure à zéro.

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)

Conteneur qui répète son premier enfant une fois par attribut de VARIATION réellement présent sur le produit — un nouvel attribut (une nouvelle taille, un nouvel ingrédient) apparaît ainsi sur le site dès l'enregistrement du produit dans WordPress, sans modifier le design ni régénérer le thème. Dans le groupe répété, utilisez wp="attr-name" pour le libellé de l'attribut et wp-attr-terms="*" pour la liste de ses valeurs. Les attributs placés à la main sur le même modèle (wp-attr-terms="pa_x" ou wp-if-attr="pa_x") sont IGNORÉS : les blocs faits main sont souvent personnalisés, sinon l'attribut serait rendu deux fois. Les attributs hors taxonomie (« texte libre ») sont également ignorés : il n'y a rien à y choisir. À ne pas confondre avec wp="product-attrs" — celui-ci ÉNUMÈRE les attributs comme caractéristiques ; celui-là construit le SÉLECTEUR.

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()).

Affiche la liste des commentaires avec VOTRE balisage au lieu du rendu WordPress par défaut. Le premier enfant portant des marques de commentaire devient le modèle d’un commentaire ; les fils de discussion, la pagination et la modération restent gérés par WordPress. La carte reçoit id="comment-<ID>" et la classe tf-comment-depth-N — stylez-la pour indenter les réponses, car une réponse n’a pas de conteneur propre.

Nom de l’auteur du commentaire. À placer dans le modèle de commentaire.

Avatar de l’auteur. Sur une <img>, le src est remplacé (les srcset/sizes statiques sont supprimés, sinon le navigateur les privilégierait) ; sur tout autre élément, il devient une image de fond.

Date du commentaire. À placer dans le modèle de commentaire.

Texte du commentaire. À placer dans le modèle de commentaire.

Le lien « Répondre ». Conserve votre élément et vos classes, et reçoit la véritable adresse de réponse ainsi que les attributs de données attendus par le script de réponse intégré.

Construit le formulaire de commentaire à partir de VOTRE balisage de champs. Le formulaire lui-même reste produit par WordPress — c’est là que vivent ses champs cachés, les hooks des extensions et le comportement de réponse — tandis que vos blocs marqués deviennent les champs, la zone de texte et le bouton. Un champ non marqué garde la valeur par défaut de WordPress.

Le champ « Nom » du formulaire. Marquez le champ ou, mieux, son conteneur (libellé + champ + aide) : l’élément marqué entier devient le bloc de champ.

Le champ « E-mail » du formulaire de commentaire.

Le champ « Site web » du formulaire de commentaire.

La zone de texte du commentaire.

Le bouton d’envoi du formulaire. Votre balisage et vos classes sont conservés.

Affiche les avis produit WooCommerce avec VOTRE balisage. Un avis est un commentaire assorti d'une note, donc les marques de commentaire fonctionnent telles quelles dans la carte d'avis. Tout ce qui se trouve dans le bloc est une SOURCE : le premier enfant portant des marques d'avis/commentaire devient le modèle d'un avis, et un bloc wp="review-form" à l'intérieur devient les champs du formulaire. Le bloc lui-même reste géré par WooCommerce : titre et nombre, pagination, l'avis "achat requis", validation et enregistrement.

La note de l'avis. L'élément reçoit data-rating et la variable CSS --tf-rating, ce qui permet de dessiner une barre d'étoiles en CSS pur (width: calc(var(--tf-rating) / 5 * 100%)). Un élément VIDE reçoit le chiffre ; si vous avez placé votre propre balisage (vos étoiles), il n'est pas touché.

Affiché uniquement sur un avis laissé par un acheteur vérifié. Votre balisage, vos classes.

Le formulaire d'avis construit à partir de VOTRE balisage de champs. Placez-le dans wp="review-list" — c'est là que WooCommerce imprime le formulaire. Les champs utilisent les marques de commentaire (comment-input-author / -email / -text, comment-submit) plus review-input-rating.

Le champ de note du formulaire (un <select>). S'il n'a pas d'options, 1-5 sont ajoutées. Il ne passe jamais par le tableau "fields" : WordPress ne l'imprime que pour les visiteurs déconnectés, et tout client connecté perdrait la note.

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).

Transforme l'élément en boucle d'articles (WP_Query) n'importe où dans le thème : à l'intérieur se trouve la carte d'UN article, répétée pour chaque résultat. Les paramètres s'écrivent comme des paires de tableau PHP, p. ex. wp-query="'post_type'=>'news', 'posts_per_page'=>6". Dans la boucle fonctionnent wp="post-title", wp="post-image", les liens et les champs fld-* de l'article.

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.

Convention de NOM d'input pour la recherche par SKU dans un formulaire de filtre — ce n'est PAS un attribut HTML. Placez name="pm__sku" sur un <input> dans wp-filter-form et le générateur reliera le champ au filtrage par SKU.

Conteneur de liste de souhaits (YITH Wishlist) — emballage autour du tableau de produits. Mets wp="wish-items" avec la boucle à l'intérieur.

Boucle sur les produits de la liste de souhaits — répétée pour chaque produit sauvegardé. À l'intérieur, utilise wp-wl="..." pour les champs produit.

Nombre de produits dans la liste de souhaits de l'utilisateur courant — se met à jour à chaque ajout/retrait.

Bouton cœur « Ajouter à la liste de souhaits » — placé sur un produit ou dans une carte produit. Le clic bascule le produit via AJAX.

Bouton « Copier vers le panier » — ajoute le produit de la liste au panier tout en le gardant dans la liste.

Bouton « Déplacer vers le panier » — ajoute au panier et retire de la liste en une action.

Bouton de suppression de la liste de souhaits — généralement une croix dans la ligne.

Button that empties the whole wishlist

Nom du produit dans une ligne de liste de souhaits — sortie via get_name().

Permalien du produit — écrit dans le href d'un <a>.

Miniature du produit — URL injectée dans le src d'un img.

Miniature du produit comme image de fond — URL écrite dans le style inline background-image.

Prix actuel du produit — s'il y a une remise, le prix soldé est affiché ; sinon le prix régulier.

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.

Attribut produit WooCommerce dans la boucle wishlist — par exemple taille ou couleur. Le nom de l'attribut est pa_<slug> dans les réglages produit.

Bloc conditionnel : ne rendre que si le produit a l'attribut nommé. S'il manque — bloc masqué.

Terme de taxonomie du produit dans la boucle wishlist — catégorie ou étiquette (product_cat, product_tag).

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