{"id":128399,"date":"2025-09-08T09:00:00","date_gmt":"2025-09-08T07:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=128399"},"modified":"2025-12-23T10:37:14","modified_gmt":"2025-12-23T09:37:14","slug":"breakdance","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/breakdance\/","title":{"rendered":"Breakdance: guida completa al builder per WordPress"},"content":{"rendered":"\n<p>Se per costruire o rinnovare il tuo sito vorresti <strong>la comodit\u00e0 dei builder visivi pi\u00f9 popolari ma anche un codice ottimizzato<\/strong> per la velocit\u00e0 e la <a href=\"https:\/\/supporthost.com\/it\/seo-significato\/\" data-type=\"post\" data-id=\"21310\">SEO<\/a>, questa guida a Breakdance fa al caso tuo.<\/p>\n\n\n\n<p>Qui vedrai come Breakdance pu\u00f2 aiutarti a creare pagine, template, ed elementi e stili globali per gestire il layout e la grafica del sito <strong>in modo organizzato ed efficace<\/strong>, senza bisogno di configurare il tema WordPress.&nbsp;<\/p>\n\n\n\n<p>Esamineremo nel dettaglio le funzionalit\u00e0 della versione gratuita e vedremo cosa offrono in pi\u00f9 i piani a pagamento.&nbsp;<\/p>\n\n\n\n<p>E ovviamente non potr\u00e0 mancare un <strong>confronto tra Breakdance ed Elementor<\/strong>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#cose-breakdance\">Cos\u2019\u00e8 Breakdance?<\/a><\/li><li><a href=\"#breakdance-vs-elementor\">Breakdance vs Elementor<\/a><\/li><li><a href=\"#breakdance-piani-e-prezzi\">Breakdance: piani e prezzi<\/a><\/li><li><a href=\"#installare-breakdance\">Installare Breakdance<\/a><\/li><li><a href=\"#configurare-breakdance\">Configurare Breakdance<\/a><\/li><li><a href=\"#usare-breakdance-per-creare-un-sito\">Usare Breakdance per creare un sito<\/a><ul><li><a href=\"#design-library\">Design Library\u00a0<\/a><\/li><li><a href=\"#headers\">Headers<\/a><ul><li><a href=\"#configurare-lheader\">Configurare l\u2019header<\/a><\/li><li><a href=\"#importare-un-modello-di-header\">Importare un modello di header<\/a><\/li><\/ul><\/li><li><a href=\"#footers\">Footers<\/a><ul><li><a href=\"#configurare-il-footer\">Configurare il footer<\/a><\/li><li><a href=\"#importare-un-modello-di-footer\">Importare un modello di footer<\/a><\/li><\/ul><\/li><li><a href=\"#global-blocks\">Global blocks<\/a><ul><li><a href=\"#configurare-un-global-block\">Configurare un Global Block<\/a><\/li><li><a href=\"#aggiungere-un-global-block-dalleditor\">Aggiungere un Global Block dall\u2019editor<\/a><\/li><li><a href=\"#inserire-un-global-block-da-gutenberg\">Inserire un Global Block da Gutenberg<\/a><\/li><li><a href=\"#inserire-un-global-block-tramite-shortcode\">Inserire un Global Block tramite shortcode<\/a><\/li><\/ul><\/li><li><a href=\"#templates\">Templates<\/a><\/li><li><a href=\"#popups\">Popups<\/a><\/li><li><a href=\"#form-builder\">Form builder<\/a><\/li><li><a href=\"#leditor-di-breakdance\">L\u2019editor di Breakdance<\/a><ul><li><a href=\"#barra-orizzontale\">Barra orizzontale<\/a><\/li><li><a href=\"#pannello-elements\">Pannello Elements<\/a><\/li><li><a href=\"#pannello-structure\">Pannello Structure<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#personalizzare-modelli-ed-elementi\">Personalizzare modelli ed elementi<\/a><ul><li><a href=\"#aggiungere-elementi\">Aggiungere elementi<\/a><\/li><li><a href=\"#personalizzare-un-elemento\">Personalizzare un elemento\u00a0<\/a><\/li><li><a href=\"#personalizzazione-responsive\">Personalizzazione responsive<\/a><\/li><li><a href=\"#design-preset\">Design preset\u00a0<\/a><\/li><li><a href=\"#global-styles\">Global Styles\u00a0<\/a><\/li><\/ul><\/li><li><a href=\"#alcuni-pro-e-contro-di-breakdance-builder\">Alcuni pro e contro di Breakdance builder<\/a><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cose-breakdance\">Cos\u2019\u00e8 Breakdance?<\/h2>\n\n\n\n<p>Breakdance \u00e8 un builder per siti WordPress di Soflyy, azienda gi\u00e0 nota per aver creato <a href=\"https:\/\/supporthost.com\/it\/oxygen-builder\/\">Oxygen<\/a>, plugin builder apprezzato anche dagli sviluppatori. <\/p>\n\n\n\n<p>Rispetto a Oxygen, Breakdance \u00e8 progettato per essere pi\u00f9 intuitivo e quindi <strong>adatto a un pubblico pi\u00f9 ampio<\/strong> e, probabilmente per questo, \u00e8 disponibile con abbonamenti annuali e supporto premium anzich\u00e9 licenze \u2018a vita\u2019, ed \u00e8 pi\u00f9 costoso.&nbsp;<\/p>\n\n\n\n<p>A differenza di altri site builder come <a href=\"https:\/\/supporthost.com\/it\/divi\/\">Divi<\/a> o <a href=\"https:\/\/supporthost.com\/it\/generatepress\/\">GeneratePress<\/a>, Breakdance non \u00e8 un tema, ma un <strong>plugin in grado di sostituire il tema<\/strong> WordPress.<\/p>\n\n\n\n<p>Louis Reigold e il suo team hanno voluto <strong>proporre un\u2019alternativa<\/strong> a <a href=\"https:\/\/supporthost.com\/it\/elementor\/\">Elementor<\/a>, cercando di offrire la comodit\u00e0 e l\u2019immediatezza del builder pi\u00f9 amato dagli utenti WordPress non avanzati, ma senza gli svantaggi che gli vengono attribuiti.<\/p>\n\n\n\n<p>Ci sono riusciti?&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"breakdance-vs-elementor\">Breakdance vs Elementor<\/h2>\n\n\n\n<p>Volendo fare un confronto tra Breakdance ed Elementor, non si pu\u00f2 non parlare di due aspetti.<\/p>\n\n\n\n<p>Innanzitutto Breakdance \u00e8 stato proprio pensato come strumento facile per costruire in siti leggeri ed efficienti. Quindi per <strong>risolvere a monte il problema del codice superfluo<\/strong> generato da altri builder visivi, non inserisce elementi HTML inutili. Inoltre, a differenza di Elementor, carica solo gli script e i CSS usati nella pagina e non usa librerie Javascript pesanti.<\/p>\n\n\n\n<p>Un altro punto sottolineato dai creatori di Breakdance \u00e8 il costo inferiore, a cui si aggiunge il risparmio complessivo sui <a href=\"https:\/\/supporthost.com\/it\/plugin-wordpress\/\" data-type=\"post\" data-id=\"16110\">plugin WordPress<\/a>, perch\u00e9 le funzionalit\u00e0 integrate nella versione premium rendono inutili molti componenti aggiuntivi a pagamento necessari su siti creati con Elementor. E con meno plugin installati il sito \u00e8 anche pi\u00f9 leggero e pi\u00f9 semplifice da gestire. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"breakdance-piani-e-prezzi\">Breakdance: piani e prezzi<\/h2>\n\n\n\n<p>Breakdance offre un piano gratuito, e 3 piani a pagamento con garanzia soddisfatti o rimborsati di 60 giorni.<\/p>\n\n\n\n<p>Spesso soppesare le differenze di funzionalit\u00e0 e prezzo delle varie versioni di plugin e temi richiede un po\u2019 di impegno; qui invece no, la proposta \u00e8 davvero chiara e semplice. I creatori di Breakdance ci offrono <strong>4 opzioni<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>un piano gratuito con funzionalit\u00e0 limitate;<\/li>\n\n\n\n<li>un piano Pro con tutte le funzionalit\u00e0 premium ma per un solo sito;<\/li>\n\n\n\n<li>un piano Pro senza limite di installazioni;<\/li>\n\n\n\n<li>un piano Agency, identico al piano Pro ma con agevolazioni per le <a href=\"https:\/\/supporthost.com\/it\/web-agency\/\">web agencies<\/a>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/prezzi-breakdance-builder-1024x616.png\" alt=\"Prezzi Breakdance Builder\" class=\"wp-image-128439\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/prezzi-breakdance-builder-1024x616.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/prezzi-breakdance-builder-300x180.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/prezzi-breakdance-builder-768x462.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/prezzi-breakdance-builder-105x63.png 105w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/prezzi-breakdance-builder.png 1481w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>FREE<\/strong> \u2013 utilizzabile su un numero illimitato di siti \u2013 contiene le <strong>funzionalit\u00e0 di base<\/strong> per costruire un sito WordPress e una versione limitata di quelle che servono a creare popup e form, usare dati dinamici e integrare WooCommerce. Nella versione gratuita anche la Design Library contiene <strong>meno template<\/strong> (80), e gli autori sembrano aver intenzione di riservarla presto ai clienti pro.<\/p>\n\n\n\n<p>Nel piano Free mancano la possibilit\u00e0 di creare i propri template e la funzione <em>One-Click Websites<\/em>, che consente di importare modelli di siti completi di layout, contenuti e stili per diversi tipi di business o progetti.&nbsp;<\/p>\n\n\n\n<p>Per\u00f2 anche la versione gratuita contiene gli accorgimenti per <strong>migliorare le prestazioni e la SEO<\/strong> del sito, e una cache per il CSS.<\/p>\n\n\n\n<p><strong>PRO 1 WEBSITE<\/strong> \u2013 piano a pagamento pi\u00f9 economico a circa 100$ all\u2019anno \u2013 contiene la stessa versione di Breakdance degli altri piani premium, da cui si differenzia solo perch\u00e9 utilizzabile su un unico sito.<\/p>\n\n\n\n<p>Comprende quindi l\u2019<strong>intera Design Library<\/strong> con i 145 template, i design preset per i blocchi dell\u2019editor, tutte le funzioni dei builder per i form e per i popup, comprese integrazioni con servizi per l\u2019email marketing capaci di rendere superflui tanti plugin WordPress per la newsletter; la possibilit\u00e0 di sfruttare a pieno i template accedendo a tutte le condizioni di visualizzazione e di gestire il codice dall\u2019interfaccia di Breakdance.<\/p>\n\n\n\n<p><strong>PRO UNLIMITED WEBSITES<\/strong> costa attualmente circa 200$ all&#8217;anno, per cui \u00e8 molto pi\u00f9 conveniente per chiunque abbia pi\u00f9 di un sito.<\/p>\n\n\n\n<p><strong>AGENCY<\/strong> \u2013 circa 800$ all\u2019anno \u2013 aggiunge alle funzionalit\u00e0 premium alcuni elementi comodi per le agenzie come supporto tecnico, programmi di affiliazione e sconti sulle licenze rivendute dall\u2019agenzia.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"installare-breakdance\">Installare Breakdance<\/h2>\n\n\n\n<p>A differenza della maggior parte dei plugin gratuiti, la versione free di Breakdance <strong>va scaricata<\/strong> dal <a href=\"https:\/\/breakdance.com\/get\/\" rel=\"noopener\">sito ufficiale<\/a> e installata con la stessa procedura di quelle a pagamento.&nbsp;<\/p>\n\n\n\n<p>Qui puoi cliccare su <strong>Get started<\/strong><em> <\/em>sotto il piano che preferisci.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"414\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installare-breakdance-builder-1024x414.png\" alt=\"Installare Breakdance Builder\" class=\"wp-image-128440\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installare-breakdance-builder-1024x414.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installare-breakdance-builder-300x121.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installare-breakdance-builder-768x310.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installare-breakdance-builder-120x48.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installare-breakdance-builder.png 1361w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se si tratta di Free dovrai inserire i dati personali e creare un account; in tutti gli altri casi anche configurare un metodo di pagamento.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/creare-account-breakdance-builder-1024x496.png\" alt=\"Creare Account Breakdance Builder\" class=\"wp-image-128441\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/creare-account-breakdance-builder-1024x496.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/creare-account-breakdance-builder-300x145.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/creare-account-breakdance-builder-768x372.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/creare-account-breakdance-builder-120x58.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/creare-account-breakdance-builder.png 1274w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopo aver impostato anche nome utente e password, fai clic sul pulsante <strong>Free Download<\/strong><em> <\/em>in fondo alla pagina.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"506\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/free-download-breakdance-builder-1024x506.png\" alt=\"Free Download Breakdance Builder\" class=\"wp-image-128442\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/free-download-breakdance-builder-1024x506.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/free-download-breakdance-builder-300x148.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/free-download-breakdance-builder-768x380.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/free-download-breakdance-builder-120x59.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/free-download-breakdance-builder.png 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se stai acquistando un piano a pagamento, andrai prima al checkout; mentre se hai scelto la versione gratuita, ti troverai subito nella pagina da cui scaricare il plugin con clic sul pulsante giallo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"686\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/istruzioni-breakdance-builder-1024x686.png\" alt=\"Istruzioni Breakdance Builder\" class=\"wp-image-128443\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/istruzioni-breakdance-builder-1024x686.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/istruzioni-breakdance-builder-300x201.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/istruzioni-breakdance-builder-768x514.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/istruzioni-breakdance-builder-94x63.png 94w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/istruzioni-breakdance-builder.png 1362w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Qui trovi anche delle <strong>istruzioni per iniziare a usare il plugin<\/strong> per costruire i tuoi siti.&nbsp;<\/p>\n\n\n\n<p>Nel frattempo, all\u2019indirizzo che hai inserito durante la creazione del profilo, dovresti aver ricevuto anche la <strong>mail con il codice della licenza<\/strong>, gratuita o meno; in ogni caso puoi recuperarlo in qualsiasi momento dalla tua pagina utente sul sito di Breakdance.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"765\" height=\"862\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/licenza-breakdance-builder.png\" alt=\"Licenza Breakdance Builder\" class=\"wp-image-128444\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/licenza-breakdance-builder.png 765w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/licenza-breakdance-builder-266x300.png 266w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/licenza-breakdance-builder-56x63.png 56w\" sizes=\"auto, (max-width: 765px) 100vw, 765px\" \/><\/figure>\n\n\n\n<p>\u00c8 arrivato il momento di aprire WordPress e installare Breakdance. Nel pannello di amministrazione del tuo sito, vai su <em>Plugin &gt; Aggiungi plugin<\/em> e fai clic sul pulsante <strong>Carica plugin<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"771\" height=\"474\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/carica-plugin-breakdance-builder.png\" alt=\"Carica Plugin Breakdance Builder\" class=\"wp-image-128445\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/carica-plugin-breakdance-builder.png 771w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/carica-plugin-breakdance-builder-300x184.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/carica-plugin-breakdance-builder-768x472.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/carica-plugin-breakdance-builder-102x63.png 102w\" sizes=\"auto, (max-width: 771px) 100vw, 771px\" \/><\/figure>\n\n\n\n<p>Ora vai su <strong>Scegli file<\/strong> e carica sul sito lo ZIP scaricato poco fa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"297\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/scegli-file-plugin-breakdance-plugin-1024x297.png\" alt=\"Scegli File Plugin Breakdance Plugin\" class=\"wp-image-128446\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/scegli-file-plugin-breakdance-plugin-1024x297.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/scegli-file-plugin-breakdance-plugin-300x87.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/scegli-file-plugin-breakdance-plugin-768x223.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/scegli-file-plugin-breakdance-plugin-120x35.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/scegli-file-plugin-breakdance-plugin.png 1203w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Fai clic su <strong>Installa ora<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"293\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installa-ora-breakdance-builder-1024x293.png\" alt=\"Installa Ora Breakdance Builder\" class=\"wp-image-128447\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installa-ora-breakdance-builder-1024x293.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installa-ora-breakdance-builder-300x86.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installa-ora-breakdance-builder-768x220.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installa-ora-breakdance-builder-120x34.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installa-ora-breakdance-builder.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Scegliendo <strong>Attiva plugin<\/strong> puoi portare a termine l\u2019installazione di Breakdance.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"782\" height=\"361\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/attiva-plugin-breakdance-builder.png\" alt=\"Attiva Plugin Breakdance Builder\" class=\"wp-image-128448\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/attiva-plugin-breakdance-builder.png 782w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/attiva-plugin-breakdance-builder-300x138.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/attiva-plugin-breakdance-builder-768x355.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/attiva-plugin-breakdance-builder-120x55.png 120w\" sizes=\"auto, (max-width: 782px) 100vw, 782px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"configurare-breakdance\">Configurare Breakdance<\/h2>\n\n\n\n<p>Non appena finisci di installare il plugin, si apre la schermata <strong>Breakdance Setup Wizard<\/strong>, da dove ti puoi occupare della configurazione.<\/p>\n\n\n\n<p>Per prima cosa \u00e8 consigliato <strong>disattivare il tema del sito<\/strong>, e sostituirlo in pratica con il builder. <strong>Se decidi di tenere il tema<\/strong>, le sue impostazioni potrebbero influenzare il modo in cui vengono visualizzati gli elementi che inserisci con il plugin, interferendo con lo stile che scegli.<\/p>\n\n\n\n<p>Qui c\u2019\u00e8 il campo in cui<strong> <\/strong>inserire il <strong>codice della licenza<\/strong> per i piani Pro.<\/p>\n\n\n\n<p>Puoi scegliere se installare o meno l\u2019integrazione per <strong>AnalyticsWP<\/strong>, un plugin che monitora il comportamento degli utenti che compilano i form; e se permettere la <strong>raccolta di dati <\/strong>anonimi sull\u2019uso di Breakdance per il miglioramento del software.<\/p>\n\n\n\n<p>Finito il setup, ti trovi nella <strong>Home di Breakdance<\/strong>, che contiene pulsanti per accedere alla libreria dei modelli, link ai tutorial, al gruppo Facebook e al canale YouTube, da cui arriva il video tutorial per principianti che vedi pi\u00f9 gi\u00f9.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"659\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/bacheca-breakdance-builder-1024x659.png\" alt=\"Bacheca Breakdance Builder\" class=\"wp-image-128449\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/bacheca-breakdance-builder-1024x659.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/bacheca-breakdance-builder-300x193.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/bacheca-breakdance-builder-768x495.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/bacheca-breakdance-builder-98x63.png 98w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/bacheca-breakdance-builder.png 1368w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"usare-breakdance-per-creare-un-sito\">Usare Breakdance per creare un sito<\/h2>\n\n\n\n<p>Su Breakdance hai 2 possibilit\u00e0 per creare le pagine del tuo sito:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>inserire elementi col drag and drop;&nbsp;<\/li>\n\n\n\n<li>oppure importare dei modelli preimpostati e personalizzarli.<\/li>\n<\/ul>\n\n\n\n<p>In entrambi i casi, i primi passi sono gli stessi.<\/p>\n\n\n\n<p>Prima di tutto <strong>crea una pagina<\/strong> come faresti normalmente in WordPress scegliendo nella barra laterale dell\u2019admin <em>Pagine &gt; Aggiungi pagina<\/em>.&nbsp;<\/p>\n\n\n\n<p>Nella schermata successiva aggiungi un titolo (ad esempio Homepage) e poi pubblica la pagina o salva la bozza.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"432\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/salva-bozza-pubblica-pagina-1024x432.png\" alt=\"Salva Bozza Pubblica Pagina\" class=\"wp-image-128450\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/salva-bozza-pubblica-pagina-1024x432.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/salva-bozza-pubblica-pagina-300x126.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/salva-bozza-pubblica-pagina-768x324.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/salva-bozza-pubblica-pagina-120x51.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/salva-bozza-pubblica-pagina.png 1374w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>&nbsp;Poi clicca sul pulsante <strong>Edit in Breakdance<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"590\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance-1024x590.png\" alt=\"Edit In Breakdance\" class=\"wp-image-128451\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance-1024x590.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance-300x173.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance-768x442.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance-109x63.png 109w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance.png 1089w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>La prima volta che apri il plugin, un popup ti chieder\u00e0 se vuoi aprire la <strong>Design Library<\/strong> \u2013 archivio dei template \u2013 oppure proseguire con la creazione della pagina da zero.&nbsp;<\/p>\n\n\n\n<p><strong>Partire da un modello gi\u00e0 pronto<\/strong> \u00e8 la strada suggerita dagli autori di Breakdance per iniziare a usare il plugin, soprattutto a chi non ha tanta esperienza di web design perch\u00e9 consente di farsi un\u2019idea di come sono costruite le sezioni e impostati i vari elementi che compongono le pagine. Se decidi di seguirla, clicca sul pulsante per aprire la libreria e vai al paragrafo successivo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"585\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/open-design-library-breakdance.png\" alt=\"Open Design Library Breakdance\" class=\"wp-image-128452\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/open-design-library-breakdance.png 980w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/open-design-library-breakdance-300x179.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/open-design-library-breakdance-768x458.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/open-design-library-breakdance-106x63.png 106w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"design-library\">Design Library&nbsp;<\/h3>\n\n\n\n<p>Ti trovi cos\u00ec nella Design Library, a cui d\u2019ora in poi potrai accedere anche dall\u2019apposito pulsante nell\u2019editor. Qui hai la possibilit\u00e0 di scegliere tra decine di <strong>template raggruppati per settore<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Se clicchi accanto a DESIGN SET apri un men\u00f9 a discesa in cui ciascuna voce rappresenta un gruppo di modelli \u2013 per esempio fitness, security, car wash, dental ecc.&nbsp;<\/p>\n\n\n\n<p>Selezionando la prima voce del men\u00f9 (<strong>This Website<\/strong>) puoi accedere invece ai tuoi template gi\u00e0 salvati, se ne hai.<\/p>\n\n\n\n<p>I modelli sono di <strong>3 tipi<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>UI kit \u2013 kit per l\u2019interfaccia utente \u2013 insieme di componenti grafici base preimpostati;<\/li>\n\n\n\n<li>Sections \u2013 porzioni di pagina web complete di layout;&nbsp;<\/li>\n\n\n\n<li>Complete site (siti completi).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"718\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/design-set-breakdance-1024x718.png\" alt=\"Design Set Breakdance\" class=\"wp-image-128455\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/design-set-breakdance-1024x718.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/design-set-breakdance-300x210.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/design-set-breakdance-768x538.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/design-set-breakdance-90x63.png 90w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/design-set-breakdance.png 1140w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Questo ad esempio \u00e8 quello che trovi dentro l\u2019<strong>UI kit Samba<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"800\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/ui-kit-breakdance-builder-1-1024x800.png\" alt=\"Ui Kit Breakdance Builder\" class=\"wp-image-128454\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/ui-kit-breakdance-builder-1-1024x800.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/ui-kit-breakdance-builder-1-300x234.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/ui-kit-breakdance-builder-1-768x600.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/ui-kit-breakdance-builder-1-81x63.png 81w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/ui-kit-breakdance-builder-1.png 1141w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Come vedi i componenti, o Sections, sono raggruppati in base alla funzione, ad esempio portfolio, form, shop, intestazioni, recensioni, icone per il pagamento, ecc.&nbsp;<\/p>\n\n\n\n<p>Per visualizzarli fai clic su <strong>View Sections<\/strong>.<\/p>\n\n\n\n<p>Questi ad esempio sono alcuni dei modelli che trovi all\u2019interno di <strong>Portfolio<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"943\" height=\"662\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/portfolio-items-breakdance-builder.png\" alt=\"Portfolio Items Breakdance Builder\" class=\"wp-image-128456\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/portfolio-items-breakdance-builder.png 943w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/portfolio-items-breakdance-builder-300x211.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/portfolio-items-breakdance-builder-768x539.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/portfolio-items-breakdance-builder-90x63.png 90w\" sizes=\"auto, (max-width: 943px) 100vw, 943px\" \/><\/figure>\n\n\n\n<p>I modelli sono in effetti molto belli e comodi, in pi\u00f9 si possono assemblare nei modi pi\u00f9 vari.<\/p>\n\n\n\n<p>Per importare il primo componente del tuo design ti basta entrare in una sezione, scegliere un elemento e importarlo. Prima per\u00f2, devi <strong>importare le impostazioni globali <\/strong>facendo clic sul pulsante <em>Import Global Settings<\/em>, altrimenti potrebbe non essere visibile.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"570\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/import-global-settings-breakdance-1024x570.png\" alt=\"Import Global Settings Breakdance\" class=\"wp-image-128457\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/import-global-settings-breakdance-1024x570.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/import-global-settings-breakdance-300x167.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/import-global-settings-breakdance-768x428.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/import-global-settings-breakdance-113x63.png 113w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/import-global-settings-breakdance.png 1140w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Conferma che sei consapevole che le <strong>impostazioni precedenti del tuo sito <\/strong>gestite dal tema <strong>saranno sovrascritte<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"286\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/confirm-import-global-settings-breakdance.png\" alt=\"Confirm Import Global Settings Breakdance\" class=\"wp-image-128458\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/confirm-import-global-settings-breakdance.png 941w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/confirm-import-global-settings-breakdance-300x91.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/confirm-import-global-settings-breakdance-768x233.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/confirm-import-global-settings-breakdance-120x36.png 120w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<p>Ora puoi procedere con la scelta degli elementi e costruire il tuo sito. Ti mostro un esempio in cui ho aperto la sezione <strong>Heros and Titles<\/strong> del Samba UI kit.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"745\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/heros-ui-kit-breakdance-1024x745.png\" alt=\"Heros Ui Kit Breakdance\" class=\"wp-image-128459\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/heros-ui-kit-breakdance-1024x745.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/heros-ui-kit-breakdance-300x218.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/heros-ui-kit-breakdance-768x558.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/heros-ui-kit-breakdance-87x63.png 87w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/heros-ui-kit-breakdance.png 1140w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Poi ho cliccato su <strong>add to page<\/strong> per inserire l\u2019elemento nel mio sito.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"799\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-to-page-heros-ui-kit-breakdance-1024x799.png\" alt=\"Add To Page Heros Ui Kit Breakdance\" class=\"wp-image-128460\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-to-page-heros-ui-kit-breakdance-1024x799.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-to-page-heros-ui-kit-breakdance-300x234.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-to-page-heros-ui-kit-breakdance-768x599.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-to-page-heros-ui-kit-breakdance-81x63.png 81w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-to-page-heros-ui-kit-breakdance.png 1139w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ed ecco l\u2019hero <strong>nell\u2019editor di Breakdance<\/strong>.<\/p>\n\n\n\n<p>Con lo stesso metodo puoi importare tutti i componenti che ti servono e poi personalizzarli con l\u2019editor di Breakdance.&nbsp;<\/p>\n\n\n\n<p>La Design Library \u00e8 accessibile anche dal <strong>men\u00f9 di Breakdance<\/strong> nella barra sinistra dell\u2019admin; qui per\u00f2 sono visibili solo i modelli di siti e non singole sezioni o UI kit.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"417\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/design-library-breakdance-builder-1024x417.png\" alt=\"Design Library Breakdance Builder\" class=\"wp-image-128461\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/design-library-breakdance-builder-1024x417.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/design-library-breakdance-builder-300x122.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/design-library-breakdance-builder-768x313.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/design-library-breakdance-builder-120x49.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/design-library-breakdance-builder.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"headers\">Headers<\/h3>\n\n\n\n<p>Da questa schermata puoi configurare tutte le intestazioni del tuo sito WordPress.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"configurare-lheader\">Configurare l\u2019header<\/h4>\n\n\n\n<p>Vai su <em>Breakdance &gt; Headers<\/em> e clicca su <strong>Aggiungi header<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"475\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-header-headers-breakdance-1024x475.png\" alt=\"Add Header Headers Breakdance\" class=\"wp-image-128462\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-header-headers-breakdance-1024x475.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-header-headers-breakdance-300x139.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-header-headers-breakdance-768x356.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-header-headers-breakdance-120x56.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-header-headers-breakdance.png 1379w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nella finestra che si apre, dagli un nome, ad esempio Header Principale; poi scegli <strong>dove mostrarlo<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>ovunque;<\/li>\n\n\n\n<li>sulle pagine \u2018single\u2019, in pratica tutte tranne gli archivi;<\/li>\n\n\n\n<li>negli articoli;<\/li>\n\n\n\n<li>nelle pagine;<\/li>\n\n\n\n<li>nei media;<\/li>\n\n\n\n<li>all\u2019interno delle pagine archivio;<\/li>\n\n\n\n<li>sulla pagina 404;<\/li>\n\n\n\n<li>sulla pagina dei risultati della <a href=\"https:\/\/supporthost.com\/it\/ricerca-wordpress\/\">ricerca WordPress<\/a>.<\/li>\n<\/ul>\n\n\n\n<p>Gli utenti premium possono anche impostare delle <strong>condizioni per la visualizzazione<\/strong> delle intestazioni: in base allo status e al ruolo degli utenti, al loro browser e sistema operativo, alla data, al numero di sessioni ecc.; anche usando gli operatori logici AND e OR.<\/p>\n\n\n\n<p>Nel <strong>campo Priority<\/strong> puoi decidere il livello di priorit\u00e0 che avr\u00e0 la testata in caso di pi\u00f9 testate che soddisfano le condizioni.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"749\" height=\"517\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/header-principale-breakdance.png\" alt=\"Header Principale Breakdance\" class=\"wp-image-128463\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/header-principale-breakdance.png 749w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/header-principale-breakdance-300x207.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/header-principale-breakdance-91x63.png 91w\" sizes=\"auto, (max-width: 749px) 100vw, 749px\" \/><\/figure>\n\n\n\n<p>Dopo aver salvato le modifiche, vedrai il tuo header attivo all\u2019interno dell\u2019elenco di template per intestazioni appena comparso.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"importare-un-modello-di-header\">Importare un modello di header<\/h4>\n\n\n\n<p>Anche in questo caso puoi importare un modello gi\u00e0 pronto oppure costruire tutto da zero. In entrambi i casi devi entrare nell\u2019editor cliccando su <strong>Edit with Breakdance<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"425\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance-header-breakdance-1024x425.png\" alt=\"Edit In Breakdance Header Breakdance\" class=\"wp-image-128464\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance-header-breakdance-1024x425.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance-header-breakdance-300x125.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance-header-breakdance-768x319.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance-header-breakdance-120x50.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance-header-breakdance.png 1382w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ora che sei sull\u2019editor del plugin, vai su <strong>Add<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"418\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-header-breakdance-1024x418.png\" alt=\"Editor Header Breakdance\" class=\"wp-image-128465\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-header-breakdance-1024x418.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-header-breakdance-300x123.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-header-breakdance-768x314.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-header-breakdance-120x49.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-header-breakdance.png 1381w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Entra nella <strong>Library <\/strong>cliccando sul pulsante.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"391\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/library-header-breakdance-1024x391.png\" alt=\"Library Header Breakdance\" class=\"wp-image-128466\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/library-header-breakdance-1024x391.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/library-header-breakdance-300x114.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/library-header-breakdance-768x293.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/library-header-breakdance-120x46.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/library-header-breakdance.png 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nel men\u00f9 DESIGN SET in alto a sinistra, trovi diverse voci; puoi trovare modelli di header negli UI kit Samba e Barebones, oppure in This Website se ne hai gi\u00e0 configurato per il tuo sito.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"363\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/menu-design-set-breakdance-1024x363.png\" alt=\"Menu Design Set Breakdance\" class=\"wp-image-128467\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/menu-design-set-breakdance-1024x363.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/menu-design-set-breakdance-300x106.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/menu-design-set-breakdance-768x272.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/menu-design-set-breakdance-120x43.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/menu-design-set-breakdance.png 1131w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Questa schermata contiene anche una <strong>barra di ricerca<\/strong> per trovarli pi\u00f9 facilmente. Se il tipo di componente che stai cercando \u00e8 presente nel set che hai aperto, ti comparir\u00e0 una voce cliccabile proprio sotto la barra (nell\u2019esempio, Headers).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"333\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/ricerca-design-set-breakdance-1024x333.png\" alt=\"Ricerca Design Set Breakdance\" class=\"wp-image-128468\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/ricerca-design-set-breakdance-1024x333.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/ricerca-design-set-breakdance-300x98.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/ricerca-design-set-breakdance-768x250.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/ricerca-design-set-breakdance-120x39.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/ricerca-design-set-breakdance.png 1140w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Entra in <strong>Headers <\/strong>per sfogliare i modelli a disposizione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"797\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/library-headers-breakdance-1024x797.png\" alt=\"Library Headers Breakdance\" class=\"wp-image-128469\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/library-headers-breakdance-1024x797.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/library-headers-breakdance-300x233.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/library-headers-breakdance-768x598.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/library-headers-breakdance-81x63.png 81w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/library-headers-breakdance.png 1140w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ricordati di selezionare prima <strong>Import Global Settings<\/strong> oppure il modello potrebbe non essere visualizzato.<\/p>\n\n\n\n<p>Dopodich\u00e9 vai sul modello di header che preferisci e clicca sul pulsante <strong>add to site<\/strong>, come abbiamo fatto per l\u2019hero nell\u2019esempio precedente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"798\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/header-ui-kit-breakdance-1024x798.png\" alt=\"Header Ui Kit Breakdance\" class=\"wp-image-128470\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/header-ui-kit-breakdance-1024x798.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/header-ui-kit-breakdance-300x234.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/header-ui-kit-breakdance-768x599.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/header-ui-kit-breakdance-81x63.png 81w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/header-ui-kit-breakdance.png 1139w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>La testata scelta comparir\u00e0 nell\u2019editor di Breakdance.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"513\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-footer-breakdance-1024x513.png\" alt=\"Add Footer Breakdance\" class=\"wp-image-128471\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-footer-breakdance-1024x513.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-footer-breakdance-300x150.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-footer-breakdance-768x385.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-footer-breakdance-120x60.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-footer-breakdance.png 1374w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Anche l\u2019header pu\u00f2 essere personalizzato dall\u2019editor del plugin e in qualsiasi momento puoi tornare in <em>Headers &gt; Edit in Breakdance<\/em> e aprirlo per le modifiche.&nbsp;<\/p>\n\n\n\n<p>Le impostazioni dell\u2019intestazione che abbiamo gi\u00e0 incontrato restano sempre accessibili nella sezione Headers con un clic su <strong>Settings <\/strong>\u2013 sotto il nome dell\u2019header.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"309\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-header-breakdance-1024x309.png\" alt=\"Settings Header Breakdance\" class=\"wp-image-128472\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-header-breakdance-1024x309.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-header-breakdance-300x91.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-header-breakdance-768x232.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-header-breakdance-120x36.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-header-breakdance.png 1218w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"footers\">Footers<\/h3>\n\n\n\n<p>Da questa schermata puoi impostare uno o pi\u00f9 footer per il tuo sito WordPress, con un procedimento quasi identico a quello che abbiamo visto per l\u2019header.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"configurare-il-footer\">Configurare il footer<\/h4>\n\n\n\n<p>Vai su <em>Breakdance &gt; Footers<\/em> e su <strong>Add Footer<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"513\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-footer-breakdance-1-1024x513.png\" alt=\"Add Footer Breakdance\" class=\"wp-image-128473\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-footer-breakdance-1-1024x513.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-footer-breakdance-1-300x150.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-footer-breakdance-1-768x385.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-footer-breakdance-1-120x60.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-footer-breakdance-1.png 1374w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nella schermata con le <strong>impostazioni<\/strong>, aggiungi il nome e scegli dove applicarlo; se hai un account premium puoi anche definire delle condizioni per l\u2019applicazione ai diversi tipi di pagina del tuo sito.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"514\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-footer-breakdance.png\" alt=\"Impostazioni Footer Breakdance\" class=\"wp-image-128474\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-footer-breakdance.png 750w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-footer-breakdance-300x206.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-footer-breakdance-92x63.png 92w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>Il footer che hai creato \u00e8 ora visibile nell\u2019elenco appena comparso. Dopo aver cliccato su <em>Edit in Breakdance<\/em> <strong>puoi personalizzarlo<\/strong> come sempre nel builder del plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-footer-breakdance-1024x454.png\" alt=\"Elenco Footer Breakdance\" class=\"wp-image-128475\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-footer-breakdance-1024x454.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-footer-breakdance-300x133.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-footer-breakdance-768x340.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-footer-breakdance-120x53.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-footer-breakdance.png 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Le impostazioni del footer che hai appena scelto, invece, restano sempre accessibili cliccando su <strong>Settings <\/strong>in questo stesso men\u00f9.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"281\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-impostazioni-footer-breakdance-1024x281.png\" alt=\"Settings Impostazioni Footer Breakdance\" class=\"wp-image-128476\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-impostazioni-footer-breakdance-1024x281.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-impostazioni-footer-breakdance-300x82.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-impostazioni-footer-breakdance-768x211.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-impostazioni-footer-breakdance-120x33.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-impostazioni-footer-breakdance.png 1203w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"importare-un-modello-di-footer\">Importare un modello di footer<\/h4>\n\n\n\n<p>Eccoci di nuovo nell\u2019<strong>editor del plugin<\/strong>. Ora non ti resta che scegliere <em>Add &gt; Library<\/em> per andare a cercare il modello di footer che fa al caso tuo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"462\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-library-footer-breakdance-1024x462.png\" alt=\"Add Library Footer Breakdance\" class=\"wp-image-128477\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-library-footer-breakdance-1024x462.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-library-footer-breakdance-300x135.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-library-footer-breakdance-768x346.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-library-footer-breakdance-120x54.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-library-footer-breakdance.png 1380w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Usa la barra di ricerca oppure sfoglia il design set e <strong>accedi ai template<\/strong> di footer disponibili.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"469\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/template-footer-samba-ui-breakdance-1024x469.png\" alt=\"Template Footer Samba Ui Breakdance\" class=\"wp-image-128478\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/template-footer-samba-ui-breakdance-1024x469.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/template-footer-samba-ui-breakdance-300x138.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/template-footer-samba-ui-breakdance-768x352.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/template-footer-samba-ui-breakdance-120x55.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/template-footer-samba-ui-breakdance.png 1141w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Prima di fare qualunque altra cosa ricordati di cliccare sul pulsante <strong>Import Global Settings<\/strong> in alto a destra.<\/p>\n\n\n\n<p>Come per tutti i componenti predefiniti, fai clic sul pulsante <strong>add to page<\/strong> quando compare e avrai il footer nel tuo sito.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"553\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-to-page-footer-ui-kit-breakdance-1024x553.png\" alt=\"Add To Page Footer Ui Kit Breakdance\" class=\"wp-image-128479\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-to-page-footer-ui-kit-breakdance-1024x553.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-to-page-footer-ui-kit-breakdance-300x162.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-to-page-footer-ui-kit-breakdance-768x415.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-to-page-footer-ui-kit-breakdance-117x63.png 117w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-to-page-footer-ui-kit-breakdance.png 1142w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ora puoi personalizzarlo con <a href=\"#leditor-di-breakdance\">l\u2019editor di Breakdance<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"global-blocks\">Global blocks<\/h3>\n\n\n\n<p>I Global Blocks sono componenti che configuri una volta e riusi tutte le volte che vuoi e ovunque sul tuo sito WordPress \u2013 ideali per razionalizzare l\u2019inserimento e la modifica di elementi ripetuti come call-to-action, moduli di iscrizione, testimonianze, card di eventi, ecc. E offrono anche un ulteriore vantaggio: quando modifichi un blocco globale, tutte le istanze di quel blocco si aggiornano automaticamente su tutto il sito.&nbsp;<\/p>\n\n\n\n<p>I Global Blocks sono simili ai <strong>Widget di WordPress<\/strong>, ma pi\u00f9 flessibili e potenti, perch\u00e9 sono del tutto personalizzabili dal punto di vista grafico, possono incorporare elementi dinamici e layout anche complessi e supportano condizioni di visibilit\u00e0; mentre i widget sono utili per usi basici e statici.<\/p>\n\n\n\n<p>A differenza di template e header, che puoi posizionare anche dalle impostazioni di Breakdance, i blocchi globali vanno <strong>inseriti localmente nelle pagine<\/strong>.<\/p>\n\n\n\n<p>Puoi farlo attraverso:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>l\u2019elemento Global Block che trovi nel builder;<\/li>\n\n\n\n<li>il blocco dedicato in Gutenberg;<\/li>\n\n\n\n<li>lo shortcode apposito.<\/li>\n<\/ul>\n\n\n\n<p>Ma prima vediamo come crearli.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"configurare-un-global-block\">Configurare un Global Block<\/h4>\n\n\n\n<p>Prima di tutto il blocco globale va configurato, in modo molto simile a quanto abbiamo visto per header e footer.<\/p>\n\n\n\n<p>Per occupartene vai su <em>Breakdance &gt; Global Blocks<\/em> e sul pulsante <strong>Add Global Blocks<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"472\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/global-blocks-breakdance-plugin-1024x472.png\" alt=\"Global Blocks Breakdance Plugin\" class=\"wp-image-128480\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/global-blocks-breakdance-plugin-1024x472.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/global-blocks-breakdance-plugin-300x138.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/global-blocks-breakdance-plugin-768x354.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/global-blocks-breakdance-plugin-120x55.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/global-blocks-breakdance-plugin.png 1379w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nella finestra che si apre scegli un nome per il blocco e crealo cliccando sul pulsante <strong>Add Global Block<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"792\" height=\"443\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/aggiungi-global-block-breakdance-plugin.png\" alt=\"Aggiungi Global Block Breakdance Plugin\" class=\"wp-image-128481\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/aggiungi-global-block-breakdance-plugin.png 792w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/aggiungi-global-block-breakdance-plugin-300x168.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/aggiungi-global-block-breakdance-plugin-768x430.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/aggiungi-global-block-breakdance-plugin-113x63.png 113w\" sizes=\"auto, (max-width: 792px) 100vw, 792px\" \/><\/figure>\n\n\n\n<p>Eccolo nell\u2019<strong>elenco dei blocchi globali<\/strong> che \u00e8 comparso nelle impostazioni del plugin.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-blocco-globale-breakdance-plugin-1024x452.png\" alt=\"Elenco Blocco Globale Breakdance Plugin\" class=\"wp-image-128482\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-blocco-globale-breakdance-plugin-1024x452.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-blocco-globale-breakdance-plugin-300x132.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-blocco-globale-breakdance-plugin-768x339.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-blocco-globale-breakdance-plugin-120x53.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-blocco-globale-breakdance-plugin.png 1375w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Come vedi c\u2019\u00e8 anche lo <strong>shortcode <\/strong>che puoi incollare nell\u2019editor di WordPress e in quello di Breakdance quando vuoi inserire il tuo nuovo blocco globale.<\/p>\n\n\n\n<p>Il link <strong>Settings <\/strong>invece porta alle impostazioni, ma l\u2019unico aspetto configurabile da qui \u00e8 il nome del blocco.<\/p>\n\n\n\n<p>Andiamo quindi a costruire il componente globale nell\u2019editor del plugin cliccando, ancora una volta, su <strong>Edit in Breakdance<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"360\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-blocco-globale-breakdance-plugin-1024x360.png\" alt=\"Edit Blocco Globale Breakdance Plugin\" class=\"wp-image-128483\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-blocco-globale-breakdance-plugin-1024x360.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-blocco-globale-breakdance-plugin-300x105.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-blocco-globale-breakdance-plugin-768x270.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-blocco-globale-breakdance-plugin-120x42.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-blocco-globale-breakdance-plugin.png 1220w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Anche qui possiamo recuperare gli elementi che ci servono dalla barra laterale del builder, oppure aprire la <a href=\"#design-library\" data-type=\"internal\" data-id=\"#design-library\">Design Library<\/a> e cercare dei componenti preimpostati.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"aggiungere-un-global-block-dalleditor\">Aggiungere un Global Block dall\u2019editor<\/h4>\n\n\n\n<p>Per aggiungere un blocco globale a un contenuto dall\u2019editor di Breakdance, devi aprire la pagina che ti interessa con l\u2019editor usando il solito pulsante giallo, e poi cliccare su <strong>Add &gt; Elements<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/aggiungere-global-block-editor-breakdance-1024x523.png\" alt=\"Aggiungere Global Block Editor Breakdance\" class=\"wp-image-128485\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/aggiungere-global-block-editor-breakdance-1024x523.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/aggiungere-global-block-editor-breakdance-300x153.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/aggiungere-global-block-editor-breakdance-768x392.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/aggiungere-global-block-editor-breakdance-120x61.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/aggiungere-global-block-editor-breakdance.png 1325w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ora bisogna <strong>trovare l\u2019elemento Global Block<\/strong> tra gli elementi di Breakdance, magari sfruttando la barra di ricerca.&nbsp;<\/p>\n\n\n\n<p>Quando clicchi sopra il blocco, si apre un <strong>men\u00f9 a tendina<\/strong> che contiene tutti i blocchi globali impostati fino a quel momento (nel mio caso solo uno).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/scegliere-global-block-editor-breakdance-1024x509.png\" alt=\"Scegliere Global Block Editor Breakdance\" class=\"wp-image-128486\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/scegliere-global-block-editor-breakdance-1024x509.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/scegliere-global-block-editor-breakdance-300x149.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/scegliere-global-block-editor-breakdance-768x382.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/scegliere-global-block-editor-breakdance-120x60.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/scegliere-global-block-editor-breakdance.png 1327w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Con un ulteriore clic puoi <strong>scegliere il blocco<\/strong> e lo vedrai comparire nell\u2019anteprima della pagina sulla destra.&nbsp;<\/p>\n\n\n\n<p>Quello che vedi nell\u2019immagine \u00e8 un esempio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"708\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/anteprima-global-block-editor-breakdance-1024x708.png\" alt=\"Anteprima Global Block Editor Breakdance\" class=\"wp-image-128487\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/anteprima-global-block-editor-breakdance-1024x708.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/anteprima-global-block-editor-breakdance-300x207.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/anteprima-global-block-editor-breakdance-768x531.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/anteprima-global-block-editor-breakdance-91x63.png 91w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/anteprima-global-block-editor-breakdance.png 1337w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"inserire-un-global-block-da-gutenberg\">Inserire un Global Block da Gutenberg<\/h4>\n\n\n\n<p>Per inserire un Global Block in Gutenberg, l\u2019editor a blocchi di WordPress, ti basta cliccare sul<strong> pulsante \u2018+\u2019<\/strong>, cercare l\u2019elemento aiutandoti con la barra e selezionarlo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"586\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/breakdance-global-block-gutenberg-1024x586.png\" alt=\"Breakdance Global Block Gutenberg\" class=\"wp-image-128488\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/breakdance-global-block-gutenberg-1024x586.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/breakdance-global-block-gutenberg-300x172.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/breakdance-global-block-gutenberg-768x439.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/breakdance-global-block-gutenberg-110x63.png 110w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/breakdance-global-block-gutenberg.png 1371w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ora puoi sfruttare il men\u00f9 a discesa per <strong>scegliere il blocco<\/strong> che desideri inserire, proprio come abbiamo visto nell\u2019editor del plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"720\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/menu-breakdance-global-block-gutenberg-1024x720.png\" alt=\"Menu Breakdance Global Block Gutenberg\" class=\"wp-image-128489\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/menu-breakdance-global-block-gutenberg-1024x720.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/menu-breakdance-global-block-gutenberg-300x211.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/menu-breakdance-global-block-gutenberg-768x540.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/menu-breakdance-global-block-gutenberg-90x63.png 90w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/menu-breakdance-global-block-gutenberg.png 1085w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Il risultato \u00e8 lo stesso.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"753\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/inserito-breakdance-global-block-gutenberg-1024x753.png\" alt=\"Inserito Breakdance Global Block Gutenberg\" class=\"wp-image-128490\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/inserito-breakdance-global-block-gutenberg-1024x753.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/inserito-breakdance-global-block-gutenberg-300x221.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/inserito-breakdance-global-block-gutenberg-768x565.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/inserito-breakdance-global-block-gutenberg-86x63.png 86w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/inserito-breakdance-global-block-gutenberg.png 1081w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"inserire-un-global-block-tramite-shortcode\">Inserire un Global Block tramite shortcode<\/h4>\n\n\n\n<p>Prima di tutto ti servir\u00e0 lo shortcode, che puoi recuperare nella sezione <em>Breakdance &gt; Global Blocks<\/em> e copiare.&nbsp;<\/p>\n\n\n\n<p>Dopodich\u00e9 puoi incollarlo sia in Gutenberg che nell\u2019editor di Breakdance.<\/p>\n\n\n\n<p><strong>In Gutenberg<\/strong>, come tutti gli altri shortcode, potrai inserirlo come se fosse un normale testo.<\/p>\n\n\n\n<p><strong>Nel builder del plugin<\/strong> invece, questo codice viene gestito attraverso gli elementi, quindi nel pannello Elements devi cercare Shortcode e poi cliccarci sopra.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"450\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/shortcode-global-block-editor-breakdance-1024x450.png\" alt=\"Shortcode Global Block Editor Breakdance\" class=\"wp-image-128491\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/shortcode-global-block-editor-breakdance-1024x450.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/shortcode-global-block-editor-breakdance-300x132.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/shortcode-global-block-editor-breakdance-768x338.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/shortcode-global-block-editor-breakdance-120x53.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/shortcode-global-block-editor-breakdance.png 1357w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nel campo che appare incolla il codice. Se \u00e8 tutto a posto, lo vedrai in tempo reale nell\u2019anteprima.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/shortcode-global-block-builder-breakdance-1024x491.png\" alt=\"Shortcode Global Block Builder Breakdance\" class=\"wp-image-128492\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/shortcode-global-block-builder-breakdance-1024x491.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/shortcode-global-block-builder-breakdance-300x144.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/shortcode-global-block-builder-breakdance-768x368.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/shortcode-global-block-builder-breakdance-120x58.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/shortcode-global-block-builder-breakdance.png 1353w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"templates\">Templates<\/h3>\n\n\n\n<p>I template di Breakdance sono <strong>modelli di contenuti<\/strong> che in un certo senso sostituiscono il <a href=\"https:\/\/supporthost.com\/it\/temi-wordpress\/\" data-type=\"post\" data-id=\"14979\">tema WordPress<\/a>,<strong> <\/strong>disponibili per<strong> <\/strong>pagine, articoli, archivi, prodotti WooCommerce, pagine di errore 404, risultati di ricerca e qualsiasi tipo di post personalizzato. I template ti permettono di trarre il massimo vantaggio dal lavoro fatto per costruire il layout e lo stile di una pagina perch\u00e9 puoi riusarli all\u2019infinito; e in pi\u00f9 consentono di modificare in un colpo solo tutte le pagine in cui li hai applicati.&nbsp;<\/p>\n\n\n\n<p>I modelli di Breakdance <strong>si configurano<\/strong> in modo molto simile a footer, header e blocchi globali.<\/p>\n\n\n\n<p>Dal men\u00f9 apri la sezione <em>Templates <\/em>e poi fai clic su <strong>Add Template<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"470\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-template-breakdance-builder-1024x470.png\" alt=\"Add Template Breakdance Builder\" class=\"wp-image-128493\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-template-breakdance-builder-1024x470.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-template-breakdance-builder-300x138.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-template-breakdance-builder-768x352.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-template-breakdance-builder-120x55.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-template-breakdance-builder.png 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dal men\u00f9 a discesa scegli il tipo di modello che vuoi creare:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Single Product <\/strong>\u2013 prodotto singolo di WooCommerce;<\/li>\n\n\n\n<li><strong>Shop Page &amp; All Product Archives <\/strong>\u2013 pagina del negozio e archivi di prodotti WooCommerce;<\/li>\n\n\n\n<li><strong>Specific Product Archive<\/strong> \u2013 categoria specifica di archivio prodotti;<\/li>\n\n\n\n<li><strong>Single Post <\/strong>\u2013 articoli, pagine e <a href=\"https:\/\/supporthost.com\/it\/custom-post-type\/\">custom post type<\/a>;<\/li>\n\n\n\n<li><strong>Post Archive <\/strong>\u2013 archivi degli articoli del sito, come tag, categorie, pagine autore;<\/li>\n\n\n\n<li><strong>404 Not found <\/strong>\u2013 pagina 404, mostrata quando un utente prova ad accedere a un URL inesistente;<\/li>\n\n\n\n<li><strong>Search Results <\/strong>\u2013 pagina dei risultati di ricerca del sito;<\/li>\n\n\n\n<li><strong>Custom Template <\/strong>\u2013 modello personalizzato applicabile ovunque tramite regole e condizioni di posizionamento del template.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"536\" height=\"418\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-custom-template-breakdance-builder.png\" alt=\"Add Custom Template Breakdance Builder\" class=\"wp-image-128494\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-custom-template-breakdance-builder.png 536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-custom-template-breakdance-builder-300x234.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-custom-template-breakdance-builder-81x63.png 81w\" sizes=\"auto, (max-width: 536px) 100vw, 536px\" \/><\/figure>\n\n\n\n<p>Ecco che compare il tuo elenco di template dove trovi quello che hai scelto per iniziare, a cui andranno ad aggiungersi gli altri che creerai.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"375\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-template-breakdance-1024x375.png\" alt=\"Elenco Template Breakdance\" class=\"wp-image-128495\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-template-breakdance-1024x375.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-template-breakdance-300x110.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-template-breakdance-768x281.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-template-breakdance-120x44.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elenco-template-breakdance.png 1213w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I template sono in parte preconfigurati, ma puoi modificare le impostazioni aprendole con clic su <strong>Settings<\/strong>, se sai quel che fai.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"354\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-template-breakdance-1024x354.png\" alt=\"Settings Template Breakdance\" class=\"wp-image-128496\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-template-breakdance-1024x354.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-template-breakdance-300x104.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-template-breakdance-768x265.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-template-breakdance-120x41.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/settings-template-breakdance.png 1199w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Comparir\u00e0 un avviso che ti invita a leggere la <a href=\"https:\/\/breakdance.com\/documentation\/templating\/templating-overview\/\" rel=\"noopener\">documentazione sui template<\/a> prima di modificare le impostazioni avanzate.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"611\" height=\"336\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/avviso-elenco-template-breakdance.png\" alt=\"Avviso Elenco Template Breakdance\" class=\"wp-image-128497\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/avviso-elenco-template-breakdance.png 611w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/avviso-elenco-template-breakdance-300x165.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/avviso-elenco-template-breakdance-115x63.png 115w\" sizes=\"auto, (max-width: 611px) 100vw, 611px\" \/><\/figure>\n\n\n\n<p>In questa sezione sono modificabili:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>titolo<\/li>\n\n\n\n<li>posizione nel sito<\/li>\n\n\n\n<li>condizioni<\/li>\n\n\n\n<li>priorit\u00e0.<\/li>\n<\/ul>\n\n\n\n<p>Ad esempio, nel caso del <strong>template Single Post<\/strong>, la <em>Location <\/em>di default sono gli articoli (Single\/Articoli), la priorit\u00e0 \u00e8 20 e non \u00e8 prevista nessuna condizione di visualizzazione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"751\" height=\"591\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editing-single-post-template-breakdance.png\" alt=\"Editing Single Post Template Breakdance\" class=\"wp-image-128498\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editing-single-post-template-breakdance.png 751w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editing-single-post-template-breakdance-300x236.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editing-single-post-template-breakdance-80x63.png 80w\" sizes=\"auto, (max-width: 751px) 100vw, 751px\" \/><\/figure>\n\n\n\n<p>Col men\u00f9 Location puoi modificare la posizione e applicare il template a:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>tutte le pagine<\/strong>;<\/li>\n\n\n\n<li><strong>contenuti \u2018single\u2019 di WordPress<\/strong> \u2013 articoli, pagine, pagina di apertura, media;<\/li>\n\n\n\n<li><strong>archivi <\/strong>\u2013 pagine di tag e categorie, archivi per data, autore, tipo di post;<\/li>\n\n\n\n<li><strong>altri contenuti<\/strong>, come pagine 404 o risultati di ricerca.<\/li>\n<\/ul>\n\n\n\n<p>Anche nella versione gratuita, per i template \u00e8 disponibile una decina di <strong>condizioni di visualizzazione<\/strong>, come Post ID o numero dei commenti o autore; ce ne sono pi\u00f9 del doppio per gli utenti premium.<\/p>\n\n\n\n<p>Con il tasto <strong>Edit in Breakdance<\/strong> puoi accedere alla personalizzazione del modello attraverso il builder del plugin e alla libreria.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"325\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-single-post-template-breakdance-1024x325.png\" alt=\"Edit In Single Post Template Breakdance\" class=\"wp-image-128499\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-single-post-template-breakdance-1024x325.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-single-post-template-breakdance-300x95.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-single-post-template-breakdance-768x244.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-single-post-template-breakdance-120x38.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-single-post-template-breakdance.png 1201w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Il tuo template appena aperto potrebbe gi\u00e0 contenere header e footer, ad esempio se li hai impostati per essere visibili ovunque come ho fatto io.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"612\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/single-post-template-editor-breakdance-1024x612.png\" alt=\"Single Post Template Editor Breakdance\" class=\"wp-image-128501\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/single-post-template-editor-breakdance-1024x612.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/single-post-template-editor-breakdance-300x179.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/single-post-template-editor-breakdance-768x459.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/single-post-template-editor-breakdance-105x63.png 105w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/single-post-template-editor-breakdance.png 1367w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"popups\">Popups<\/h3>\n\n\n\n<p>Nella schermata <em>Popups<\/em>, accessibile dal men\u00f9 di Breakdance nella barra laterale dell\u2019admin, puoi creare finestre a comparsa che potrai personalizzare con l\u2019editor. Grazie a questa funzionalit\u00e0, per niente scontata per un builder gratuito, potresti riuscire a fare a meno di installare un <a href=\"https:\/\/supporthost.com\/it\/popup\/\">plugin di popup per WordPress<\/a>. Se ti serve un builder di popup avanzato per\u00f2, lo trovi solo nella versione premium.<\/p>\n\n\n\n<p>Come sempre per avviare la configurazione basta cliccare sul pulsante<strong> Add Popup<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-popup-breakdance-builder-1024x536.png\" alt=\"Add Popup Breakdance Builder\" class=\"wp-image-128502\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-popup-breakdance-builder-1024x536.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-popup-breakdance-builder-300x157.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-popup-breakdance-builder-768x402.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-popup-breakdance-builder-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/add-popup-breakdance-builder.png 1373w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nella finestra successiva troverai <strong>impostazioni gi\u00e0 viste<\/strong> per i template:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>titolo<\/li>\n\n\n\n<li>posizione nel sito<\/li>\n\n\n\n<li>condizioni.<\/li>\n<\/ul>\n\n\n\n<p>In pi\u00f9 ci sono <strong>3 opzioni specifiche<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Add Trigger<\/strong> \u2013 per definire l\u2019azione che innesca l\u2019apertura del popup: nella versione gratuita l\u2019unica scelta \u00e8 il clic sulla finestra, mentre in quelle premium ci sono 5 possibilit\u00e0;<\/li>\n\n\n\n<li><strong>possibilit\u00e0 di limitare il numero di visualizzazioni <\/strong>del popup alla stessa persona, nella stessa sessione, ecc;<\/li>\n\n\n\n<li><strong>possibilit\u00e0 di non mostrare il popup<\/strong> se ne sono gi\u00e0 comparsi altri.<\/li>\n<\/ul>\n\n\n\n<p>Anche qui puoi <a href=\"#leditor-di-breakdance\">andare all\u2019editor<\/a> cliccando su <strong>Edit in Breakdance<\/strong> per costruire il tuo popup da zero o importare un modello e adattarlo al tuo sito.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"534\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-editor-breakdance-1024x534.png\" alt=\"Popup Editor Breakdance\" class=\"wp-image-128503\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-editor-breakdance-1024x534.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-editor-breakdance-300x156.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-editor-breakdance-768x400.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-editor-breakdance-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-editor-breakdance.png 1379w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Andando su <em>Add &gt; Elements<\/em> puoi cercare l\u2019<strong>elemento Popup<\/strong> e trascinarlo nell\u2019area di lavoro, e poi costruirlo con l\u2019editor drag and drop inserendo elementi di testo e visivi.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"294\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-element-editor-breakdance-1024x294.png\" alt=\"Popup Element Editor Breakdance\" class=\"wp-image-128504\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-element-editor-breakdance-1024x294.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-element-editor-breakdance-300x86.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-element-editor-breakdance-768x221.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-element-editor-breakdance-120x34.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-element-editor-breakdance.png 1379w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Cliccando sopra l\u2019elemento Popup puoi accedere alle <strong>impostazioni nella barra a sinistra<\/strong>. Nel primo pannello puoi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>disattivare l\u2019overlay;<\/li>\n\n\n\n<li>permettere lo scroll;<\/li>\n\n\n\n<li>disattivare il pulsante di chiusura;&nbsp;<\/li>\n\n\n\n<li>decidere dopo quanto tempo mostrarlo;<\/li>\n\n\n\n<li>far chiudere la finestra in automatico dopo un tempo predefinito;<\/li>\n\n\n\n<li>aggiungere opzioni avanzate: classe CSS e ID HTML.<\/li>\n<\/ul>\n\n\n\n<p>Nel secondo pannello, come sempre, puoi configurare le opzioni relative allo stile di tutte le parti, compreso il pulsante di chiusura; mentre nel terzo trovi le solite opzioni avanzate.<\/p>\n\n\n\n<p>Vediamo degli altri elementi di Breakdance che possono aiutarti (anche) a costruire il tuo popup.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"form-builder\">Form builder<\/h3>\n\n\n\n<p>Un&#8217;altra funzionalit\u00e0 utile \u00e8 l\u2019elemento Form Builder, che serve ad aggiungere un modulo da compilare personalizzato all\u2019interno di qualsiasi pagina web \u2013 operazione che di solito richiede l\u2019installazione di un apposito <a href=\"https:\/\/supporthost.com\/it\/plugin-form-wordpress\/\">plugin per creare form su WordPress<\/a>.<\/p>\n\n\n\n<p>Il costruttore di form di Breakdance \u00e8 <strong>disponibile come elemento<\/strong> nel pannello laterale dell\u2019editor. Puoi aggiungerlo a una pagina come modulo statico, oppure renderlo dinamico inserendolo in una finestra popup.<\/p>\n\n\n\n<p>Per creare un modulo popup basta inserire l\u2019elemento Form Builder dentro l\u2019elemento Popup, di cui parliamo meglio tra un attimo \u2013 come ho fatto qui.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"526\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/form-builder-popup-element-editor-breakdance-1024x526.png\" alt=\"Form Builder Popup Element Editor Breakdance\" class=\"wp-image-128505\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/form-builder-popup-element-editor-breakdance-1024x526.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/form-builder-popup-element-editor-breakdance-300x154.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/form-builder-popup-element-editor-breakdance-768x395.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/form-builder-popup-element-editor-breakdance-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/form-builder-popup-element-editor-breakdance.png 1372w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Otterremo qualcosa del genere:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-form-builder-editor-breakdance-1024x473.png\" alt=\"Popup Form Builder Editor Breakdance\" class=\"wp-image-128506\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-form-builder-editor-breakdance-1024x473.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-form-builder-editor-breakdance-300x139.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-form-builder-editor-breakdance-768x355.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-form-builder-editor-breakdance-120x55.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/popup-form-builder-editor-breakdance.png 1377w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nella versione Pro, \u00e8 possibile collegare i form a sistemi come <a href=\"https:\/\/supporthost.com\/it\/mailchimp\/\">Mailchimp<\/a> e Mailerlite e <strong>creare moduli per l\u2019iscrizione alla lista mail<\/strong>. In questo caso non ci servirebbe il campo messaggio, e potremmo eliminarlo in un attimo dalle impostazioni dell\u2019elemento, come vedremo tra poco parlando dell&#8217;editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"287\" height=\"833\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-form-builder-editor-breakdance.png\" alt=\"Impostazioni Form Builder Editor Breakdance\" class=\"wp-image-128507\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-form-builder-editor-breakdance.png 287w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-form-builder-editor-breakdance-103x300.png 103w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-form-builder-editor-breakdance-22x63.png 22w\" sizes=\"auto, (max-width: 287px) 100vw, 287px\" \/><\/figure>\n\n\n\n<p>A cosa servono i <strong>form nella versione Free<\/strong>?<\/p>\n\n\n\n<p>I moduli gratuiti di Breakdance permettono di <strong>raccogliere informazioni dagli utenti<\/strong> come nome, email, messaggi ecc. e di spedire un\u2019email automatica di notifica all\u2019amministratore del sito e all\u2019utente che ha compilato il modulo.<\/p>\n\n\n\n<p>I dati possono essere salvati nel database e resi gestibili dall\u2019amministratore attivando l\u2019azione <strong>Store Submission<\/strong> (conserva l\u2019invio) nelle impostazioni del Form Builder \u2013 l\u2019unica disponibile con il piano gratuito.<\/p>\n\n\n\n<p>Saranno accessibili nella sezione <strong>Form Submissions<\/strong>, che trovi nel men\u00f9 di Breakdance nel pannello laterale di WordPress.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/form-submissions-breakdance-builder-1024x535.png\" alt=\"Form Submissions Breakdance Builder\" class=\"wp-image-128508\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/form-submissions-breakdance-builder-1024x535.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/form-submissions-breakdance-builder-300x157.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/form-submissions-breakdance-builder-768x401.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/form-submissions-breakdance-builder-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/form-submissions-breakdance-builder.png 1377w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"leditor-di-breakdance\">L\u2019editor di Breakdance<\/h3>\n\n\n\n<p>L\u2019editor di Breakdance \u00e8 il builder vero e proprio, che <strong>ti permette di costruire sia pagine singole<\/strong> per cui hai esigenze specifiche \u2013 per esempio una landing page \u2013, <strong>che template<\/strong> di pagine, sezioni e blocchi globali che vuoi usare in modo sistematico sul tuo sito WordPress.&nbsp;<\/p>\n\n\n\n<p>Qualunque pagina o articolo pu\u00f2 essere aperta e modificata con Breakdance, basta usare l\u2019apposito <strong>pulsante giallo<\/strong> che trovi sempre nella barra orizzontale in alto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"627\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance-builder-articolo-1024x627.png\" alt=\"Edit In Breakdance Builder Articolo\" class=\"wp-image-128509\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance-builder-articolo-1024x627.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance-builder-articolo-300x184.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance-builder-articolo-768x470.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance-builder-articolo-103x63.png 103w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/edit-in-breakdance-builder-articolo.png 1086w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Come quello di <a href=\"https:\/\/supporthost.com\/it\/bricks-builder\/\">Bricks Builder<\/a>, anche l\u2019editor di Breakdance si divide in 4 parti:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>barra orizzontale<\/li>\n\n\n\n<li>pannello degli elementi a sinistra<\/li>\n\n\n\n<li>area di lavoro centrale<\/li>\n\n\n\n<li>pannello della struttura a destra.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"barra-orizzontale\">Barra orizzontale<\/h4>\n\n\n\n<p>Nella barra in alto troviamo prima di tutto il pulsante <strong>Add <\/strong>da cui parte la costruzione delle pagine, l\u2019icona dispositivo per il design responsive e quella con i tre puntini che permette di accedere ai <a href=\"#global-styles\" data-type=\"internal\" data-id=\"#global-styles\">Global Settings<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"498\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/accedere-global-settings-breakdance-builder-1024x498.png\" alt=\"Accedere Global Settings Breakdance Builder\" class=\"wp-image-128510\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/accedere-global-settings-breakdance-builder-1024x498.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/accedere-global-settings-breakdance-builder-300x146.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/accedere-global-settings-breakdance-builder-768x374.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/accedere-global-settings-breakdance-builder-120x58.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/accedere-global-settings-breakdance-builder.png 1379w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Poi c\u2019\u00e8 il men\u00f9 da cui <strong>scegliere quali template editare<\/strong> \u2013 per esempio post singolo, archivio dei post, footer, header, blocchi globali \u2013, che offre anche un campo di ricerca e dei filtri.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"456\" height=\"402\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editing-template-barra-orizzontale-editor-breakdance.png\" alt=\"Editing Template Barra Orizzontale Editor Breakdance\" class=\"wp-image-128511\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editing-template-barra-orizzontale-editor-breakdance.png 456w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editing-template-barra-orizzontale-editor-breakdance-300x264.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editing-template-barra-orizzontale-editor-breakdance-71x63.png 71w\" sizes=\"auto, (max-width: 456px) 100vw, 456px\" \/><\/figure>\n\n\n\n<p>Un altro men\u00f9 ti permette di <strong>selezionare la pagina su cui verr\u00e0 mostrata<\/strong> <strong>l\u2019anteprima<\/strong> durante la modifica ai template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"398\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/preview-barra-orizzontale-editor-breakdance.png\" alt=\"Preview Barra Orizzontale Editor Breakdance\" class=\"wp-image-128512\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/preview-barra-orizzontale-editor-breakdance.png 450w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/preview-barra-orizzontale-editor-breakdance-300x265.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/preview-barra-orizzontale-editor-breakdance-71x63.png 71w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"pannello-elements\">Pannello Elements<\/h4>\n\n\n\n<p>Il pannello Elements contiene i blocchi drag and drop per costruire le pagine. Puoi trascinarli in punti precisi dell\u2019area di lavoro, oppure inserirli col clic ed eventualmente spostarli in un secondo momento.<\/p>\n\n\n\n<p>Gli elementi sono divisi in 6 sezioni.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"524\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elements-editor-breakdance.png\" alt=\"Elements Editor Breakdance\" class=\"wp-image-128513\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elements-editor-breakdance.png 295w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elements-editor-breakdance-169x300.png 169w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/elements-editor-breakdance-35x63.png 35w\" sizes=\"auto, (max-width: 295px) 100vw, 295px\" \/><\/figure>\n\n\n\n<p><strong>La sezione Basic <\/strong>raccoglie tutti i blocchi fondamentali per creare una pagina web: i contenitori che servono a strutturare la pagina, come sezione, colonne, griglie e div; e gli elementi di base come intestazioni e testi semplici, testi gi\u00e0 formattati (rich texts), blocchi per link, immagini, video e icone \u2013 che vedi nell\u2019immagine sotto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"693\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/basic-elements-editor-breakdance-1024x693.png\" alt=\"Basic Elements Editor Breakdance\" class=\"wp-image-128514\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/basic-elements-editor-breakdance-1024x693.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/basic-elements-editor-breakdance-300x203.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/basic-elements-editor-breakdance-768x520.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/basic-elements-editor-breakdance-93x63.png 93w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/basic-elements-editor-breakdance.png 1365w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>La sezione Blocks<\/strong> ospita elementi pi\u00f9 complessi. In questa immagine ad esempio ho inserito alcuni blocchi compresi nella versione gratuita: nella prima colonna, Icon box, Image box e Icon list; nella seconda colonna, Blockquote, FAQs, Basic Slider. I blocchi free sono una decina, quelli compresi solo nei piani a pagamento circa 30, tra cui ce n\u2019\u00e8 anche uno per <a href=\"https:\/\/supporthost.com\/it\/google-maps-wordpress\/\">inserire in WordPress le mappe di Google Maps<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"679\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/blocks-elements-editor-breakdance-1024x679.png\" alt=\"Blocks Elements Editor Breakdance\" class=\"wp-image-128515\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/blocks-elements-editor-breakdance-1024x679.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/blocks-elements-editor-breakdance-300x199.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/blocks-elements-editor-breakdance-768x510.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/blocks-elements-editor-breakdance-95x63.png 95w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/blocks-elements-editor-breakdance.png 1373w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Nella sezione Site<\/strong> trovi un solo elemento gratuito: WP Menu \u2013 men\u00f9 di base per siti WordPress compreso ecommerce. Ci sono poi elementi premium per costruire header, men\u00f9 e campi per la ricerca interna di WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"519\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/site-elements-editor-breakdance-1024x519.png\" alt=\"Site Elements Editor Breakdance\" class=\"wp-image-128516\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/site-elements-editor-breakdance-1024x519.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/site-elements-editor-breakdance-300x152.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/site-elements-editor-breakdance-768x390.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/site-elements-editor-breakdance-120x61.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/site-elements-editor-breakdance.png 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>La sezione Advanced <\/strong>contiene elementi come AnalyticsWP Event, per l\u2019integrazione con AnalyticsWP e il tracciamento degli utenti da WordPress, e altri componenti avanzati come i blocchi shortcode e Global. Anche qui ci sono ulteriori elementi premium.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"636\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/advanced-elements-editor-breakdance-1024x636.png\" alt=\"Advanced Elements Editor Breakdance\" class=\"wp-image-128517\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/advanced-elements-editor-breakdance-1024x636.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/advanced-elements-editor-breakdance-300x186.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/advanced-elements-editor-breakdance-768x477.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/advanced-elements-editor-breakdance-101x63.png 101w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/advanced-elements-editor-breakdance.png 1373w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>La sezione Dynamic<\/strong> contiene campi che funzionano in modo dinamico, andando a cercare informazioni nel database; ci sono ad esempio, il titolo del post, l\u2019excerpt e il contenuto, l\u2019autore, la lista dei post \u2013 elementi testuali che cambiano di pagina in pagina. La versione premium permette di <a href=\"https:\/\/breakdance.com\/documentation\/dynamic-data\/\" rel=\"noopener\">sfruttare i dati dinamici<\/a> in modo pi\u00f9 avanzato con i loop builder ecc. E anche i <a href=\"https:\/\/supporthost.com\/it\/breadcrumb-wordpress\/\">breadcrumb<\/a> sono solo in Pro.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"712\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/dynamic-elements-editor-breakdance-1024x712.png\" alt=\"Dynamic Elements Editor Breakdance\" class=\"wp-image-128518\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/dynamic-elements-editor-breakdance-1024x712.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/dynamic-elements-editor-breakdance-300x209.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/dynamic-elements-editor-breakdance-768x534.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/dynamic-elements-editor-breakdance-91x63.png 91w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/dynamic-elements-editor-breakdance.png 1329w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"pannello-structure\">Pannello Structure<\/h4>\n\n\n\n<p>Sulla destra c\u2019\u00e8 il pannello che <strong>rappresenta in modo schematico la struttura<\/strong> della pagina, navigabile. Puoi nasconderlo o mostrarlo con clic sull\u2019icona \u2018a livelli\u2019 nella barra orizzontale sulla destra.<\/p>\n\n\n\n<p>Come vedi, se <strong>aggiungiamo elementi<\/strong> al template, questi compaiono nella struttura sulla destra.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1376\" height=\"992\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/struttura-editor-breakdance-buildergif.gif\" alt=\"Struttura Editor Breakdance Builder.gif\" class=\"wp-image-128519\" \/><\/figure>\n\n\n\n<p>Possiamo anche spostarli con <strong>drag and drop dal pannello Structure<\/strong>, cambiando le posizioni e le gerarchie.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1376\" height=\"992\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/operazioni-struttura-editor-breakdance-buildergif.gif\" alt=\"Operazioni Struttura Editor Breakdance Builder.gif\" class=\"wp-image-128520\" \/><\/figure>\n\n\n\n<p>Anche nel builder di Breakdance, esistono degli <strong>elementi \u2018contenitore\u2019<\/strong>, che sono qui Section, Columns, Grid e Div, che usiamo per definire il layout della pagina e racchiudere gli altri elementi.<\/p>\n\n\n\n<p>Possiamo quindi spostare i componenti della pagina da un contenitore all\u2019altro, cos\u00ec come nidificare i contenitori dentro altri contenitori.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"personalizzare-modelli-ed-elementi\">Personalizzare modelli ed elementi<\/h2>\n\n\n\n<p>In Breakdance puoi <strong>personalizzare qualunque elemento<\/strong>; gli elementi che hai inserito tu da zero cos\u00ec come quelli importati attraverso i modelli: funziona allo stesso modo.<\/p>\n\n\n\n<p>Inoltre \u00e8 possibile modificare sia componenti inseriti localmente che impostati a monte, in template, sezioni o blocchi applicati a livello globale.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"256\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/personalizzare-componenti-editor-breakdance-1024x256.png\" alt=\"Personalizzare Componenti Editor Breakdance\" class=\"wp-image-128523\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/personalizzare-componenti-editor-breakdance-1024x256.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/personalizzare-componenti-editor-breakdance-300x75.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/personalizzare-componenti-editor-breakdance-768x192.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/personalizzare-componenti-editor-breakdance-120x30.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/personalizzare-componenti-editor-breakdance.png 1374w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Tutte le modifiche agli elementi sono <strong>visibili in tempo reale <\/strong>nell\u2019area centrale dell\u2019editor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aggiungere-elementi\">Aggiungere elementi<\/h3>\n\n\n\n<p><strong>Per aggiungere un elemento <\/strong>clicca sul pulsante <em>Add <\/em>nell\u2019angolo in alto a sinistra oppure sull\u2019icona \u2018+\u2019 nell\u2019area di lavoro.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"537\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/aggiungere-elementi-editor-breakdance-1024x537.png\" alt=\"Aggiungere Elementi Editor Breakdance\" class=\"wp-image-128524\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/aggiungere-elementi-editor-breakdance-1024x537.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/aggiungere-elementi-editor-breakdance-300x157.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/aggiungere-elementi-editor-breakdance-768x403.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/aggiungere-elementi-editor-breakdance-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/aggiungere-elementi-editor-breakdance.png 1085w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Cerca il componente che ti interessa con la barra di ricerca o sfogliando le sezioni, poi posizionalo dove preferisci.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"personalizzare-un-elemento\">Personalizzare un elemento&nbsp;<\/h3>\n\n\n\n<p><strong>Per personalizzare un<\/strong> <strong>elemento <\/strong>cliccaci sopra e le impostazioni compariranno nella barra a sinistra.<\/p>\n\n\n\n<p>Le propriet\u00e0 degli elementi sono suddivise in 2 o 3 diversi pannelli, che variano a seconda dei casi.&nbsp;<\/p>\n\n\n\n<p><strong>Quello relativo allo stile<\/strong> \u00e8 riconoscibile dall\u2019icona a forma di tavolozza e pu\u00f2 raccogliere opzioni relative a:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tipografia<\/strong>: font, colore, dimensione, spaziatura di caratteri e righe;<\/li>\n\n\n\n<li><strong>Eventuali sfondi<\/strong> (colori o immagini);<\/li>\n\n\n\n<li><strong>Dimensione<\/strong>;&nbsp;<\/li>\n\n\n\n<li><strong>Spaziatura <\/strong>rispetto agli altri elementi;<\/li>\n\n\n\n<li><strong>Divisori<\/strong>;&nbsp;<\/li>\n\n\n\n<li><strong>Bordi<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p>Questo, ad esempio, \u00e8 quello dell\u2019elemento contenitore Section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"288\" height=\"538\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/proprieta-stile-sezione-editor-breakdance.png\" alt=\"Proprieta Stile Sezione Editor Breakdance\" class=\"wp-image-128525\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/proprieta-stile-sezione-editor-breakdance.png 288w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/proprieta-stile-sezione-editor-breakdance-161x300.png 161w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/proprieta-stile-sezione-editor-breakdance-34x63.png 34w\" sizes=\"auto, (max-width: 288px) 100vw, 288px\" \/><\/figure>\n\n\n\n<p><strong>Mentre nel caso dei testi<\/strong> potresti trovare meno opzioni relative al layout e pi\u00f9 impostazioni tipografiche.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"287\" height=\"409\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/proprieta-stile-intestazione-editor-breakdance.png\" alt=\"Proprieta Stile Intestazione Editor Breakdance\" class=\"wp-image-128526\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/proprieta-stile-intestazione-editor-breakdance.png 287w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/proprieta-stile-intestazione-editor-breakdance-211x300.png 211w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/proprieta-stile-intestazione-editor-breakdance-44x63.png 44w\" sizes=\"auto, (max-width: 287px) 100vw, 287px\" \/><\/figure>\n\n\n\n<p>Inoltre ci sar\u00e0 anche un pannello dove inserire il contenuto testuale ed eventualmente scegliere altre impostazioni specifiche (come il tipo di header) \u2013 lo riconosci dall\u2019icona a forma di matita.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"289\" height=\"298\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/proprieta-testi-editor-breakdance-builder.png\" alt=\"Proprieta Testi Editor Breakdance Builder\" class=\"wp-image-128849\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/proprieta-testi-editor-breakdance-builder.png 289w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/proprieta-testi-editor-breakdance-builder-61x63.png 61w\" sizes=\"auto, (max-width: 289px) 100vw, 289px\" \/><\/figure>\n\n\n\n<p><strong>C\u2019\u00e8 un ulteriore pannello di impostazioni <\/strong>comune alla maggior parte degli elementi, che si apre con l\u2019icona \u2018ingranaggio\u2019 e contiene 4 sezioni:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Advanced <\/strong>include opzioni avanzate per l\u2019aggiunta di CSS personalizzato, classi CSS e ID HTML;<\/li>\n\n\n\n<li><strong>Hide on a Breakpoint<\/strong>, che serve a nascondere un elemento specifico su determinati dispositivi, anche a seconda dell\u2019orientamento, verticale o orizzontale (desktop, tablet, mobile);<\/li>\n\n\n\n<li><strong>Conditions<\/strong> permette di impostare regole per mostrare o nascondere un elemento \u2013 le stesse che abbiamo incontrato nelle impostazioni di header e template;<\/li>\n\n\n\n<li><strong>Animations <\/strong>serve ad applicare agli elementi effetti all\u2019ingresso, come fade-in, slide, zoom, ecc., e animazioni allo scroll, per esempio la sfocatura, oppure anche di rendere l\u2019elemento \u2018sticky\u2019, cio\u00e8 fissarlo in una certa area della pagina.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"287\" height=\"375\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-sezione-editor-breakdance.png\" alt=\"Impostazioni Sezione Editor Breakdance\" class=\"wp-image-128528\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-sezione-editor-breakdance.png 287w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-sezione-editor-breakdance-230x300.png 230w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-sezione-editor-breakdance-48x63.png 48w\" sizes=\"auto, (max-width: 287px) 100vw, 287px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"personalizzazione-responsive\">Personalizzazione responsive<\/h3>\n\n\n\n<p>Come ormai tutti i builder, anche Breakdance offre un tasto per <strong>simulare la visualizzazione dai diversi dispositivi<\/strong> (desktop, tablet, mobile, orizzontale e verticale) e rendere il design 100% responsive.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"276\" height=\"364\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/responsive-breakdance-builder.png\" alt=\"Responsive Breakdance Builder\" class=\"wp-image-128529\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/responsive-breakdance-builder.png 276w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/responsive-breakdance-builder-227x300.png 227w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/responsive-breakdance-builder-48x63.png 48w\" sizes=\"auto, (max-width: 276px) 100vw, 276px\" \/><\/figure>\n\n\n\n<p>Inoltre molte opzioni, come la dimensione del font, hanno accanto l\u2019<strong>icona del dispositivo<\/strong>, che permette di impostare valori diversi per i diversi schermi.<br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"design-preset\">Design preset&nbsp;<\/h3>\n\n\n\n<p>Dopo aver personalizzato un elemento, puoi <strong>salvare le sue impostazioni di design<\/strong> come preset per riutilizzarle su altri elementi, mantenendo uno stile uniforme su tutto il sito e soprattutto risparmiando tempo.<\/p>\n\n\n\n<p>Purtroppo questa opzione, anche se visibile ovunque, \u00e8 accessibile solo per chi ha acquistato un piano <strong>a pagamento<\/strong>, per cui, se provi ad attivarla con un account Free, ti viene segnalato che non verr\u00e0 applicata.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"global-styles\">Global Styles&nbsp;<\/h3>\n\n\n\n<p>Tra le impostazioni di Breakdance c\u2019\u00e8 la funzione Global Styles, che serve a <strong>gestire in modo centralizzato lo stile di tutti gli elementi<\/strong> del sito, per assicurare la coerenza visiva e rendere le modifiche semplici e rapide.<\/p>\n\n\n\n<p>Per esempio, dopo che avrai configurato la <strong>palette di colori globale<\/strong>, ogni volta che cambierai un colore della palette gli elementi che lo usano si aggiorneranno ovunque nel sito.<\/p>\n\n\n\n<p>La funzione Global Styles permette di <strong>gestire a livello globale<\/strong> le impostazioni di:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Colori<\/li>\n\n\n\n<li>Pulsanti<\/li>\n\n\n\n<li>Tipografia<\/li>\n\n\n\n<li>Form<\/li>\n\n\n\n<li>Elementi contenitore<\/li>\n\n\n\n<li>Codice CSS e JavaScript<\/li>\n\n\n\n<li>Durata delle transizioni.<\/li>\n<\/ul>\n\n\n\n<p>Per <strong>accedere alle impostazioni globali<\/strong> per lo stile puoi cliccare sui tre puntini in alto a destra nell\u2019editor e selezionare Global Settings nel men\u00f9 a discesa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"498\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/accedere-global-settings-breakdance-builder-1-1024x498.png\" alt=\"Accedere Global Settings Breakdance Builder\" class=\"wp-image-128530\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/accedere-global-settings-breakdance-builder-1-1024x498.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/accedere-global-settings-breakdance-builder-1-300x146.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/accedere-global-settings-breakdance-builder-1-768x374.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/accedere-global-settings-breakdance-builder-1-120x58.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/accedere-global-settings-breakdance-builder-1.png 1379w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Le impostazioni compariranno nel pannello sulla destra.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"283\" height=\"412\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/global-settings-editor-breakdance.png\" alt=\"Global Settings Editor Breakdance\" class=\"wp-image-128531\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/global-settings-editor-breakdance.png 283w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/global-settings-editor-breakdance-206x300.png 206w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/global-settings-editor-breakdance-43x63.png 43w\" sizes=\"auto, (max-width: 283px) 100vw, 283px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"alcuni-pro-e-contro-di-breakdance-builder\">Alcuni pro e contro di Breakdance builder<\/h2>\n\n\n\n<p>\u00c8 facile acquisire familiarit\u00e0 con il plugin perch\u00e9 \u00e8 costruito in modo che <strong>le operazioni seguano schemi ricorrenti e le sezioni mantengano un aspetto coerente<\/strong>: tutti gli elementi si creano allo stesso modo; anche le schermate per creare e configurare i diversi componenti sono quasi identiche \u2013 cambiano solo i dettagli specifici dove serve.&nbsp;<\/p>\n\n\n\n<p>Come spesso accade con i plugin WordPress freemium, a volte c\u2019\u00e8 un po\u2019 di <strong>confusione riguardo a cosa si possa fare con la versione gratuita<\/strong>, e pu\u00f2 capitare che alcune funzionalit\u00e0 o template si scoprano non utilizzabili solo dopo aver iniziato a usarli.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"333\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/funzionalita-pro-1024x333.png\" alt=\"Funzionalita Pro\" class=\"wp-image-128532\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/funzionalita-pro-1024x333.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/funzionalita-pro-300x97.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/funzionalita-pro-768x249.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/funzionalita-pro-120x39.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/funzionalita-pro.png 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>In questa <strong>guida a Breakdance, builder per WordPress<\/strong>, abbiamo scoperto quante possibilit\u00e0 offre per costruire il proprio sito in modo semplice e razionale anche a chi ha la versione gratuita, e l\u2019estremo livello di personalizzazione che consente con i piani Pro.<\/p>\n\n\n\n<p>Questo plugin \u00e8 <strong>un\u2019alternativa a Elementor e altri site builder<\/strong> da tenere in considerazione perch\u00e9 \u00e8 pensato non solo per rendere facile la creazione di un sito WordPress, ma anche per mantenerlo efficiente e ottimizzato per la SEO.<\/p>\n\n\n\n<p>Come hai visto, con Breakdance puoi costruire pagine con l\u2019editor drag and drop, importare componenti preconfigurati, sezioni e intere pagine e poi personalizzarle; e usare lo stesso metodo anche per configurare header e footer, template per diversi tipi di contenuti e blocchi globali \u2013 che da quel momento in poi riuscirai a gestire in modo centralizzato ed efficiente.<\/p>\n\n\n\n<p>Hai gi\u00e0 provato Breakdance o altri builder? Com\u2019\u00e8 andata? Se ti va, parliamone nei commenti.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se per costruire o rinnovare il tuo sito vorresti la comodit\u00e0 dei builder visivi pi\u00f9 popolari ma anche un codice ottimizzato per la velocit\u00e0 e la SEO, questa guida a Breakdance fa al caso tuo. Qui vedrai come Breakdance pu\u00f2 aiutarti a creare pagine, template, ed elementi e stili globali per gestire il layout e [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":128927,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"class_list":["post-128399","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/128399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=128399"}],"version-history":[{"count":27,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/128399\/revisions"}],"predecessor-version":[{"id":135976,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/128399\/revisions\/135976"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/128927"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=128399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=128399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=128399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}