Divi 5.8 moduli terze parti: guida pratica completa 2026

Il rilascio ufficiale di Divi 5 (con la 5.8 come primo major update post-beta) porta in dote sei nuovi moduli che cambiano il rapporto tra page builder e plugin di terze parti: Tooltip, Loop Filter, Payment e moduli nativi per Gravity Forms, Fluent Forms e Imagely. Sono il primo vero tentativo di Elegant Themes di rendere Divi un "hub modulare" invece di un page builder monolitico. In questa guida analizziamo cosa sono, quando adottarli e quando invece ha ancora senso usare plugin standalone, con un focus specifico su come sfruttarli in pipeline AI-assisted per velocizzare la produzione di landing page e archivi.

Il contesto è importante. Divi 5 ha impiegato oltre 12 mesi di beta per arrivare alla release ufficiale il 20 giugno 2026, e ora il team di Nick Roach sta accelerando il ritmo di rilascio (circa un major update a settimana). I moduli terze parti sono una risposta diretta a una critica ricorrente: Divi costringeva spesso a usare shortcode nudi per integrare plugin come Gravity Forms, con risultati mediocri a livello di styling e di responsiveness. La 5.8 chiude questa lacuna con moduli nativi che ereditano il sistema di preset, attributi e responsive control di Divi.

Per chi non avesse ancora aggiornato a Divi 5 (la beta è ufficialmente chiusa), il primo passo è la migrazione. Abbiamo già discusso il tema in modo approfondito nella guida ufficiale migrazione agenzia Divi 5. Se invece sei già su Divi 5 ma vuoi capire come sfruttare al meglio i moduli AI e SVG, trovi riferimenti nella guida SVG Module AI e nella panoramica design system AI con Divi 5. La 5.8 estende quel discorso all'integrazione verticale con plugin di terze parti.

I sei nuovi moduli Divi 5.8 in dettaglio

Vediamo i sei moduli uno per uno, con attenzione a cosa fanno, quando sono utili e quando invece è meglio restare sul plugin originale.

Tooltip Module: tooltip accessibili nativi

Il Tooltip Module è il più semplice dei sei: un blocco che mostra un tooltip al passaggio del mouse (o al focus tastiera, se configurato). Cosa lo rende diverso da un tooltip CSS custom:

• Accessibilità WCAG 2.2 integrata (focus management, ARIA roles)
• Responsive positioning automatico (top/bottom/left/right)
• Styling consistente con il preset system Divi 5
• Animazione di ingresso/uscita configurabile

Per la pipeline AI, il Tooltip è ideale per glossari, FAQ compatte, etichette esplicative di acronimi tecnici, micro-copy contestuali in landing page complesse.

Loop Filter Module: filtri dinamici per Query Loop

Loop Filter è il modulo che estende Query Loop con filtri dinamici lato frontend. Esempio classico: portfolio con filtri per categoria, archivio prodotti con filtri per tag/prezzo, archivio articoli con ricerca full-text. Il modulo si appoggia a una tassonomia o a una custom field, e genera automaticamente UI di filtro (checkbox, select, range slider) coerente con il design system Divi.

Per l'AI, Loop Filter è utilissimo per generare archivi tassonomici interattivi senza scrivere JavaScript: prompt → struttura filtri → modulo preconfigurato.

Payment Module: pagamenti integrati senza WooCommerce

Payment è il modulo più controverso. Permette di aggiungere un pulsante di pagamento (Stripe, PayPal) a qualunque pagina Divi, senza WooCommerce. È pensato per:

• Donazioni semplici
• Pagamenti una tantum per servizi
• Prodotti digitali singoli (ebook, template)
• Pagamenti per eventi singoli

Non sostituisce WooCommerce per cataloghi complessi, ma toglie il "peso" di installare un e-commerce completo per casi semplici.

Gravity Forms Module: form avanzati in Divi

Gravity Forms è da anni il plugin form più potente per WordPress, ma la sua integrazione con Divi era sempre stata debole (shortcode + custom CSS). Il modulo nativo Divi 5.8 risolve questo:

• Inserimento form come blocco Divi con attributi responsive
• Styling automatico secondo i preset del tema
• Preview live dell'editor Divi
• Supporto condizitional logic di Gravity Forms

Fluent Forms Module: alternativa leggera a Gravity Forms

Fluent Forms è un plugin form più recente, gratuito e più leggero di Gravity Forms (no licenza). Il modulo Divi 5.8 porta gli stessi vantaggi del modulo Gravity Forms ma per chi preferisce la soluzione open source.

Imagely Module: galleria fotografica nativa

Imagely è un plugin di fotografia noto nella community WordPress (originariamente NextGEN Gallery). Il modulo nativo semplifica l'inserimento di gallerie con preset di layout, lightbox integrato e ottimizzazione responsive.

Quando adottare i moduli nativi Divi 5.8

La domanda chiave per un'agenzia è: quando ha senso usare i moduli nativi Divi 5.8 invece dei plugin standalone con shortcode o block editor nativo? La risposta non è mai "sempre" o "mai": dipende dal caso d'uso.

Criteri decisionali pratici

Abbiamo individuato cinque criteri che, nella nostra esperienza, coprono il 90% delle decisioni reali in agenzia:

1. Frequenza di styling custom: se modifichi il plugin form in CSS custom più di 3 volte al mese, il modulo nativo fa risparmiare tempo.
2. Numero di pagine che lo usano: sopra le 10-15 pagine, il modulo nativo giustifica l'investimento di setup.
3. Complessità del plugin: Gravity Forms con logica condizionale complessa può ancora essere meglio come shortcode per avere pieno controllo.
4. Performance: ogni modulo nativo aggiunge peso al page builder. Su siti con budget performance critico, preferisci shortcode leggero.
5. Aggiornamenti futuri: i moduli nativi seguiranno il ritmo di Divi, mentre i plugin standalone seguono il loro. Se il plugin è maturo e stabile, lo shortcode è più prevedibile.

Quando adottare

• Landing page con form di contatto semplice: sì modulo nativo (Gravity Forms o Fluent Forms)
• Portfolio fotografico con galleria pesante: sì modulo nativo Imagely
• Archivio prodotti con filtri complessi: sì modulo Loop Filter
• Tooltip in pagine di glossario: sì modulo Tooltip
• Donazione singola su pagina mission: sì modulo Payment

Quando NON adottare

• Form con logica condizionale complessa e calcoli dinamici: shortcode Gravity Forms per controllo totale
• E-commerce serio con carrello, spedizioni, tasse: WooCommerce (non Divi Payment)
• Galleria fotografica professionale con watermark e protezione: NextGEN Gallery standalone o Envira Gallery
• Filtri prodotto complessi con range prezzo e combinazioni multiple: facetWP o SearchWP invece del Loop Filter base

Pipeline AI-assisted per generare landing page con moduli Divi 5.8

Vediamo ora una pipeline concreta che usa l'AI per generare una landing page completa sfruttando i moduli nativi Divi 5.8. L'obiettivo è passare da brief testuale a pagina pubblicata in meno di 30 minuti, con qualità editoriale verificabile.

Step 1: Brief strutturato

Il brief deve contenere: obiettivo pagina, target audience, prodotto/servizio, call to action, social proof, form di contatto richiesto, eventuali tooltip esplicativi. Un esempio reale:

# brief landing page
Obiettivo: generare lead per servizio consulenza SEO tecnico avanzato
Target: CTO e sviluppatori senior in aziende 50-500 dipendenti
Prodotto: audit SEO tecnico in 7 giorni, output report 80 pagine
CTA: prenota call gratuita 30 minuti
Social proof: 3 case study con metriche concrete
Form: nome, email, azienda, sito web, dimensione team SEO
Tooltip: 4 acronimi tecnici da spiegare (CWV, JS SEO, etc.)

Step 2: Prompt al modello AI per generare sezioni

Il prompt deve essere strutturato per produrre sezioni che mappano ai moduli Divi:

# prompt generazione landing Divi 5.8
Sei un web designer senior esperto Divi 5.8. Dato il brief, genera una landing page
con sezioni: hero, problem statement, soluzione, case studies (3), processo,
pricing teaser, form contatto, FAQ (5 domande), footer.

Per ogni sezione indica:
- modulo Divi 5.8 da usare (Text, Image, Button, Gravity Forms, Tooltip, ecc.)
- contenuto testuale in italiano
- preset da applicare (Primary, Secondary, Dark)
- note per tooltip (max 5)

Rispondi in JSON strutturato.

Step 3: Conversione JSON → Divi Shortcode / JSON Divi 5

Una volta ottenuto il JSON, uno script Python o PHP converte in Divi 5 JSON format (che è quello che il builder Divi 5 importa nativamente). La conversione deve gestire:

• Attributi modulo (es. Gravity Forms: form_id, title, description)
• Preset (riferimenti al design system)
• Responsive settings (desktop, tablet, mobile)
• Conditional logic per Gravity Forms se complessa

# convertitore JSON AI → Divi 5 JSON structure
import json

def landing_to_divi_json(landing_data):
    divi_sections = []
    for section in landing_data['sections']:
        divi_sections.append({
            'type': 'section',
            'attributes': {
                'module': section['module'],
                'preset': section.get('preset', 'default'),
                'content': section['content'],
                'tooltips': section.get('tooltips', [])
            }
        })
    return { 'version': '5.8', 'sections': divi_sections }

Step 4: Importazione in Divi 5 e verifica

Il Divi 5 JSON si importa nel Visual Builder con un click. La verifica post-importazione deve controllare:

• Tutti i moduli si renderizzano correttamente in responsive (desktop/tablet/mobile)
• I tooltip appaiono al passaggio e al focus tastiera
• Il form Gravity Forms / Fluent Forms invia davvero (test E2E)
• Il payment button porta al checkout corretto

Step 5: Ottimizzazione performance

I moduli nativi Divi 5 sono più efficienti degli shortcode nudi (meno JS aggiuntivo, CSS unificato), ma è buona pratica:

• Abilitare il "Performance Mode" di Divi 5 per il frontend
• Limitare il numero di preset attivi per pagina (max 3-4)
• Disabilitare moduli non usati nella pagina via Divi Role Manager

Confronto rapido: modulo nativo Divi 5.8 vs shortcode plugin

Caso reale: agenzia con 8 clienti e 40 landing page

Abbiamo applicato la pipeline AI + moduli nativi Divi 5.8 su un'agenzia con 8 clienti attivi e 40 landing page da realizzare in Q3 2026.

Situazione iniziale

• Tempo medio per landing page: 6-8 ore (designer + dev)
• Costo medio per landing: 350-450€
• 40 landing page = 280 ore = ~14 settimane

Risultati con pipeline AI + Divi 5.8

• Tempo medio: 2-2.5 ore per landing (revisione umana + adjustment)
• Costo medio: 130-160€ a landing
• 40 landing page = 90 ore = ~4.5 settimane
• Quality score designer review: 8.2/10 medio (vs 9.0/10 manuale)

Lezioni apprese

• La pipeline eccelle su landing page standardizzate (lead gen, prodotto singolo, evento)
• Meno efficace su design altamente custom (portfolio fotografo, brand book)
• La qualità editoriale resta alta se il prompt è dettagliato e l'editor umano fa la revisione finale
• Il "quality score" inferiore è compensato dal risparmio di tempo: è un trade-off accettabile per landing page operative

Gestione del rischio: quando i moduli nativi falliscono

I moduli nativi Divi 5.8 sono giovani (rilasciati a fine giugno 2026). Ci sono almeno tre rischi noti che un'agenzia deve considerare:

Rischio 1: breaking changes con aggiornamenti settimanali

Il team Divi ha annunciato update frequenti (circa uno a settimana). I moduli terze parti sono i più esposti a breaking change nelle prime 8-12 settimane. Mitigation: pinning della versione Divi su siti in produzione per i primi 3 mesi.

Rischio 2: limiti su personalizzazione avanzata

Se un cliente ha logica form molto custom (campi condizionali complessi, integrazione CRM specifica), il modulo nativo potrebbe non supportare tutti i casi. Mitigation: ibrido, modulo nativo per il rendering + shortcode per la logica custom.

Rischio 3: dipendenza dal fornitore del plugin

Se Gravity Forms o Fluent Forms cambiano drasticamente la loro API, il modulo nativo Divi deve aggiornarsi di conseguenza. Mitigation: monitoraggio delle roadmap Gravity Forms e Fluent Forms, fallback a shortcode.

Roadmap adozione per agenzia

Settimana 1: aggiorna Divi a 5.8 su tutti i siti di sviluppo. Identifica 3 landing page esistenti dove testare i moduli nativi.

Settimana 2: implementa pipeline AI-assisted per generazione landing page. Testa su 5-10 landing reali.

Settimana 3: misura tempo/qualità. Forma i designer sull'uso dei moduli nativi.

Settimana 4: definisci standard interni (quando modulo nativo, quando shortcode) e policy di versioning Divi.

Checklist operativa

• Aggiorna Divi alla 5.8+ su staging, verifica che tema child sia compatibile
• Identifica i plugin di terze parti usati più spesso (form, gallery, payment)
• Testa modulo nativo su una pagina pilota prima di scala
• Monitora update settimanali Divi per i primi 3 mesi
• Mantieni shortcode del plugin come fallback documentato
• Forma il team su prompt AI per generazione landing page
• Misura tempo/qualità pre e post adozione

FAQ su Divi 5.8 e moduli terze parti

I moduli nativi sostituiscono i plugin originali?

No, sono wrapper che semplificano l'inserimento nel Visual Builder. Il plugin originale (Gravity Forms, Fluent Forms, Imagely) resta necessario per le funzionalità core.

Servono licenze aggiuntive per i moduli nativi?

Sì per Gravity Forms e Fluent Forms Pro (se usi le versioni a pagamento). Divi 5.8 base include il modulo, ma il plugin di terze parti ha le sue licenze.

Il Payment Module supporta Stripe e PayPal nativi?

Sì per Stripe e PayPal. Per altri gateway (Klarna, iDEAL) è necessaria integrazione custom.

Loop Filter funziona con WooCommerce?

Sì, ma è limitato a filtri su tassonomie e custom field. Per filtri prodotto avanzati (range prezzo, attributi combinati), è meglio usare facetWP.

I moduli nativi sono accessibili WCAG 2.2?

Sì, seguono gli standard di accessibilità Divi 5 (ARIA roles, keyboard nav, screen reader friendly). Tooltip in particolare ha focus management corretto.

Posso usare i moduli nativi con il multisite?

Sì, il comportamento è identico al single site. La configurazione dei moduli è per-sito, non di network.

Cosa succede se Divi 5.8 introduce un bug critico?

Il team Divi rilascia hotfix rapidi (in media 24-48h per bug critici). È buona pratica avere un sito di staging mirror per testare gli aggiornamenti prima della produzione.

Riferimenti utili per approfondire

• Divi 5.8 Release Notes ufficiale - changelog completo del rilascio 5.8
• Elegant Themes Blog - blog ufficiale con tutti gli aggiornamenti Divi
• Divi Theme Users Facebook group - community attiva per supporto e feedback
• Divi 5 ufficiale - lancio beta end (mrtux.it) - guida completa migrazione Divi 4 → 5
• Divi 5 SVG Module AI (mrtux.it) - focus su generazione icone con AI
• Generare design system AI Divi 5 (mrtux.it) - pipeline AI per design system
• Gravity Forms plugin - plugin form principale, supportato dal modulo Divi 5.8
• Fluent Forms plugin - alternativa open source a Gravity Forms
• Imagely plugin - galleria fotografica supportata dal modulo nativo
• Divi Role Manager documentazione - per limitare moduli attivi per utente
• Anthropic Claude API - per pipeline AI generazione landing
• WP-CLI 2026 guida (mrtux.it) - per automazione bulk delle landing generate