{"id":166468,"date":"2025-03-03T09:00:00","date_gmt":"2025-03-03T08:00:00","guid":{"rendered":"https:\/\/gtechgroup.it\/blog\/elementor-global-widget-default-kit-velocizzare-lavoro\/"},"modified":"2026-05-25T12:21:12","modified_gmt":"2026-05-25T10:21:12","slug":"elementor-global-widget-default-kit-velocizzare-lavoro","status":"publish","type":"post","link":"https:\/\/gtechgroup.it\/blog\/elementor-global-widget-default-kit-velocizzare-lavoro\/","title":{"rendered":"Elementor: Global Widget, Default Kit e Come Velocizzare il Lavoro"},"content":{"rendered":"<p>Quando lavori quotidianamente con <strong>Elementor<\/strong>, conoscere le funzionalit\u00e0 di produttivit\u00e0 e gli strumenti avanzati pu\u00f2 farti risparmiare ore di lavoro. In questa guida approfondiamo i <strong>Global Widget<\/strong>, il <strong>Default Kit<\/strong>, le <strong>scorciatoie da tastiera<\/strong> e tutti gli strumenti nascosti che rendono Elementor un editor incredibilmente efficiente per i professionisti del web design.<\/p>\n<h2>Global Widget: Crea Una Volta, Usa Ovunque<\/h2>\n<p>I <strong>Global Widget<\/strong> sono una delle funzionalit\u00e0 pi\u00f9 potenti e sottovalutate di Elementor Pro. Un Global Widget \u00e8 un widget che, una volta modificato, si aggiorna <strong>automaticamente ovunque<\/strong> sia stato inserito nel sito. Questo significa che puoi creare un componente una sola volta e riutilizzarlo in infinite pagine, con la garanzia che qualsiasi modifica si propaghi istantaneamente.<\/p>\n<h3>Come Creare un Global Widget<\/h3>\n<ol>\n<li>Progetta il widget con tutte le impostazioni desiderate (contenuto, stile, advanced)<\/li>\n<li>Fai <strong>click destro<\/strong> sul widget nell&#8217;editor<\/li>\n<li>Seleziona <strong>&#8220;Save as a Global&#8221;<\/strong><\/li>\n<li>Assegna un nome descrittivo (es. &#8220;CTA Banner &#8211; Consulenza Gratuita&#8221;)<\/li>\n<li>Il widget diventa &#8220;global&#8221; ed \u00e8 riconoscibile dal <strong>bordo arancione<\/strong> nell&#8217;editor<\/li>\n<\/ol>\n<h3>Inserire un Global Widget<\/h3>\n<p>Per inserire un Global Widget in un&#8217;altra pagina:<\/p>\n<ol>\n<li>Nella sidebar dell&#8217;editor, vai sulla tab <strong>Global<\/strong><\/li>\n<li>Trascina il Global Widget desiderato nella pagina<\/li>\n<li>Il widget apparir\u00e0 con il bordo arancione, indicando che \u00e8 collegato al global<\/li>\n<\/ol>\n<h3>Modificare un Global Widget<\/h3>\n<p>Quando modifichi un Global Widget, hai due opzioni:<\/p>\n<ul>\n<li><strong>Modifica globale<\/strong> \u2013 Clicca &#8220;Edit Global Widget&#8221; per modificare il widget in tutte le pagine contemporaneamente. Qualsiasi cambiamento si propaga immediatamente<\/li>\n<li><strong>Unlink<\/strong> \u2013 Clicca &#8220;Unlink&#8221; per scollegare una specifica istanza dal global. L&#8217;istanza diventa un widget normale che puoi modificare indipendentemente senza influenzare le altre<\/li>\n<\/ul>\n<h3>Casi d&#8217;Uso Ideali<\/h3>\n<ul>\n<li><strong>CTA Banner<\/strong> \u2013 Un banner di call-to-action identico su tutte le pagine dei servizi. Se cambi il numero di telefono o l&#8217;offerta, si aggiorna ovunque<\/li>\n<li><strong>Barra di contatto<\/strong> \u2013 Email, telefono, indirizzo che appaiono in pi\u00f9 punti del sito<\/li>\n<li><strong>Sezione &#8220;Clienti&#8221;<\/strong> \u2013 Loghi dei clienti o partner mostrati in diverse pagine<\/li>\n<li><strong>Form standardizzato<\/strong> \u2013 Un <a href=\"https:\/\/gtechgroup.it\/blog\/elementor-form-widget-creare-moduli-contatto\/\">form di contatto<\/a> identico su tutte le pagine, con una sola configurazione delle integrazioni<\/li>\n<li><strong>Footer widget<\/strong> \u2013 Informazioni aziendali nel footer, modificabili da un unico punto<\/li>\n<li><strong>Announcement bar<\/strong> \u2013 Barra di annunci in cima al sito per promozioni temporanee<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/elementor-global-widget-edit.webp\" alt=\"Global Widget in Elementor con bordo arancione e opzioni di modifica\" \/><\/p>\n<h2>Site Settings e Default Kit<\/h2>\n<p>Le <strong>Site Settings<\/strong> (Impostazioni del Sito) sono il centro di controllo del design globale di Elementor. Tutto ci\u00f2 che configuri qui si applica come default a tutto il sito.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/editor-widgets.png\" alt=\"Pannello widget globali\" width=\"1400\" height=\"900\" class=\"alignnone size-full\" \/><\/p>\n<h3>Cosa Puoi Configurare<\/h3>\n<ul>\n<li><strong>Global Colors<\/strong> \u2013 Definisci fino a 4 colori principali (Primary, Secondary, Text, Accent) pi\u00f9 colori custom illimitati. Ogni widget pu\u00f2 riferirsi a un colore globale; cambiandolo, si aggiorna tutto il sito<\/li>\n<li><strong>Global Fonts<\/strong> \u2013 4 font families principali (Primary, Secondary, Text, Accent) che diventano i default per tutti i widget<\/li>\n<li><strong>Typography<\/strong> \u2013 Dimensioni e stili predefiniti per Body, H1-H6, Link. Queste impostazioni definiscono la gerarchia tipografica del sito<\/li>\n<li><strong>Buttons<\/strong> \u2013 Colori, bordi, padding, tipografia e hover state predefiniti per tutti i pulsanti<\/li>\n<li><strong>Images<\/strong> \u2013 Border radius, bordo e ombra predefiniti per tutte le immagini<\/li>\n<li><strong>Form Fields<\/strong> \u2013 Stile predefinito dei campi input (bordo, sfondo, tipografia)<\/li>\n<li><strong>Layout<\/strong> \u2013 Larghezza del container, padding, gap predefiniti per tutto il sito<\/li>\n<li><strong>Lightbox<\/strong> \u2013 Colori e stile della lightbox globale<\/li>\n<li><strong>Background<\/strong> \u2013 Sfondo globale del sito<\/li>\n<\/ul>\n<h3>Cos&#8217;\u00e8 il Default Kit<\/h3>\n<p>Il <strong>Default Kit<\/strong> \u00e8 il contenitore di tutte le Site Settings. Quando configuri le Site Settings, stai in realt\u00e0 modificando il Default Kit attivo. La potenza del Default Kit sta nella sua <strong>portabilit\u00e0<\/strong>:<\/p>\n<ul>\n<li><strong>Esportare<\/strong> \u2013 Vai su Template \u2192 Kit Library \u2192 Export per salvare il kit come file .json<\/li>\n<li><strong>Importare<\/strong> \u2013 Su un nuovo sito, vai su Template \u2192 Kit Library \u2192 Import per applicare il design system<\/li>\n<li><strong>Condividere<\/strong> \u2013 Condividi il file .json con il team per standardizzare il design tra progetti<\/li>\n<\/ul>\n<p>Per le <a href=\"https:\/\/gtechgroup.it\/blog\/elementor-agenzie-workflow-collaborazione-produttivita\/\">agenzie web<\/a>, esportare il Default Kit come base per ogni nuovo progetto \u00e8 un enorme risparmio di tempo. Invece di riconfigurare colori, font e stili da zero, importi il kit e personalizzi solo i colori del brand del cliente.<\/p>\n<h2>Template Salvati: Sezioni e Pagine<\/h2>\n<p>Oltre ai Global Widget, Elementor permette di salvare <strong>sezioni<\/strong> e <strong>pagine intere<\/strong> come template riutilizzabili:<\/p>\n<h3>Salvare una Sezione<\/h3>\n<ol>\n<li>Progetta la sezione nell&#8217;editor (es. una hero section, una sezione servizi, un footer alternativo)<\/li>\n<li>Click destro sul container principale della sezione<\/li>\n<li>Seleziona <strong>&#8220;Save as Template&#8221;<\/strong><\/li>\n<li>Assegna un nome descrittivo e una categoria<\/li>\n<\/ol>\n<h3>Inserire un Template Salvato<\/h3>\n<ol>\n<li>Nell&#8217;editor, clicca sull&#8217;icona della <strong>cartella<\/strong> per aprire la libreria dei template<\/li>\n<li>Vai sulla tab <strong>&#8220;My Templates&#8221;<\/strong><\/li>\n<li>Seleziona il template desiderato e clicca <strong>Insert<\/strong><\/li>\n<li>La sezione viene inserita come copia indipendente (non collegata come i Global Widget)<\/li>\n<\/ol>\n<p>La differenza chiave tra template salvati e Global Widget: i template creano una <strong>copia indipendente<\/strong> che puoi modificare liberamente, mentre i Global Widget sono <strong>collegati<\/strong> e le modifiche si propagano ovunque.<\/p>\n<h2>Scorciatoie da Tastiera<\/h2>\n<p>Le <strong>shortcut da tastiera<\/strong> sono fondamentali per lavorare velocemente in Elementor. Ecco la lista completa delle scorciatoie pi\u00f9 utili:<\/p>\n<h3>Navigazione e Pannelli<\/h3>\n<ul>\n<li><code>Ctrl\/Cmd + E<\/code> \u2013 <strong>Finder<\/strong>: cerca e naviga rapidamente pagine, template, impostazioni. Probabilmente la shortcut pi\u00f9 utile in assoluto<\/li>\n<li><code>Ctrl\/Cmd + P<\/code> \u2013 <strong>Anteprima<\/strong>: apri l&#8217;anteprima della pagina in una nuova tab<\/li>\n<li><code>Ctrl\/Cmd + Shift + M<\/code> \u2013 <strong>Responsive Mode<\/strong>: passa tra desktop, tablet e mobile<\/li>\n<li><code>Ctrl\/Cmd + Shift + L<\/code> \u2013 <strong>Template Library<\/strong>: apri la libreria dei template<\/li>\n<li><code>Ctrl\/Cmd + I<\/code> \u2013 <strong>Navigator<\/strong>: apri\/chiudi il pannello Navigator<\/li>\n<li><code>Ctrl\/Cmd + Shift + H<\/code> \u2013 <strong>History Panel<\/strong>: apri il pannello delle revisioni<\/li>\n<li><code>Esc<\/code> \u2013 Chiudi il pannello aperto o deseleziona l&#8217;elemento<\/li>\n<\/ul>\n<h3>Editing e Salvataggio<\/h3>\n<ul>\n<li><code>Ctrl\/Cmd + S<\/code> \u2013 <strong>Salva<\/strong>: salva il lavoro corrente<\/li>\n<li><code>Ctrl\/Cmd + Z<\/code> \u2013 <strong>Undo<\/strong>: annulla l&#8217;ultima azione<\/li>\n<li><code>Ctrl\/Cmd + Shift + Z<\/code> \u2013 <strong>Redo<\/strong>: ripristina l&#8217;azione annullata<\/li>\n<li><code>Ctrl\/Cmd + C<\/code> \u2013 <strong>Copia<\/strong>: copia il widget selezionato<\/li>\n<li><code>Ctrl\/Cmd + V<\/code> \u2013 <strong>Incolla<\/strong>: incolla il widget copiato<\/li>\n<li><code>Ctrl\/Cmd + D<\/code> \u2013 <strong>Duplica<\/strong>: duplica il widget selezionato<\/li>\n<li><code>Delete<\/code> \u2013 <strong>Elimina<\/strong>: elimina il widget selezionato<\/li>\n<\/ul>\n<h3>Copia e Incolla tra Pagine<\/h3>\n<p>Una funzionalit\u00e0 poco conosciuta ma incredibilmente utile: puoi <strong>copiare widget e sezioni tra pagine diverse<\/strong> e persino tra siti diversi. Fai click destro \u2192 &#8220;Copy&#8221; su un elemento, vai in un&#8217;altra pagina (anche di un altro sito), click destro \u2192 &#8220;Paste&#8221;. Elementor incolla l&#8217;elemento con tutti i suoi stili e contenuti. Funziona anche tra browser diversi!<\/p>\n<h2>Navigator Panel<\/h2>\n<p>Il <strong>Navigator<\/strong> (<code>Ctrl\/Cmd + I<\/code>) \u00e8 un pannello che mostra la struttura ad albero di tutti gli elementi della pagina. \u00c8 essenziale per:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/settings-general.png\" alt=\"Default Kit impostazioni globali\" width=\"1400\" height=\"900\" class=\"alignnone size-full\" \/><\/p>\n<ul>\n<li><strong>Navigare pagine complesse<\/strong> \u2013 Trova rapidamente un widget specifico in una pagina con decine di sezioni<\/li>\n<li><strong>Rinominare elementi<\/strong> \u2013 Doppio click su un elemento nel Navigator per rinominarlo (es. &#8220;Hero Section&#8221;, &#8220;Pricing Table&#8221;)<\/li>\n<li><strong>Riordinare<\/strong> \u2013 Trascina gli elementi nel Navigator per riordinare sezioni e widget<\/li>\n<li><strong>Nascondere<\/strong> \u2013 Clicca l&#8217;icona dell&#8217;occhio per nascondere temporaneamente un elemento (utile durante il design)<\/li>\n<li><strong>Selezionare container annidati<\/strong> \u2013 Clicca nel Navigator per selezionare con precisione container annidati che sono difficili da selezionare nel canvas<\/li>\n<\/ul>\n<h2>Revision History<\/h2>\n<p>Il <strong>pannello delle revisioni<\/strong> (<code>Ctrl\/Cmd + Shift + H<\/code>) mostra tutte le versioni salvate della pagina. Puoi tornare a qualsiasi versione precedente con un click, senza perdere il lavoro attuale (viene salvato come nuova revisione).<\/p>\n<p>Le revisioni sono divise in due categorie:<\/p>\n<ul>\n<li><strong>Revisioni<\/strong> \u2013 Salvataggi manuali (Ctrl+S) e automatici<\/li>\n<li><strong>Azioni<\/strong> \u2013 Ogni singola azione (aggiunta widget, modifica stile, etc.) che puoi annullare singolarmente<\/li>\n<\/ul>\n<p>Questo \u00e8 particolarmente utile quando un cliente o un collega ha fatto modifiche indesiderate: puoi tornare alla versione precedente senza dover rifare tutto da capo.<\/p>\n<h2>Finder (Cmd\/Ctrl + E)<\/h2>\n<p>Il <strong>Finder<\/strong> \u00e8 la barra di ricerca universale di Elementor. Premendo <code>Cmd\/Ctrl + E<\/code> da qualsiasi punto dell&#8217;editor o del backend WordPress, puoi:<\/p>\n<ul>\n<li><strong>Cercare pagine<\/strong> \u2013 Digita il nome di una pagina per aprirla direttamente nell&#8217;editor<\/li>\n<li><strong>Cercare template<\/strong> \u2013 Trova e apri qualsiasi template salvato<\/li>\n<li><strong>Accedere alle impostazioni<\/strong> \u2013 Vai rapidamente a Site Settings, Theme Builder, etc.<\/li>\n<li><strong>Creare nuove pagine<\/strong> \u2013 Digita &#8220;Add New Page&#8221; per creare una nuova pagina<\/li>\n<li><strong>Aprire pagine nel frontend<\/strong> \u2013 Visualizza qualsiasi pagina senza navigare nel backend<\/li>\n<\/ul>\n<p>Il Finder \u00e8 ispirato a Spotlight di macOS e diventa indispensabile una volta che ti ci abitui. Elimina la necessit\u00e0 di navigare tra le pagine del backend di WordPress.<\/p>\n<h2>Right Click Menu<\/h2>\n<p>Il menu <strong>click destro<\/strong> di Elementor offre azioni rapide spesso sottovalutate:<\/p>\n<ul>\n<li><strong>Copy<\/strong> \/ <strong>Paste<\/strong> \/ <strong>Paste Style<\/strong> \u2013 Copia e incolla solo lo stile (colori, font, spacing) da un widget all&#8217;altro, senza il contenuto<\/li>\n<li><strong>Save as Template<\/strong> \u2013 Salva sezioni e pagine come template<\/li>\n<li><strong>Save as Global<\/strong> \u2013 Trasforma un widget in Global Widget<\/li>\n<li><strong>Reset Style<\/strong> \u2013 Riporta lo stile del widget ai valori predefiniti<\/li>\n<li><strong>Edit with Elementor<\/strong> \u2013 Apri rapidamente una pagina nell&#8217;editor dal frontend<\/li>\n<li><strong>Navigator<\/strong> \u2013 Vai direttamente all&#8217;elemento nel pannello Navigator<\/li>\n<\/ul>\n<h2>Altre Funzionalit\u00e0 di Produttivit\u00e0<\/h2>\n<h3>Inline Editing<\/h3>\n<p>Per testi, heading e pulsanti, puoi modificare il contenuto direttamente nel canvas senza aprire la sidebar. Basta <strong>doppio click<\/strong> sull&#8217;elemento per entrare in modalit\u00e0 inline editing e iniziare a scrivere.<\/p>\n<h3>Copy All Content<\/h3>\n<p>Dalla pagina Settings (ingranaggio in basso a sinistra), puoi usare &#8220;Copy All Content&#8221; per copiare l&#8217;intera pagina e incollarla in un&#8217;altra pagina. Perfetto per duplicare layout tra pagine simili.<\/p>\n<h3>Import\/Export di Singoli Widget<\/h3>\n<p>Puoi esportare singoli widget o sezioni come file .json e importarli in altri siti. Questo \u00e8 utile per condividere componenti specifici con colleghi o clienti senza esportare l&#8217;intero kit.<\/p>\n<h2>Checklist di Produttivit\u00e0<\/h2>\n<p>Per massimizzare la tua efficienza con Elementor, adotta queste abitudini:<\/p>\n<ul>\n<li>Usa il Finder (<code>Cmd+E<\/code>) invece di navigare nel backend<\/li>\n<li>Crea Global Widget per ogni componente che si ripete in pi\u00f9 pagine<\/li>\n<li>Configura le <a href=\"https:\/\/gtechgroup.it\/blog\/elementor-impostazioni-generali-configurazione-base\/\">Site Settings<\/a> come prima cosa in ogni progetto<\/li>\n<li>Rinomina ogni sezione nel Navigator per mantenere la pagina organizzata<\/li>\n<li>Salva le sezioni migliori come template per riutilizzarle nei progetti futuri<\/li>\n<li>Usa &#8220;Paste Style&#8221; per applicare rapidamente lo stesso stile a widget diversi<\/li>\n<li>Impara le shortcut da tastiera pi\u00f9 comuni (almeno Cmd+E, Cmd+S, Cmd+Z, Cmd+I)<\/li>\n<\/ul>\n<h2>Conclusione<\/h2>\n<p>Padroneggiare i Global Widget, il Default Kit e le scorciatoie da tastiera di Elementor pu\u00f2 <strong>dimezzare i tempi di lavoro<\/strong>. Questi strumenti trasformano Elementor da semplice editor visuale a piattaforma di design professionale con un workflow efficiente e scalabile. Investi tempo nell&#8217;apprendere queste funzionalit\u00e0 e vedrai un ritorno immediato in termini di produttivit\u00e0.<\/p>\n<p>Vuoi ottimizzare il tuo workflow con Elementor o hai bisogno di formazione per il tuo team? <a href=\"https:\/\/gtechgroup.it\/contatti\/\">Contatta G Tech Group<\/a> per corsi di formazione personalizzati e consulenze sull&#8217;uso professionale di Elementor e WordPress. Scopri i nostri servizi di <a href=\"https:\/\/gtechgroup.it\/realizzazione-siti-web\/\">sviluppo web<\/a>.<\/p>\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-template-libreria-modelli-guida\/\">Template e Modelli<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/elementor-tipografia-colori-stili-globali-design-system\/\">Tipografia e Design System<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/elementor-agenzie-workflow-collaborazione-produttivita\/\">Elementor per Agenzie<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/elementor-impostazioni-configurazione-completa\/\">Impostazioni Complete<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Quando lavori quotidianamente con Elementor, conoscere le funzionalit\u00e0 di produttivit\u00e0 e gli strumenti avanzati pu\u00f2 farti risparmiare ore di lavoro. In questa guida approfondiamo i&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: Global Widget, Kit e Velocizzare il Lavoro","_seopress_titles_desc":"Come usare Global Widget, Default Kit, shortcut da tastiera e strumenti di produttivit\u00e0 in Elementor per velocizzare il workflow di design.","_seopress_robots_index":"","footnotes":""},"categories":[61],"tags":[2599,2615,473,1108,492],"class_list":["post-166468","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-elementor","tag-global-widget","tag-produttivita","tag-web-design","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/166468","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=166468"}],"version-history":[{"count":2,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/166468\/revisions"}],"predecessor-version":[{"id":166517,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/166468\/revisions\/166517"}],"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=166468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/categories?post=166468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/tags?post=166468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}