Divi 5 Loop Builder: feed dinamici custom senza plugin terzi

Il Loop Builder di Divi 5, rilasciato in versione stabile con la 5.6 a giugno 2026, è la feature che chiude il cerchio del page builder nativo. Per anni chi voleva creare feed dinamici custom su WordPress (portfolio filtrabili, griglie prodotto, elenchi case study, calendario eventi, directory membri) doveva installare plugin pesanti come JetEngine (89 $/anno), Toolset (99 $/anno), Custom Post Type UI (gratis ma limitato) o Pods (gratis ma con curva di apprendimento ripida). Con il Loop Builder, qualsiasi elemento Divi 5 può "looppare" sui post, term, utenti o prodotti WooCommerce, con query personalizzate, filtri, ordinamento e template riciclabili.

Questa guida è il complemento pratico a Generare design system WordPress con AI e Divi 5 e a Divi 5.8 moduli terze parti: ti mostro come costruire feed custom reali (portfolio agenzia, directory corsi, calendario eventi) usando Loop Builder + Variable Generator + AI in 4 fasi, con un TCO reale confrontato con JetEngine.

Il contesto Divi 5: Divi 5 preset e design system AI, Divi 5 Workspaces per agenzie, Divi 5 Aspect Ratio, Image Framing e Image Preset, Divi 5 SVG Module e AI, Divi 5 Official migrazione agenzia.

Cosa fa esattamente Divi 5 Loop Builder

Il Loop Builder è un toggle presente su qualsiasi modulo, riga o sezione Divi 5. Quando lo attivi, l'elemento smette di essere "statico" e diventa un template che viene ripetuto per ogni risultato della query associata. Le caratteristiche chiave:

• Loop su qualsiasi post type: post, page, product, custom post type, attachment, utenti, term di tassonomia, prodotti WooCommerce.
• Query personalizzabile: filtri per tassonomia, meta, autore, data, status, parent. Ordinamento per qualunque campo. Paginazione nativa.
• Template riciclabile: salvi il template di loop e lo riusi in pagine diverse senza ricostruirlo.
• Dynamic content nativo: ogni proprietà CSS o contenuto può essere legato al post corrente del loop (titolo, immagine, custom field, tassonomia, data, autore).
• Integrazione con Variable Generator: i token del Loop Builder (es. %%posttitle%%, %%postexcerpt%%, %%term_name%%) possono alimentare le Variable del design system.

In pratica: tutto quello che prima richiedeva un plugin "custom post type + custom field + template loop + filtro AJAX" ora è nativo. La differenza è che Loop Builder lavora dentro il Visual Builder, quindi designer e developer possono collaborare sullo stesso canvas.

I 4 scenari in cui Loop Builder batte i plugin terzi

Loop Builder non è la risposta a tutto, ma in 4 scenari specifici è oggettivamente superiore ai plugin dedicati. Vediamoli uno per uno.

Scenario 1: portfolio agenzia con custom post type

Caso reale: agenzia con 80 progetti, ognuno con custom field (cliente, anno, settore, budget, link, testimonial). Con JetEngine: 4 giornate di setup (CPT + meta box + template loop + filtro AJAX). Con Loop Builder: 1 giornata.

Configurazione: vai su Divi → Theme Builder → Add New Template → Body → Archive → scegli il CPT "Progetti" → Loop Builder ON → trascina un modulo "Image" e collegalo al dynamic content "Featured Image". Trascina un modulo "Text" e collegalo al dynamic content "Title". Trascina un modulo "Blurb" per ogni custom field (cliente, anno) e configuralo con %%progetti_cliente%%. Aggiungi un modulo "Filter" di Divi 5 con toggle per tassonomia "Settore". Salva template.

Il risultato: una griglia portfolio filtrabile per settore, con immagine, titolo, cliente, anno, che si popola automaticamente dai CPT. Niente PHP, niente plugin, niente shortcode da ricordare.

Scenario 2: directory corsi con filtri multipli

Caso reale: scuola online con 200 corsi, tassonomie "Categoria" e "Livello", custom field "Durata", "Prezzo", "Docente". Con Toolset: 3 giornate di setup. Con Loop Builder: 1 giornata.

Configurazione: Theme Builder → Single template per "Corso" → Loop Builder su Row → moduli per ogni custom field. Archive template con filtri multipli: modulo "Filter" con supporto tassonomie + range slider per "Prezzo" e "Durata". Loop Builder sulla griglia corsi.

L'integrazione chiave è il modulo "Filter" di Divi 5.8+: supporta range slider per custom field numerici, multi-select per tassonomie, e refresh automatico del loop senza ricaricare pagina. È la stessa UX di Amazon/Subito, nativa in Divi.

Scenario 3: calendario eventi con data dinamica

Caso reale: sito di eventi con 50 eventi/mese, custom field "Data evento", "Location", "Speaker". Con Events Calendar (99 $/anno): 2 giornate + licenza. Con Loop Builder: 0,5 giornate.

Configurazione: CPT "Evento" con custom field "Data evento" (date picker). Loop Builder su archive con modulo "Text" configurato come %%eventi_data%% formattato l d F Y. Modulo "Divider" con classe condizionale che nasconde eventi passati (Loop Builder ha un conditional display nativo basato su data meta). Modulo "Button" con link al single template dell'evento.

Il calendario "month view" vero e proprio richiede ancora Events Calendar, ma se il tuo bisogno è una lista eventi filtrabile per mese futuro, Loop Builder copre il 90% del caso d'uso.

Scenario 4: WooCommerce con custom product type

Caso reale: e-commerce con prodotti che hanno custom field aggiuntivi (es. "Materiale", "Certificazioni", "Scheda tecnica PDF"). WooCommerce nativo non gestisce questi meta con template visuali. Con WooCommerce Product Add-Ons (49 $/anno): 1 giornata + licenza. Con Loop Builder: 2 ore.

Configurazione: Theme Builder → Single product template → Loop Builder su Row → moduli "Text" per ogni custom field collegati via dynamic content. Modulo "Button" con link al PDF della scheda tecnica. Modulo "Image" per le "Certificazioni" (gallery filtrata per custom field).

Pipeline AI-assisted in 4 fasi

La parte più interessante del Loop Builder è l'integrazione con AI per accelerare la creazione di template complessi. Ecco la pipeline che uso in agenzia, in 4 fasi.

Fase 1: brief e raccolta custom field

Prima di toccare Divi, definisci cosa vuoi mostrare. Una sessione di 30 minuti con il cliente per mappare:

• Quali custom field servono (testo, numero, immagine, file, relazione).
• Quali tassonomie (categorie, tag, gerarchie).
• Quali filtri UX vuoi offrire all'utente finale.

Output: una tabella campo | tipo | obbligatorio | filtro UX | dynamic content token.

Fase 2: prompt AI per generare la query e i moduli

Con il brief in mano, genera un prompt strutturato per Claude o ChatGPT che produca la lista dei moduli Divi con i loro dynamic content token. Ecco un template pronto:

Sei un dev WordPress esperto di Divi 5. Devi creare un template Loop Builder per un custom post type "[NOME_CPT]" con i seguenti custom field: [LISTA]. Tassonomie: [LISTA]. Filtri UX richiesti: [LISTA].

Produci:
1. Query Loop Builder in formato JSON (tax_query, meta_query, orderby, posts_per_page).
2. Lista moduli Divi nell'ordine ottimale (riga 1: immagine full-width, riga 2: titolo + custom field in colonne 3-9, ecc.).
3. Per ogni modulo indica il dynamic content token da usare (es. %%post_title%%, %%cpt_cliente%%).
4. Eventuali conditional display (es. mostrare il modulo "Certificazioni" solo se il custom field non è vuoto).

Output tipico: un blocco JSON + elenco moduli lungo 20-40 righe, pronto per essere incollato nella sezione Dynamic Content di Divi.

Fase 3: costruzione template in Visual Builder

Apri Divi → Theme Builder → Add Template → scegli il CPT → Loop Builder ON. Trascina i moduli nell'ordine suggerito dall'AI, collega i dynamic content token via Content → Dynamic Content → [token]. Per i filtri, trascina un modulo "Filter" e configuralo con le tassonomie e i range slider richiesti.

Tempo medio: 1-2 ore per template completo con 8-12 moduli.

Fase 4: ottimizzazione e Variable Generator

Una volta che il template è funzionante, usa il Variable Generator (vedi Generare design system WordPress con AI e Divi 5) per wrappare i colori, i font e gli spacing in variabili. Esempio:

# Prompt per Variable Generator
Genera 6 variabili colore per il portfolio:
- portfolio-bg: bianco puro
- portfolio-card-bg: grigio 50 (HSL 0 0% 96%)
- portfolio-title: grigio 900 (HSL 220 13% 18%)
- portfolio-accent: blu elettrico (HSL 220 90% 56%)
- portfolio-meta: grigio 500 (HSL 220 9% 46%)
- portfolio-hover: blu scuro (HSL 220 90% 40%)

Incolla l'output nel Variable Generator e avrai un design system coerente su tutti i loop template del sito, modificabile in un punto solo.

Confronto TCO: Loop Builder vs JetEngine vs Toolset

Il punto operativo è il costo reale. Ecco il TCO a 24 mesi per un'agenzia media con 30 siti attivi, ognuno con 1-2 feed custom:

A 24 mesi, Loop Builder fa risparmiare all'agenzia tra 5.000 e 6.000 € in licenze e tra 150 e 240 ore di lavoro tecnico, anche considerando l'override del costo di licenza Divi (che hai già perché usi Divi 5). Il break-even è immediato: dal primo sito.

Limiti e quando NON usare Loop Builder

Loop Builder non è la risposta a tutto. Ci sono 5 scenari in cui un plugin dedicato resta superiore:

• Query SQL complesse con join tra CPT. Loop Builder supporta metaquery e taxquery ma non JOIN tra tabelle custom. Se devi fare query su tabelle create da plugin esterni, JetEngine è ancora più flessibile.
• Frontend filter con URL semantici (es. /portfolio/?settore=design&anno=2025). Loop Builder supporta filtri AJAX ma gli URL rimangono sporchi (?filter_settore=design&filter_anno=2025). JetEngine ha un sistema di permalink custom che Loop Builder non replica.
• Conditional logic granulare. Loop Builder ha conditional display per modulo, ma è limitato a "campo vuoto/non vuoto" e "data maggiore/minore di". JetEngine ha un sistema di conditional logic con operatori logici (AND, OR, nested) che Loop Builder non raggiunge.
• Submission form front-end. Se ti serve un form per aggiungere CPT dal frontend con logica condizionale, devi usare JetEngine Form o Gravity Forms. Loop Builder è solo display.
• REST API personalizzate. JetEngine espone endpoint REST API custom per ogni CPT. Loop Builder no.

La regola pratica: se ti serve solo visualizzare CPT/tax con filtri UX, Loop Builder copre il 90% dei casi e ti fa risparmiare migliaia di euro. Se ti serve editare CPT dal frontend o logica condizionale complessa, resta su JetEngine.

Roadmap di adozione per agenzia

Per un'agenzia con 20-30 siti Divi, ecco una roadmap realistica in 6 settimane:

1. Settimana 1: aggiorna tutti i siti a Divi 5.8+ (richiesto per Loop Builder). Verifica compatibilità template esistenti.
2. Settimana 2: identifica i 5 siti con custom post type gestiti via JetEngine/Toolset. Analizza quali sono convertibili al 100% Loop Builder, quali no.
3. Settimana 3: converti 1 sito pilota. Misura tempo di conversione e qualità del risultato.
4. Settimana 4: forma il team sulla pipeline AI-assisted in 4 fasi. Crea template di prompt riutilizzabili.
5. Settimana 5: converti gli altri 4 siti identificati. Disattiva e rimuovi i plugin sostituiti (dopo 30 giorni di coesistenza per verifica).
6. Settimana 6: documenta il pattern "Loop Builder standard" per i prossimi progetti. Aggiorna l'offerta commerciale: "feed custom inclusi" invece di "feed custom + costo plugin".

Risultato atteso: 5.000+ € risparmiati in licenze plugin, 100+ ore di lavoro tecnico risparmiate in 24 mesi, offerta commerciale più competitiva.

Le 7 cose che puoi fare oggi

Checklist concreta per partire subito:

1. Verifica la versione Divi: Dashboard → Updates. Se sei sotto 5.8, aggiorna prima in staging.
2. Identifica 1 CPT esistente sul tuo sito (portfolio, eventi, team, case study).
3. Prova Loop Builder sul template archive: attiva il toggle su una riga, collega 2-3 moduli a dynamic content token.
4. Confronta il risultato con il template esistente (gestito da JetEngine o altro plugin). Verifica parità funzionale.
5. Aggiungi il modulo Filter di Divi 5.8+ per la tassonomia principale. Testa il refresh AJAX.
6. Genera il prompt AI per il tuo CPT specifico usando il template della Fase 2. Risparmierai 30-60 minuti nella progettazione.
7. Misura il tempo totale di creazione del feed custom. Su un feed medio il target è 2 ore, contro le 4-6 ore del plugin dedicato.

Conclusione: Loop Builder chiude l'era dei plugin di "custom content"

Per anni il pattern "CPT + custom field + template loop" ha richiesto un plugin dedicato. Il Loop Builder di Divi 5 ribalta questa equazione: lo strumento nativo del page builder copre il 90% dei casi d'uso reali delle agenzie, elimina migliaia di euro di licenze e accelera i tempi di sviluppo del 50%. L'unico vero limite è la logica condizionale complessa, dove JetEngine resta superiore.

Il consiglio operativo: prendi 1 sito pilota con 1 custom post type, convertilo a Loop Builder in 2 ore usando la pipeline AI-assisted, verifica la parità funzionale con il setup precedente. Se il risultato è buono, hai appena trovato 5.000 €+ di saving per i prossimi progetti.

Riferimenti utili per approfondire

• Generare design system WordPress con AI e Divi 5 - come wrappare il Loop Builder in un design system coerente.
• Divi 5.8 moduli terze parti: guida pratica completa 2026 - il contesto del release che ha stabilizzato Loop Builder.
• Divi 5 Workspaces per agenzie WordPress multi-ruolo - governance del team su progetti Loop Builder.
• Divi 5 SVG Module e AI - come generare icone coerenti con il Loop Builder.
• Divi 5 Aspect Ratio, Image Framing e Image Preset - layer immagine per il Loop Builder.
• Divi 5 Official migrazione agenzia - come pianificare la migrazione Divi 4 → 5 senza rompere i custom feed.
• Elegant Themes - Introducing Loop Builder For Divi 5 - annuncio ufficiale del release.
• Elegant Themes - Everything You Need To Know About Divi 5's Loop Builder - guida tecnica completa.
• Elegant Themes Help Center - Loop Builder in Divi 5 - documentazione ufficiale.
• Divi 5.6 Release Notes - bug fix e miglioramenti di Loop Builder nella 5.6.
• JetEngine vs Loop Builder - community comparison - confronto reale dalla community Divi.
• WordPress.tv - Divi Loop Builder workshop - sessioni WordCamp di approfondimento.

FAQ

Loop Builder funziona anche con WooCommerce? Sì. WooCommerce è un custom post type ("product") con tassonomie ("productcat", "producttag") e custom field standard (prezzo, SKU, stock). Loop Builder supporta nativamente prodotti, variazioni, categorie, tag e custom field aggiunti con plugin come ACF o Toolset Types.

Posso usare Loop Builder insieme a JetEngine sullo stesso sito? Sì, ma è sconsigliato per evitare conflitti nella gestione dei template. La strategia consigliata è: scegli una delle due soluzioni per CPT e template, l'altra solo per le feature specifiche (es. JetEngine per le submission form, Loop Builder per il display).

Il dynamic content token funziona con custom field creati con ACF? Sì, Divi 5 ha un'integrazione nativa con Advanced Custom Fields. Il token compare automaticamente nel menu Dynamic Content → ACF Field. Per custom field di Toolset o Pods potrebbe servire un bridge plugin (Meta Box ha integrazione nativa simile).

Quanto è veloce Loop Builder su archivi con 5.000+ post? Le prestazioni dipendono dalla query e dal numero di moduli per template. Su un archivio con 5.000 CPT e template da 8 moduli, il TTFB medio è 200-400 ms con cache object attivo (Redis). Senza cache object può salire a 800-1500 ms. Per archivi enormi (50.000+), consiglio paginazione con cache frammentata.

Loop Builder sostituisce completamente i page builder archive template di Elementor o Bricks? No. Loop Builder è specifico di Divi 5. Se usi Elementor hai il "Loop Grid" (simile ma più giovane come feature), se usi Bricks ha il "Query Loop" nativo (concettualmente simile a Loop Builder). La scelta tra i tre page builder dovrebbe già essere fatta per altri motivi (workflow, ecosystem, performance); Loop Builder non è il discriminante.

Vale la pena convertire un sito Divi 4 a Divi 5 solo per Loop Builder? Sì, se il sito ha 2+ custom post type gestiti via plugin. Il risparmio a 24 mesi (5.000+ € in licenze) supera largamente il costo della migrazione (1-2 giornate di agenzia). Per siti con 0 custom post type, la migrazione non è giustificata da Loop Builder ma può esserlo per altri motivi (preset system, performance, nuovi moduli).