{"id":43235,"date":"2021-04-14T05:39:11","date_gmt":"2021-04-14T04:39:11","guid":{"rendered":"https:\/\/sos-wp.it\/?p=43235"},"modified":"2025-03-03T11:11:46","modified_gmt":"2025-03-03T10:11:46","slug":"elementor-wordpress-page-builder","status":"publish","type":"post","link":"https:\/\/sos-wp.it\/tutorial\/elementor-wordpress-page-builder\/","title":{"rendered":"Come utilizzare Elementor su WordPress per creare siti web di ogni tipo"},"content":{"rendered":"\n<div class=\"wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile img-evidenza\"><div class=\"wp-block-media-text__content\">\n<p>Imparare <strong>come utilizzare Elementor su WordPress<\/strong> pu\u00f2 darti una grande mano se hai deciso di creare un sito web e vuoi modificarne l\u2019aspetto senza scervellarti con il codice.<\/p>\n\n\n\n<p>Per chi \u00e8 alle prime armi, creare un sito web pu\u00f2 sembrare un\u2019impresa davvero difficile, modificarne il design anche peggio.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img fetchpriority=\"high\" decoding=\"async\" width=\"552\" height=\"552\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/Guida-a-Elementor-il-visual-page-builder-per-WordPress-Cube-min.png\" alt=\"Come utilizzare Elementor su WordPress per un sito perfetto\" class=\"wp-image-113823 size-full\"\/><\/figure><\/div>\n\n\n\n\n\n\n\n<p>Per gli utenti pi\u00f9 esperti, creare un sito \u00e8 solo una questione di risorse e tempo, fattori che spesso scarseggiano.<\/p>\n\n\n\n<p>WordPress ci semplifica tantissimo la vita e con il passare del tempo si sono affermati sempre di pi\u00f9 degli <a href=\"https:\/\/sos-wp.it\/recensioni\/page-builder-cosa-sono\/\" target=\"_blank\" rel=\"noopener\">strumenti chiamati \u201cvisual page builder\u201d<\/a> (editor visuale di pagina). <\/p>\n\n\n\n<p>Questi strumenti ti permettono di creare pagine web attraverso un\u2019interfaccia semplice, osservando i risultati in tempo reale e magari partendo da modelli precostituiti.<\/p>\n\n\n\n<p>Ed&nbsp;<a rel=\"nofollow noopener sponsored\" target=\"_blank\" href=\"https:\/\/sos-wp.it\/raccomanda\/plugin\/elementor\/\" data-shortcode=\"true\">Elementor<\/a> ti consente di fare proprio questo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"796\" height=\"410\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/Elementor-Page-Builder-WordPress-min.jpeg\" alt=\"Elementor Page Builder WordPress\" class=\"wp-image-93097\"\/><\/figure>\n\n\n\n<p>Infatti Elementor, come quasi tutti i <a href=\"https:\/\/sos-wp.it\/tutorial\/migliori-visual-builder-wordpress\/\" target=\"_blank\" rel=\"noopener\">migliori visual builder<\/a>, ci&nbsp;permette di concentrarci sull\u2019aspetto del nostro sito e sull\u2019esperienza dei visitatori. <\/p>\n\n\n\n<p>In questo modo eviterai di investire tanto tempo nel comprendere gli aspetti tecnici dietro la creazione di un sito web <em>(cosa importante ma che pu\u00f2 sempre avvenire mentre la prima versione del sito \u00e8 online)<\/em>.<\/p>\n\n\n\n<p>Ma adesso andiamo avanti rispondendo alla domanda&#8230;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vantaggi-elementor\"><strong>Quali sono i vantaggi di Elementor rispetto ad altri page builder?<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"800\" height=\"487\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/Vantaggi-di-Elementor.jpeg\" alt=\"Vantaggi di Elementor\" class=\"wp-image-93126\"\/><\/figure>\n\n\n\n<p>A differenza di molti page builder, in particolare quelli gi\u00e0 presenti all\u2019interno di alcuni temi, con <strong><a rel=\"nofollow noopener sponsored\" target=\"_blank\" href=\"https:\/\/sos-wp.it\/raccomanda\/plugin\/elementor\/\" data-shortcode=\"true\">Elementor<\/a><\/strong> \u00e8 possibile progettare completamente ogni sezione del tuo sito web, e non solo i contenuti.<\/p>\n\n\n\n<p>Potrai infatti creare le tue header, i <a href=\"https:\/\/sos-wp.it\/tutorial\/footer-definizione-consigli\/\" target=\"_blank\" data-type=\"post\" data-id=\"104841\" rel=\"noopener\">footer<\/a> e le sidebar con questo strumento, per poi effettuare una sorta di <em>collage<\/em> e realizzare la tua pagina completamente personalizzata.<\/p>\n\n\n\n<p>Grazie ai modelli gi\u00e0 pronti, potrai scegliere il template di pagina che pi\u00f9 ti piace o che risulta pi\u00f9 in linea con la tipologia di attivit\u00e0 di cui ti occupi.<\/p>\n\n\n\n<p>Da qui, sar\u00e0 quindi molto semplice partire per <strong>creare la pagina e quindi personalizzarla secondo il tuo stile personale<\/strong>.<\/p>\n\n\n\n<p>E con tutte le opzioni che hai a disposizione, il mio consiglio \u00e8 quello di cominciare con un tema molto semplice e leggero.<\/p>\n\n\n\n<p>E il migliore \u00e8 proprio quello sviluppato dallo stesso team che ha sviluppato il plugin. Venendo dallo stesso team, chiaramente lavora alla perfezione con il page builder.<\/p>\n\n\n\n<p>Si chiama <a href=\"https:\/\/wordpress.org\/themes\/hello-elementor\/\" target=\"_blank\" rel=\"noopener\">Hello Theme<\/a> e puoi trovare maggiori informazioni <a href=\"https:\/\/sos-wp.it\/recensioni\/tema-hello-elementor\/\" target=\"_blank\" rel=\"noopener\">nella mia recensione<\/a>.<\/p>\n\n\n\n<p>La versatilit\u00e0 di Elementor ti permette di fare quello che vuoi: puoi per esempio decidere di costruire alcune pagine e non tutto il tuo sito. <\/p>\n\n\n\n<p>E per questo scopo ti consiglio invece di usare un tema gi\u00e0 pi\u00f9 strutturato, puoi trovare qualche spunto <a href=\"https:\/\/sos-wp.it\/consigli-wordpress\/dieci-migliori-temi-creare-sito-wordpress\/\" data-type=\"post\" data-id=\"128126\">nella nostra guida apposita<\/a>. Ricorda sempre che vogliamo un risultato ottimo ma nel tempo pi\u00f9 breve possibile.<\/p>\n\n\n\n<p>Se sai gi\u00e0 cosa devi fare con le pagine che stai costruendo, sai gi\u00e0 anche quali funzionalit\u00e0 ti servono. Inutile cominciare da zero!<\/p>\n\n\n\n<p>In questa guida ad <strong>Elementor Page Builder<\/strong>&nbsp;parleremo di che cosa \u00e8 questo plugin e di come usarlo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"scopriamo-elementor\">Scopriamo Elementor, il Page Builder per WordPress<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"259\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/elementor-live-page-builder.jpg\" alt=\"Elementor Page builder per WordPress\" class=\"wp-image-58806\"\/><\/figure>\n\n\n\n<p>Elementor \u00e8 disponibile in versione gratuita e versione Pro. Quella gratuita pu\u00f2 essere installata come un qualsiasi plugin dalla tua bacheca di WordPress.<\/p>\n\n\n\n<p><strong>Se vuoi passare ad Elementor Pro<\/strong>, non dovrai eliminare la versione gratuita. Quello che devi fare \u00e8: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Lascia installata la versione gratuita;<\/li>\n\n\n\n<li>Poi <a rel=\"nofollow noopener sponsored\" target=\"_blank\" href=\"https:\/\/sos-wp.it\/raccomanda\/plugin\/elementor\/\" data-shortcode=\"true\">acquista Elementor Pro<\/a>: tieni sempre d&#8217;occhio le offerte<\/li>\n\n\n\n<li>Scarica il plugin di Elementor Pro dalla tua area cliente;<\/li>\n\n\n\n<li>Installalo come un normale plugin (senza scompattare il file .zip);<\/li>\n\n\n\n<li>Attiva il plugin;<\/li>\n\n\n\n<li>Segui le istruzioni per collegare il tuo sito all&#8217;API di Elementor.<\/li>\n<\/ol>\n\n\n\n<p>Dunque ricorda che nei plugin avrai sempre installato sia Elementor Base (gratuito) che Elementor Pro.<\/p>\n\n\n\n<p>Nella versione Pro avrai tante funzionalit\u00e0 in pi\u00f9, tra cui:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>50 elementi Pro da inserire nelle tue pagine;<\/li>\n\n\n\n<li>il theme builder per permetterti di realizzare tutte le sezioni del tuo sito;<\/li>\n\n\n\n<li>il builder per la creazione di popup;<\/li>\n\n\n\n<li>15 elementi speciali per WooCommerce;<\/li>\n\n\n\n<li>effetti grafici avanzati;<\/li>\n\n\n\n<li>supporto premium.<\/li>\n<\/ul>\n\n\n\n<p>Il fatto che puoi passare ad Elementor Pro in qualsiasi momento con grande facilit\u00e0 \u00e8 un enorme vantaggio. <\/p>\n\n\n\n<p>Puoi iniziare cos\u00ec a prendere confidenza con lo strumento e poi effettuare l\u2019upgrade quando lo riterrai necessario. Passiamo adesso alla pratica e scopriamo <strong>come funziona Elementor e come usarlo<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cos-\u00e8\">Cos&#8217;\u00e8 Elementor<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"442\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/Cosa-e-elementor-min.jpeg\" alt=\"Cosa e' elementor\" class=\"wp-image-93099\"\/><\/figure>\n\n\n\n<p><strong>Il page builder Elementor \u00e8 un plugin per WordPress<\/strong>, tradotto in italiano, che appartiene alla categoria dei <strong>visual page builder<\/strong>.<\/p>\n\n\n\n<p>Rilasciato nel 2016 \u00e8 stato subito apprezzato dalla community per l\u2019offerta gratuita di funzionalit\u00e0 in genere premium.<\/p>\n\n\n\n<p>Quasi il 12% di tutti i siti del mondo \u00e8 costruito con Elementor e s<em>u WordPress.org \u00e8 stato installato pi\u00f9 di 10 milione di volte, con una media voti invidiabile di 4.6 su 5 stelline.<\/em><\/p>\n\n\n\n<p>Queste statistiche confermano la grande popolarit\u00e0 di questo strumento che ha i suoi punti di forza in un\u2019interfaccia basata sul \u201cdrag and drop\u201d (trascinamento), davvero alla portata di tutti, e sui template pronti da usare.<\/p>\n\n\n\n<p>Se non sai come creare o modificare un tema o il design di un sito web, questo \u00e8 lo strumento che fa per te.<\/p>\n\n\n\n<p>Questo plugin ti permette di creare design personalizzati senza avere conoscenze tecniche, grazie ad un\u2019interfaccia intuitiva e ad anteprime in tempo reale che ti permettono di mettere alla prova i tuoi cambiamenti con pochi click del mouse.<\/p>\n\n\n\n<p><strong>Elementor<\/strong> ti mette a disposizione vari template che puoi semplicemente caricare in modo da avere l\u2019aspetto del sito pronto in pochi minuti.<\/p>\n\n\n\n<p>Utilizzando il tema appositamente sviluppato dagli stessi creatori, il tema Hello, avrai inoltre la certezza di una compatibilit\u00e0 totale.<\/p>\n\n\n\n<p>Come accennato, questo strumento ha una versione gratuita ma \u00e8 disponibile anche una versione premium, molto pi\u00f9 ricca di funzionalit\u00e0, a partire da 59 euro l\u2019anno per un sito.<\/p>\n\n\n\n<p>Puoi confrontare le funzionalit\u00e0 delle varie versioni visitando il sito ufficiale del plugin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"installazione\">Come utilizzare Elementor su WordPress: installazione e primi passi<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"479\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/Come-installare-Elementor.jpeg\" alt=\"Come installare Elementor\" class=\"wp-image-93100\"\/><\/figure>\n\n\n\n<p>Dopo aver installato e attivato il plugin, sia nella sua versione gratuita che in quella Pro, ti baster\u00e0 cliccare su <em>Elementor<\/em> nella bacheca di WordPress per accedere alle impostazioni del plugin.<\/p>\n\n\n\n<p><strong>Elementor<\/strong> di base \u00e8 abilitato per articoli e pagine e in questa sezione potrai decidere anche chi avr\u00e0 accesso agli strumenti messi a disposizione da questo plugin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"impostazioni\">Elementor: impostazioni generali<\/h2>\n\n\n\n<p>Nella sezione <em>Elementor &gt; Impostazioni<\/em> trovi le caselle per scegliere se utilizzare il plugin su pagine e articoli.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"263\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/impostazioni-elementor.jpg\" alt=\"impostazioni elementor\" class=\"wp-image-90983\"\/><\/figure>\n\n\n\n<p>Puoi inoltre mantenere le impostazioni del tuo tema per quanto riguarda i colori e i font. <\/p>\n\n\n\n<p>Se lasci queste caselle disattivate, potrai decidere colori e font direttamente durante la costruzione della pagina. <a href=\"https:\/\/sos-wp.it\/tutorial\/migliori-colori-per-il-tuo-sito-web\/\" target=\"_blank\" data-type=\"post\" data-id=\"12069\" rel=\"noopener\">Presta sempre attenzione ai colori che scegli<\/a>: sono un dettaglio importante per l&#8217;esperienza degli utenti.<\/p>\n\n\n\n<p>La sezione <em>Elementor &gt; Gestore ruolo<\/em>, invece, ti permette di scegliere chi pu\u00f2 avere accesso al builder in base al ruolo WordPress dell\u2019utente. <\/p>\n\n\n\n<p>Per esempio, puoi selezionare <em>Editor<\/em> per impedire che questo ruolo possa usare Elementor e utilizzi invece solamente l\u2019editor classico o a blocchi.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"771\" height=\"393\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/escludi-ruolo-elementor.jpg\" alt=\"Usare Elementor in base al ruolo utente\" class=\"wp-image-90984\"\/><\/figure>\n\n\n\n<p>Dopo aver effettuato i cambiamenti desiderati, ricordati di salvarli attraverso il pulsante disponibile nella schermata.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-funziona\">Plugin Elementor: ecco come funziona<\/h2>\n\n\n\n<p>Per aver accesso alle funzionalit\u00e0 del plugin ti baster\u00e0 creare un nuovo articolo o una nuova pagina sul tuo sito.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"274\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/Elementor-nuova-pagina.jpg\" alt=\"Elementor Page Builder per WordPress - screenshot creazione nuova pagina\" class=\"wp-image-43237\"\/><\/figure>\n\n\n\n<p>Cliccando sul pulsante <em>Modifica con Elementor<\/em> avrai accesso a una schermata di caricamento e poco dopo al page builder.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"339\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/Elementor-page-builer.jpg\" alt=\"Page Builder di Elementor\" class=\"wp-image-43240\"\/><\/figure>\n\n\n\n<p>Utilizzando il pulsante <em>+<\/em> (<em>Aggiungi nuova sezione<\/em>) potrai creare la tua pagina partendo da zero e utilizzare i comandi <em>drag and drop<\/em> nella colonna sulla sinistra.<\/p>\n\n\n\n<p>Scegli quindi la struttura della sezione in base al numero di colonne, poi seleziona il simbolo <em>+<\/em> all\u2019interno di essa per scegliere l\u2019elemento da inserire.<\/p>\n\n\n\n<p>Trascina dalla colonna di sinistra l\u2019elemento desiderato (<em>drag<\/em>) e poi rilascialo nella posizione che desideri (<em>drop<\/em>).<\/p>\n\n\n\n<p>Quando selezioni un elemento della pagina, avrai a disposizione diverse opzioni e le visualizzerai nella colonna a sinistra.<\/p>\n\n\n\n<p>Per esempio, potrai scrivere e formattare un testo, scegliere l\u2019immagine dalla libreria media, personalizzare il colore del link o di un\u2019icona, ecc.<\/p>\n\n\n\n<p>Se invece vuoi utilizzare i modelli disponibili dentro Elementor, seleziona il pulsante che rappresenta l\u2019icona di una cartella.<\/p>\n\n\n\n<p>Accederai cos\u00ec alla libreria dei template. Scegli quello che preferisci e poi personalizzalo a tuo piacimento.<\/p>\n\n\n\n<p>Qui troverai non solo interi modelli di pagine, ma anche di singoli elementi.<\/p>\n\n\n\n<p>Per provare le funzionalit\u00e0 di questo plugin al meglio, ti consiglio di partire quindi da uno dei template che hai a disposizione, cliccando sul pulsante&nbsp;<em>Aggiungi template<\/em>&nbsp;e scegliere quello che si avvicina di pi\u00f9 al design che avevi in mente.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"480\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/Elementor-templates.jpg\" alt=\"Template su Elementor - plugin per modificare design sito\" class=\"wp-image-43242\"\/><\/figure>\n\n\n\n<p>Se usi Elementor free, vedrai l\u2019etichetta <em>Pro <\/em>su alcuni di essi. Questo significa che sono modelli disponibili solo con la versione Premium.<\/p>\n\n\n\n<p>Clicca sul pulsante&nbsp;<em>Inserisci<\/em>&nbsp;per aggiungere il template da te scelto nella pagina.<\/p>\n\n\n\n<p>Una volta caricato il template, potrai selezionare gli elementi con il mouse e il plugin ti mostrer\u00e0 le impostazioni rilevanti nella colonna sulla sinistra.<\/p>\n\n\n\n<p>Quando crei una nuova sezione, ogni volta che passerai sopra di essa con il mouse comparir\u00e0 un piccolo menu di icone:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>il <em>+<\/em> indica l\u2019inserimento di una nuova sezione;<\/li>\n\n\n\n<li>i <em>puntini in fila<\/em> servono per trascinare la sezione in un\u2019altra posizione;<\/li>\n\n\n\n<li>la <em>X<\/em> elimina la sezione.<\/li>\n<\/ul>\n\n\n\n<p>Anche dopo che avrai caricato un template, potrai aggiungere nuovi elementi alla pagina, sempre utilizzando la tecnica del drag and drop.<\/p>\n\n\n\n<p>Puoi salvare i cambiamenti con il tasto <em>Save<\/em> (Salva se hai la versione italiana).<\/p>\n\n\n\n<p>Il pulsante <em>Salva<\/em> non pubblicher\u00e0 il contenuto sul sito, salver\u00e0 solo i tuoi cambiamenti.<\/p>\n\n\n\n<p>Potrai visualizzare un\u2019anteprima o tornare alla bacheca di WordPress, da cui in seguito potrai pubblicare il contenuto definitivo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"interfaccia\">Elementor basa l\u2019interfaccia su: sezioni, colonne e widget<\/h3>\n\n\n\n<p>Riepiloghiamo quali sono gli elementi su cui si basa questo page builder.<\/p>\n\n\n\n<p>Le <em>sezioni<\/em> sono i blocchi che compongono la tua pagina e sono un \u201craccoglitore\u201d per varie colonne e stili diversi.<\/p>\n\n\n\n<p>Ciascuna sezione si suddivide in <em>colonne<\/em> che determinano la struttura delle sezioni. Puoi scegliere il tipo di colonne al momento di creazione di una sezione.<\/p>\n\n\n\n<p>I <em>widget<\/em> sono i vari quadratini nella colonna sulla sinistra che rappresentano gli elementi che puoi posizionare dove vuoi trascinandoli nella sezione desiderata.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"269\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/elementor-sezione-1.jpg\" alt=\"Sezione su Elementor\" class=\"wp-image-43239\"\/><\/figure>\n\n\n\n<p>Ogni elemento, quindi sia le sezioni che i widget, possono essere personalizzati utilizzando le opzioni sulla sinistra.<\/p>\n\n\n\n<p>Per scoprire davvero le potenzialit\u00e0 di Elementor il mio consiglio \u00e8 di passare un po&#8217; di tempo e provare i vari comandi. Scoprirai che puoi fare moltissimo anche se non sei un utente esperto e otterrai sempre un ottimo risultato.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"theme-builder\">Come usare il Theme Builder di Elementor<\/h2>\n\n\n\n<figure class=\"wp-block-image alignleft size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"247\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/Elementor-Come-usare-il-Theme-Builder.jpg\" alt=\"Elementor - Come usare il Theme Builder\" class=\"wp-image-95635\"\/><\/figure>\n\n\n\n<p>Una delle caratteristiche pi\u00f9 interessanti di Elementor \u00e8 la possibilit\u00e0 di creare il tuo tema WordPress senza saper programmare.<\/p>\n\n\n\n<p>L\u2019opzione \u00e8 disponibile solo con la versione Pro.<\/p>\n\n\n\n<p>Ecco come usare questo strumento.<\/p>\n\n\n\n<p>Innanzitutto, vediamo quali elementi \u00e8 possibile realizzare con il Theme Builder.<\/p>\n\n\n\n<p>Vai su <em>Template &gt; Theme Builder<\/em>.<\/p>\n\n\n\n<p>Qui troverai diverse schede:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Theme builder<\/li>\n\n\n\n<li>Header<\/li>\n\n\n\n<li>Footer<\/li>\n\n\n\n<li>Single<\/li>\n\n\n\n<li>Single post<\/li>\n\n\n\n<li>Single page<\/li>\n\n\n\n<li>Archive<\/li>\n\n\n\n<li>Search results<\/li>\n\n\n\n<li>Error 404<\/li>\n<\/ul>\n\n\n\n<p>Per creare una Header personalizzata con Elementor, vai quindi su <em>Header<\/em> e seleziona <em>Aggiungi nuova header<\/em>. Assegna un nome e procedi.<\/p>\n\n\n\n<p>Anche in questo caso, potrai scegliere uno dei template disponibili. Clicca su <em>Inserisci <\/em>e inizia a personalizzare il suo aspetto (margini, dimensioni, colori\u2026).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"395\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/crea-header-elementor.jpg\" alt=\"crea header con Elementor\" class=\"wp-image-90985\"\/><\/figure>\n\n\n\n<p>Quando hai terminato: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>clicca sul pulsante <em>Pubblica<\/em> e ti verr\u00e0 chiesto dove utilizzare questa header. <\/li>\n\n\n\n<li>Aggiungi una condizione e scegli se mostrarla su tutto il sito o solo in pagine specifiche.<\/li>\n<\/ol>\n\n\n\n<p>La stessa procedura pu\u00f2 essere applicata anche alla creazione di tutti gli altri elementi.<\/p>\n\n\n\n<p>Quando realizzi una pagina come quella dei risultati di ricerca, assicurati di assegnare la giusta condizione per visualizzare questo template (in questo caso, dovrai selezionare <em>Search results<\/em>).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"469\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/search-results-elementor.jpg\" alt=\"Pagina ricerca Elementor\" class=\"wp-image-90986\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"popup\">Creare un popup con Elementor<\/h3>\n\n\n\n<p>Elementor Pro ha anche una interessante funzione per la creazione di<a href=\"https:\/\/sos-wp.it\/tutorial\/cosa-sono-i-popup\/\" target=\"_blank\" data-type=\"post\" data-id=\"88812\" rel=\"noopener\"> popup<\/a>.<\/p>\n\n\n\n<p>Vai su <em>Template &gt; Popups<\/em> e clicca su <em>Aggiungi nuovo popup<\/em>.<\/p>\n\n\n\n<p>Nella scelta del template, adesso troverai anche una sezione <em>Popup<\/em>, da cui selezionare quello che preferisci.<\/p>\n\n\n\n<p>Dopo averlo inserito potrai personalizzare diversi aspetti, dal contenuto alla grafica.<\/p>\n\n\n\n<p>Fin qui funziona tutto come per la creazione di qualsiasi altro elemento utilizzando il Theme Builder di Elementor.<\/p>\n\n\n\n<p>Ma adesso, quando clicchi su <em>Pubblica<\/em>, compariranno delle nuove opzioni.<\/p>\n\n\n\n<p>Prima di tutto, la sezione <em>Conditions<\/em> ti permette di scegliere dove mostrare il tuo popup (come abbiamo visto ad esempio per la header).<\/p>\n\n\n\n<p>Poi potrai selezionare il <em>Trigger<\/em>, ossia l\u2019evento che causer\u00e0 la visualizzazione del popup.<\/p>\n\n\n\n<p>Le opzioni sono diverse: al caricamento della pagina, al clic su un elemento, allo scroll, oppure anche nel momento in cui l\u2019utente cerca di uscire dalla pagina.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"476\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/impostazioni-popup-elementor.jpg\" alt=\"impostazioni popup elementor\" class=\"wp-image-90987\"\/><\/figure>\n\n\n\n<p>Grazie alle <em>Advanced rules<\/em>, infine, potrai stabilire impostazioni avanzate per il trigger. <\/p>\n\n\n\n<p>Ad esempio, puoi scegliere di visualizzare il popup dopo un certo periodo di tempo, oppure dopo che l\u2019utente ha visualizzato un certo numero di pagine.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"seo\">Elementor e SEO<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"514\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/Unidentclinique-min.jpg\" alt=\"Unidentclinique.it - Risultati Consulenza SEO di SOS WP\u2122\" class=\"wp-image-828\"\/><\/figure>\n\n\n\n<p>Ora che hai capito come funziona Elementor e hai gi\u00e0 sperimentato il suo uso per la creazione di pagine e articoli, \u00e8 il momento di passare a un livello superiore: la gestione della SEO con Elementor.<\/p>\n\n\n\n<p>Sappi che Elementor \u00e8 perfettamente compatibile con i <a href=\"https:\/\/sos-wp.it\/tutorial\/50-consigli-seo-per-wordpress\/\" target=\"_blank\" rel=\"noopener\">migliori plugin per la SEO<\/a>, tra cui Yoast SEO e Rank Math. <\/p>\n\n\n\n<p>Vediamo come funzionano questi plugin in una pagina creata con Elementor.<\/p>\n\n\n\n<p>Se usi <a rel=\"nofollow noopener sponsored\" target=\"_blank\" href=\"https:\/\/sos-wp.it\/raccomanda\/seo\/rankmath\/\" data-shortcode=\"true\">Rank Math<\/a>, nella colonna di sinistra troverai la voce SEO. <\/p>\n\n\n\n<p>Se non la vedi, assicurati di non aver selezionato una sezione o un widget (ti baster\u00e0 fare clic al di fuori dell\u2019elemento o cliccare sul simbolo che rappresenta dei quadratini).<\/p>\n\n\n\n<p>Inserisci la tua keyword principale per permettere a Rank Math di analizzare il testo.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"576\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/rank-math-elementor.jpg\" alt=\"rank math elementor\" class=\"wp-image-90989\"\/><\/figure>\n\n\n\n<p>Nella sezione Preview, vedrai l\u2019anteprima dello snippet.<\/p>\n\n\n\n<p>Clicca su <em>Edit snippet <\/em>per modificare il title, il meta tag description e il permalink della pagina.<\/p>\n\n\n\n<p>Qui troverai anche la sezione <em>Social<\/em>.<\/p>\n\n\n\n<p>Infine, visualizzerai tutti i suggerimenti del plugin.<\/p>\n\n\n\n<p>Se invece il tuo plugin preferito per la SEO \u00e8 <a href=\"https:\/\/sos-wp.it\/tutorial\/come-ottimizzare-sito-con-seo-by-yoast\/\" target=\"_blank\" rel=\"noopener\">Yoast SEO<\/a>, per trovare le sue impostazioni seleziona il menu rappresentato dall\u2019icona con le tre righe. <\/p>\n\n\n\n<p>Quindi clicca su Yoast SEO.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"524\" src=\"https:\/\/sos-wp.it\/wp-content\/uploads\/yoast-elementor.jpg\" alt=\"yoast elementor\" class=\"wp-image-90988\"\/><\/figure>\n\n\n\n<p>Inserisci ora la tua frase chiave principale e consulta i suggerimenti del pugin per migliorare i tuoi contenuti.<\/p>\n\n\n\n<p>La voce <em>Anteprima di Google <\/em>ti permette di modificare title, description e slug.<\/p>\n\n\n\n<p><em>Anteprima di Facebook <\/em>e <em>Anteprima di Twitter <\/em>servono invece per le condivisioni sui social.<\/p>\n\n\n\n<p>Trovi infine le impostazioni per i dati strutturati, le avanzate e il pulsante <em>Cornerstone<\/em>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Domande frequenti riguardo il plugin Elementor<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1619631931791\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Elementor, cos&#8217;\u00e8?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Il page builder Elementor \u00e8 un plugin per WordPress, tradotto in italiano, che appartiene alla categoria dei visual page builder.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1619631966238\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Page builder Elementor ha una versione gratuita?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>S\u00ec, ma mette a disposizione anche una versione premium a partire da 49$\/anno.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1619631986446\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">WordPress Elementor \u00e8 un plugin che pu\u00f2 essere usato solo da professionisti?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>No, assolutamente. Chiunque pu\u00f2 facilmente installarlo e utilizzarlo. \u00c8 un prodotto accessibile anche ai principianti.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1619632007635\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Page builder Elementor permette anche di caricare nuovi template?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>S\u00ec, consente di aggiungere tutti i template che si desidera, oltre a proporne una grandissima variet\u00e0.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<p class=\"conclusione\">Conclusione<\/p>\n\n\n\n<p>In questa guida abbiamo spiegato che cosa \u00e8&nbsp;<strong><a rel=\"nofollow noopener sponsored\" target=\"_blank\" href=\"https:\/\/sos-wp.it\/raccomanda\/plugin\/elementor\/\" data-shortcode=\"true\">Elementor<\/a><\/strong> e come usarlo in pochi semplici passi. Creare un sito web e curarne il design pu\u00f2 essere un\u2019impresa ardua ed estremamente costosa se ci si rivolge a professionisti.<\/p>\n\n\n\n<p><em>Quando mancano le risorse e le conoscenze per creare un sito, WordPress ed <strong>Elementor<\/strong> sono una coppia vincente!<\/em><\/p>\n\n\n\n<p>Con un pochino di impegno, i risultati saranno sbalorditivi e nessuno creder\u00e0 che tu sia riuscito a creare un sito web unico, ottimizzato e dall\u2019aspetto professionale senza utilizzare neanche una riga di codice. Ti consiglio anche di leggere la mia guida su <a href=\"https:\/\/sos-wp.it\/come-creare-sito-web\/\" data-type=\"page\" data-id=\"110668\">come creare un sito web<\/a> per avere maggiori informazioni e spunti utili!<\/p>\n\n\n\n<p><strong><em>Hai provato ad usare il page builder Elementor?<\/em><\/strong><\/p>\n\n\n\n<p><strong><em>Quali sono le funzioni che preferisci?<\/em><\/strong><\/p>\n\n\n\n<p>Parliamone nei commenti.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Imparare come utilizzare Elementor su WordPress pu\u00f2 darti una grande mano se hai deciso di creare un sito web e vuoi modificarne l\u2019aspetto senza scervellarti con il codice. Per chi \u00e8 alle prime armi, creare un sito web pu\u00f2 sembrare un\u2019impresa davvero difficile, modificarne il design anche peggio. Per gli utenti pi\u00f9 esperti, creare un [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":108224,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[8],"tags":[97,133,12,38],"class_list":["post-43235","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","tag-creare-sito","tag-page-builder","tag-popolare","tag-risorsa-consigliata"],"acf":[],"_links":{"self":[{"href":"https:\/\/sos-wp.it\/wp-json\/wp\/v2\/posts\/43235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sos-wp.it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sos-wp.it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sos-wp.it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sos-wp.it\/wp-json\/wp\/v2\/comments?post=43235"}],"version-history":[{"count":0,"href":"https:\/\/sos-wp.it\/wp-json\/wp\/v2\/posts\/43235\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sos-wp.it\/wp-json\/wp\/v2\/media\/108224"}],"wp:attachment":[{"href":"https:\/\/sos-wp.it\/wp-json\/wp\/v2\/media?parent=43235"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sos-wp.it\/wp-json\/wp\/v2\/categories?post=43235"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sos-wp.it\/wp-json\/wp\/v2\/tags?post=43235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}