{"id":166461,"date":"2024-11-18T09:00:00","date_gmt":"2024-11-18T08:00:00","guid":{"rendered":"https:\/\/gtechgroup.it\/blog\/elementor-dynamic-content-tag-dinamici-acf-campi\/"},"modified":"2026-05-25T12:21:13","modified_gmt":"2026-05-25T10:21:13","slug":"elementor-dynamic-content-tag-dinamici-acf-campi","status":"publish","type":"post","link":"https:\/\/gtechgroup.it\/blog\/elementor-dynamic-content-tag-dinamici-acf-campi\/","title":{"rendered":"Dynamic Content con Elementor: Tag Dinamici, ACF e Campi Personalizzati"},"content":{"rendered":"<p>I <strong>contenuti dinamici<\/strong> 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&#8217;integrazione con ACF (Advanced Custom Fields) e le funzionalit\u00e0 avanzate per creare siti web veramente dinamici.<\/p>\n<h2>Cosa Sono i Tag Dinamici<\/h2>\n<p>I <strong>tag dinamici<\/strong> (Dynamic Tags) sono segnaposto che Elementor sostituisce con dati reali provenienti dal database. Invece di scrivere &#8220;Il mio titolo&#8221; in un widget Heading, puoi collegarlo al tag dinamico &#8220;Post Title&#8221; e il widget mostrer\u00e0 automaticamente il titolo del post corrente. Questo \u00e8 fondamentale per i <a href=\"https:\/\/gtechgroup.it\/blog\/elementor-theme-builder-header-footer-single\/\">template del Theme Builder<\/a>, dove un singolo design deve funzionare per centinaia di pagine diverse.<\/p>\n<h3>Come Attivare un Tag Dinamico<\/h3>\n<p>Per collegare un tag dinamico a un widget:<\/p>\n<ol>\n<li>Seleziona il widget nell&#8217;editor Elementor<\/li>\n<li>Cerca l&#8217;icona a forma di <strong>cilindro<\/strong> (database) accanto al campo che vuoi rendere dinamico<\/li>\n<li>Clicca sull&#8217;icona per aprire il menu dei tag dinamici disponibili<\/li>\n<li>Seleziona il tag desiderato (es. Post Title, Featured Image, etc.)<\/li>\n<li>Configura le opzioni del tag (formato data, lunghezza excerpt, fallback, etc.)<\/li>\n<\/ol>\n<p>Non tutti i campi supportano tag dinamici. I pi\u00f9 comuni sono: testo, URL, immagine, colore e numero.<\/p>\n<h2>Tag Dinamici Disponibili in Elementor Pro<\/h2>\n<p>Elementor Pro offre una vasta libreria di tag dinamici organizzati per categoria:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/editor-widgets.png\" alt=\"Dynamic Tags di Elementor\" width=\"1400\" height=\"900\" class=\"alignnone size-full\" \/><\/p>\n<h3>Tag Post<\/h3>\n<ul>\n<li><strong>Post Title<\/strong> \u2013 Il titolo dell&#8217;articolo o della pagina corrente<\/li>\n<li><strong>Post Excerpt<\/strong> \u2013 L&#8217;estratto del post, con opzione di lunghezza personalizzata<\/li>\n<li><strong>Post Date<\/strong> \u2013 Data di pubblicazione o modifica, con formato personalizzabile<\/li>\n<li><strong>Post Content<\/strong> \u2013 Il contenuto completo del post<\/li>\n<li><strong>Post Terms<\/strong> \u2013 Categorie, tag o altre tassonomie associate al post<\/li>\n<li><strong>Featured Image<\/strong> \u2013 L&#8217;immagine in evidenza del post<\/li>\n<li><strong>Post URL<\/strong> \u2013 Il permalink del post corrente<\/li>\n<li><strong>Author Name<\/strong> \u2013 Nome dell&#8217;autore del post<\/li>\n<li><strong>Author Bio<\/strong> \u2013 Biografia dell&#8217;autore<\/li>\n<li><strong>Author Profile Picture<\/strong> \u2013 Avatar\/Gravatar dell&#8217;autore<\/li>\n<li><strong>Comments Number<\/strong> \u2013 Numero di commenti del post<\/li>\n<\/ul>\n<h3>Tag Sito<\/h3>\n<ul>\n<li><strong>Site Title<\/strong> \u2013 Il nome del sito configurato in Impostazioni<\/li>\n<li><strong>Site Tagline<\/strong> \u2013 Il motto del sito<\/li>\n<li><strong>Site Logo<\/strong> \u2013 Il logo caricato nel Customizer<\/li>\n<li><strong>Current Date\/Time<\/strong> \u2013 Data e ora correnti<\/li>\n<li><strong>Request Parameter<\/strong> \u2013 Parametri dalla URL (utile per personalizzazione)<\/li>\n<li><strong>Shortcode<\/strong> \u2013 Esegui qualsiasi shortcode come tag dinamico<\/li>\n<\/ul>\n<h3>Tag Archivio<\/h3>\n<ul>\n<li><strong>Archive Title<\/strong> \u2013 Titolo dell&#8217;archivio corrente (categoria, tag, data)<\/li>\n<li><strong>Archive Description<\/strong> \u2013 Descrizione della tassonomia<\/li>\n<li><strong>Archive URL<\/strong> \u2013 URL dell&#8217;archivio<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/elementor-dynamic-tags-menu.webp\" alt=\"Menu dei tag dinamici in Elementor con le varie categorie disponibili\" \/><\/p>\n<h2>Integrazione con ACF (Advanced Custom Fields)<\/h2>\n<p><strong>ACF<\/strong> (Advanced Custom Fields) \u00e8 il plugin pi\u00f9 popolare per aggiungere campi personalizzati a WordPress, e Elementor Pro lo integra nativamente. Questa combinazione \u00e8 incredibilmente potente: crei i campi in ACF, li compili nel backend, e li visualizzi nel frontend con Elementor senza scrivere codice.<\/p>\n<h3>Configurare ACF per Elementor<\/h3>\n<ol>\n<li>Installa e attiva il plugin <strong>ACF<\/strong> (versione gratuita o PRO)<\/li>\n<li>Crea un <strong>Gruppo di Campi<\/strong> (Field Group) in ACF<\/li>\n<li>Aggiungi i campi necessari (testo, immagine, URL, data, ripetitore, etc.)<\/li>\n<li>Assegna il gruppo al tipo di contenuto desiderato (post, pagina, CPT)<\/li>\n<li>Compila i campi per ogni contenuto nel backend WordPress<\/li>\n<li>In Elementor, usa i tag dinamici \u2192 <strong>ACF Field<\/strong> per visualizzare i dati<\/li>\n<\/ol>\n<h3>Tipi di Campo ACF Supportati<\/h3>\n<p>Elementor Pro supporta la maggior parte dei tipi di campo ACF:<\/p>\n<ul>\n<li><strong>Text, Textarea, WYSIWYG<\/strong> \u2013 Per contenuti testuali, visualizzabili in Heading, Text Editor, ecc.<\/li>\n<li><strong>Number<\/strong> \u2013 Per valori numerici, utili con il widget Counter<\/li>\n<li><strong>Image<\/strong> \u2013 Per immagini personalizzate, usabili come sfondo o nel widget Image<\/li>\n<li><strong>URL<\/strong> \u2013 Per link personalizzati, collegabili ai pulsanti e link<\/li>\n<li><strong>True\/False<\/strong> \u2013 Per visibilit\u00e0 condizionale degli elementi<\/li>\n<li><strong>Select, Radio, Checkbox<\/strong> \u2013 Per valori da elenchi predefiniti<\/li>\n<li><strong>Date Picker<\/strong> \u2013 Per date formattate<\/li>\n<li><strong>Color Picker<\/strong> \u2013 Per colori dinamici applicabili a testi e sfondi<\/li>\n<li><strong>Gallery<\/strong> \u2013 Per gallerie di immagini dinamiche<\/li>\n<li><strong>Repeater<\/strong> (ACF PRO) \u2013 Per campi ripetuti, visualizzabili con il Loop Builder<\/li>\n<li><strong>Relationship\/Post Object<\/strong> \u2013 Per collegare post tra loro<\/li>\n<\/ul>\n<h2>Sfondi Dinamici<\/h2>\n<p>Una funzionalit\u00e0 spesso sottovalutata \u00e8 la possibilit\u00e0 di impostare <strong>sfondi dinamici<\/strong> per container e sezioni. Puoi collegare l&#8217;immagine di sfondo di un container all&#8217;immagine in evidenza del post, creando header personalizzati per ogni articolo senza alcun intervento manuale.<\/p>\n<p>Per farlo: seleziona il container \u2192 tab Style \u2192 Background \u2192 clicca sull&#8217;icona del database accanto al campo immagine \u2192 seleziona Featured Image o un campo ACF Image. Aggiungi un overlay con colore scuro semi-trasparente per garantire la leggibilit\u00e0 del testo soprastante.<\/p>\n<h2>Visibilit\u00e0 Condizionale<\/h2>\n<p>La <strong>visibilit\u00e0 condizionale<\/strong> (Display Conditions) ti permette di mostrare o nascondere elementi in base a condizioni specifiche. Questa funzionalit\u00e0 \u00e8 accessibile dalla tab Advanced di ogni widget:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/settings-advanced.png\" alt=\"Impostazioni Dynamic Content\" width=\"1400\" height=\"900\" class=\"alignnone size-full\" \/><\/p>\n<ul>\n<li><strong>Ruolo utente<\/strong> \u2013 Mostra un widget solo agli amministratori, agli editor o agli utenti loggati<\/li>\n<li><strong>Data\/Ora<\/strong> \u2013 Visualizza un banner solo in determinati giorni o orari<\/li>\n<li><strong>Valore di campo personalizzato<\/strong> \u2013 Mostra un badge solo se un campo ACF ha un valore specifico (es. mostra &#8220;In Offerta&#8221; solo se il campo sconto \u00e8 compilato)<\/li>\n<li><strong>Browser\/Dispositivo<\/strong> \u2013 Contenuti diversi per desktop e mobile<\/li>\n<li><strong>Stato login<\/strong> \u2013 Contenuto diverso per utenti loggati e visitatori<\/li>\n<\/ul>\n<p>La visibilit\u00e0 condizionale \u00e8 fondamentale per creare esperienze personalizzate. Ad esempio, puoi mostrare un messaggio di benvenuto con il nome dell&#8217;utente loggato, o nascondere il prezzo di un prodotto fino alla registrazione.<\/p>\n<h2>Repeater Fields con il Loop Builder<\/h2>\n<p>I <strong>campi ripetitori<\/strong> (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 <a href=\"https:\/\/gtechgroup.it\/blog\/elementor-loop-builder-griglie-dinamiche-contenuti\/\">Loop Builder<\/a> di Elementor puoi visualizzare i repeater in griglie personalizzate, creando layout che si adattano automaticamente al numero di elementi inseriti nel backend.<\/p>\n<h2>Casi d&#8217;Uso per Agenzie e Professionisti<\/h2>\n<p>Ecco alcuni scenari reali in cui i contenuti dinamici fanno la differenza:<\/p>\n<h3>Sito Immobiliare<\/h3>\n<p>Custom Post Type &#8220;Immobili&#8221; 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&#8217;agente immobiliare aggiorna i dati dal backend senza toccare il design.<\/p>\n<h3>Catalogo Servizi<\/h3>\n<p>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.<\/p>\n<h3>Directory Professionisti<\/h3>\n<p>CPT &#8220;Professionisti&#8221; con campi ACF per specializzazione, CV, certificazioni, disponibilit\u00e0. La griglia Loop Builder mostra tutti i professionisti con filtri per specializzazione e area geografica.<\/p>\n<h2>Best Practice per i Contenuti Dinamici<\/h2>\n<ul>\n<li><strong>Imposta sempre un fallback<\/strong> \u2013 Per ogni tag dinamico, configura un valore di fallback che viene mostrato se il campo \u00e8 vuoto. Evita spazi vuoti nel layout<\/li>\n<li><strong>Usa nomi di campo descrittivi<\/strong> \u2013 In ACF, nomina i campi in modo chiaro (es. &#8220;prezzo_servizio&#8221; non &#8220;campo_1&#8221;) per trovarli facilmente in Elementor<\/li>\n<li><strong>Testa con dati diversi<\/strong> \u2013 Verifica che il template funzioni con contenuti di lunghezza variabile: titoli corti e lunghi, con e senza immagine<\/li>\n<li><strong>Documenta la struttura<\/strong> \u2013 Mantieni una mappa dei campi ACF e dei template Elementor che li utilizzano<\/li>\n<li><strong>Ottimizza le query<\/strong> \u2013 Troppi campi ACF caricati contemporaneamente possono rallentare la pagina. Usa solo i campi necessari<\/li>\n<\/ul>\n<h2>Conclusione<\/h2>\n<p>I contenuti dinamici trasformano Elementor da semplice page builder a <strong>piattaforma completa per lo sviluppo web<\/strong>. Con i tag dinamici, l&#8217;integrazione ACF e la visibilit\u00e0 condizionale, puoi creare siti web che si aggiornano automaticamente, offrono esperienze personalizzate e si gestiscono facilmente dal backend senza mai toccare il design.<\/p>\n<p>Vuoi implementare contenuti dinamici avanzati nel tuo sito WordPress? Il team di <a href=\"https:\/\/gtechgroup.it\/realizzazione-siti-web\/\">G Tech Group<\/a> \u00e8 specializzato nella creazione di siti web dinamici con Elementor e ACF. <a href=\"https:\/\/gtechgroup.it\/contatti\/\">Richiedi un preventivo<\/a> personalizzato per il tuo progetto.<\/p>\n<h2>Tipi di Campo ACF con Elementor<\/h2>\n<ul>\n<li><strong>Text\/Textarea<\/strong>: Mostrati con dynamic tag nel widget Text Editor o Heading<\/li>\n<li><strong>Image<\/strong>: Usato nel widget Image con tag dinamico ACF Image<\/li>\n<li><strong>URL\/Link<\/strong>: Nel widget Button come link dinamico<\/li>\n<li><strong>Number<\/strong>: Nel widget Counter o come testo<\/li>\n<li><strong>Select\/Radio\/Checkbox<\/strong>: Come testo o per condizioni di visibilita<\/li>\n<li><strong>Repeater<\/strong>: Richiede Loop Builder o addon come JetEngine per il rendering<\/li>\n<li><strong>Relationship\/Post Object<\/strong>: Per creare relazioni tra contenuti (es. prodotti correlati)<\/li>\n<\/ul>\n<h2>Guide Correlate della Serie Elementor<\/h2>\n<p>Continua a esplorare Elementor con le nostre guide:<\/p>\n<ul>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/elementor-loop-builder-griglie-dinamiche-contenuti\/\">Loop Builder<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/elementor-custom-css-codice-personalizzato-sviluppatori\/\">Custom CSS<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/elementor-theme-builder-header-footer-template-personalizzati\/\">Theme Builder<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/woocommerce-elementor-personalizzare-ecommerce\/\">WooCommerce con Elementor<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>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&hellip;<\/p>\n","protected":false},"author":2,"featured_media":166404,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Elementor Dynamic Content: Tag Dinamici e ACF","_seopress_titles_desc":"Guida ai contenuti dinamici in Elementor: tag dinamici, integrazione ACF, campi personalizzati, sfondi dinamici e visibilit\u00e0 condizionale.","_seopress_robots_index":"","footnotes":""},"categories":[61],"tags":[2602,2603,2601,2599,492],"class_list":["post-166461","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-acf","tag-campi-personalizzati","tag-dynamic-content","tag-elementor","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/166461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/comments?post=166461"}],"version-history":[{"count":3,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/166461\/revisions"}],"predecessor-version":[{"id":166524,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/166461\/revisions\/166524"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media\/166404"}],"wp:attachment":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media?parent=166461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/categories?post=166461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/tags?post=166461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}