I contenuti dinamici sono la vera forza di Elementor Pro: invece di inserire testo e immagini statiche, puoi collegare ogni widget ai dati del database WordPress. Questo significa che il contenuto si aggiorna automaticamente quando modifichi un post, un prodotto o un campo personalizzato. In questa guida approfondita vedremo come sfruttare i tag dinamici, l’integrazione con ACF (Advanced Custom Fields) e le funzionalità avanzate per creare siti web veramente dinamici.
Cosa Sono i Tag Dinamici
I tag dinamici (Dynamic Tags) sono segnaposto che Elementor sostituisce con dati reali provenienti dal database. Invece di scrivere “Il mio titolo” in un widget Heading, puoi collegarlo al tag dinamico “Post Title” e il widget mostrerà automaticamente il titolo del post corrente. Questo è fondamentale per i template del Theme Builder, dove un singolo design deve funzionare per centinaia di pagine diverse.
Come Attivare un Tag Dinamico
Per collegare un tag dinamico a un widget:
- Seleziona il widget nell’editor Elementor
- Cerca l’icona a forma di cilindro (database) accanto al campo che vuoi rendere dinamico
- Clicca sull’icona per aprire il menu dei tag dinamici disponibili
- Seleziona il tag desiderato (es. Post Title, Featured Image, etc.)
- Configura le opzioni del tag (formato data, lunghezza excerpt, fallback, etc.)
Non tutti i campi supportano tag dinamici. I più comuni sono: testo, URL, immagine, colore e numero.
Tag Dinamici Disponibili in Elementor Pro
Elementor Pro offre una vasta libreria di tag dinamici organizzati per categoria:
Tag Post
- Post Title – Il titolo dell’articolo o della pagina corrente
- Post Excerpt – L’estratto del post, con opzione di lunghezza personalizzata
- Post Date – Data di pubblicazione o modifica, con formato personalizzabile
- Post Content – Il contenuto completo del post
- Post Terms – Categorie, tag o altre tassonomie associate al post
- Featured Image – L’immagine in evidenza del post
- Post URL – Il permalink del post corrente
- Author Name – Nome dell’autore del post
- Author Bio – Biografia dell’autore
- Author Profile Picture – Avatar/Gravatar dell’autore
- Comments Number – Numero di commenti del post
Tag Sito
- Site Title – Il nome del sito configurato in Impostazioni
- Site Tagline – Il motto del sito
- Site Logo – Il logo caricato nel Customizer
- Current Date/Time – Data e ora correnti
- Request Parameter – Parametri dalla URL (utile per personalizzazione)
- Shortcode – Esegui qualsiasi shortcode come tag dinamico
Tag Archivio
- Archive Title – Titolo dell’archivio corrente (categoria, tag, data)
- Archive Description – Descrizione della tassonomia
- Archive URL – URL dell’archivio
Integrazione con ACF (Advanced Custom Fields)
ACF (Advanced Custom Fields) è il plugin più popolare per aggiungere campi personalizzati a WordPress, e Elementor Pro lo integra nativamente. Questa combinazione è incredibilmente potente: crei i campi in ACF, li compili nel backend, e li visualizzi nel frontend con Elementor senza scrivere codice.
Configurare ACF per Elementor
- Installa e attiva il plugin ACF (versione gratuita o PRO)
- Crea un Gruppo di Campi (Field Group) in ACF
- Aggiungi i campi necessari (testo, immagine, URL, data, ripetitore, etc.)
- Assegna il gruppo al tipo di contenuto desiderato (post, pagina, CPT)
- Compila i campi per ogni contenuto nel backend WordPress
- In Elementor, usa i tag dinamici → ACF Field per visualizzare i dati
Tipi di Campo ACF Supportati
Elementor Pro supporta la maggior parte dei tipi di campo ACF:
- Text, Textarea, WYSIWYG – Per contenuti testuali, visualizzabili in Heading, Text Editor, ecc.
- Number – Per valori numerici, utili con il widget Counter
- Image – Per immagini personalizzate, usabili come sfondo o nel widget Image
- URL – Per link personalizzati, collegabili ai pulsanti e link
- True/False – Per visibilità condizionale degli elementi
- Select, Radio, Checkbox – Per valori da elenchi predefiniti
- Date Picker – Per date formattate
- Color Picker – Per colori dinamici applicabili a testi e sfondi
- Gallery – Per gallerie di immagini dinamiche
- Repeater (ACF PRO) – Per campi ripetuti, visualizzabili con il Loop Builder
- Relationship/Post Object – Per collegare post tra loro
Sfondi Dinamici
Una funzionalità spesso sottovalutata è la possibilità di impostare sfondi dinamici per container e sezioni. Puoi collegare l’immagine di sfondo di un container all’immagine in evidenza del post, creando header personalizzati per ogni articolo senza alcun intervento manuale.
Per farlo: seleziona il container → tab Style → Background → clicca sull’icona del database accanto al campo immagine → seleziona Featured Image o un campo ACF Image. Aggiungi un overlay con colore scuro semi-trasparente per garantire la leggibilità del testo soprastante.
Visibilità Condizionale
La visibilità condizionale (Display Conditions) ti permette di mostrare o nascondere elementi in base a condizioni specifiche. Questa funzionalità è accessibile dalla tab Advanced di ogni widget:
- Ruolo utente – Mostra un widget solo agli amministratori, agli editor o agli utenti loggati
- Data/Ora – Visualizza un banner solo in determinati giorni o orari
- Valore di campo personalizzato – Mostra un badge solo se un campo ACF ha un valore specifico (es. mostra “In Offerta” solo se il campo sconto è compilato)
- Browser/Dispositivo – Contenuti diversi per desktop e mobile
- Stato login – Contenuto diverso per utenti loggati e visitatori
La visibilità condizionale è fondamentale per creare esperienze personalizzate. Ad esempio, puoi mostrare un messaggio di benvenuto con il nome dell’utente loggato, o nascondere il prezzo di un prodotto fino alla registrazione.
Repeater Fields con il Loop Builder
I campi ripetitori (Repeater) di ACF PRO sono perfetti per dati strutturati che si ripetono: specifiche tecniche di un prodotto, membri del team in una pagina aziendale, feature di un servizio, FAQ personalizzate. Con il Loop Builder di Elementor puoi visualizzare i repeater in griglie personalizzate, creando layout che si adattano automaticamente al numero di elementi inseriti nel backend.
Casi d’Uso per Agenzie e Professionisti
Ecco alcuni scenari reali in cui i contenuti dinamici fanno la differenza:
Sito Immobiliare
Custom Post Type “Immobili” con campi ACF per prezzo, metratura, numero stanze, indirizzo, galleria foto, mappa. Un singolo template Elementor visualizza tutti gli annunci con layout professionale, e l’agente immobiliare aggiorna i dati dal backend senza toccare il design.
Catalogo Servizi
Ogni servizio ha campi personalizzati per prezzo, durata, incluso/escluso, testimonial. Il template Single Service di Elementor mostra automaticamente tutte le informazioni in un layout accattivante con tabelle prezzi e comparazioni.
Directory Professionisti
CPT “Professionisti” con campi ACF per specializzazione, CV, certificazioni, disponibilità. La griglia Loop Builder mostra tutti i professionisti con filtri per specializzazione e area geografica.
Best Practice per i Contenuti Dinamici
- Imposta sempre un fallback – Per ogni tag dinamico, configura un valore di fallback che viene mostrato se il campo è vuoto. Evita spazi vuoti nel layout
- Usa nomi di campo descrittivi – In ACF, nomina i campi in modo chiaro (es. “prezzo_servizio” non “campo_1”) per trovarli facilmente in Elementor
- Testa con dati diversi – Verifica che il template funzioni con contenuti di lunghezza variabile: titoli corti e lunghi, con e senza immagine
- Documenta la struttura – Mantieni una mappa dei campi ACF e dei template Elementor che li utilizzano
- Ottimizza le query – Troppi campi ACF caricati contemporaneamente possono rallentare la pagina. Usa solo i campi necessari
Conclusione
I contenuti dinamici trasformano Elementor da semplice page builder a piattaforma completa per lo sviluppo web. Con i tag dinamici, l’integrazione ACF e la visibilità condizionale, puoi creare siti web che si aggiornano automaticamente, offrono esperienze personalizzate e si gestiscono facilmente dal backend senza mai toccare il design.
Vuoi implementare contenuti dinamici avanzati nel tuo sito WordPress? Il team di G Tech Group è specializzato nella creazione di siti web dinamici con Elementor e ACF. Richiedi un preventivo personalizzato per il tuo progetto.
Tipi di Campo ACF con Elementor
- Text/Textarea: Mostrati con dynamic tag nel widget Text Editor o Heading
- Image: Usato nel widget Image con tag dinamico ACF Image
- URL/Link: Nel widget Button come link dinamico
- Number: Nel widget Counter o come testo
- Select/Radio/Checkbox: Come testo o per condizioni di visibilita
- Repeater: Richiede Loop Builder o addon come JetEngine per il rendering
- Relationship/Post Object: Per creare relazioni tra contenuti (es. prodotti correlati)
Guide Correlate della Serie Elementor
Continua a esplorare Elementor con le nostre guide: