Presentazione di Elementor 3.9: nuova opzione Salva come predefinita per gli elementi per migliorare il flusso di lavoro di progettazione

Elementor 3.9 include la nuova opzione Salva come predefinito, amplia le capacità di Loop Builder per supportare WooCommerce e il layout basato su sezioni e diverse funzionalità aggiuntive che migliorano il design del tuo sito Web e la sua esperienza utente.

Nuovo: Salva come predefinito

Con Elementor 3.9, puoi sfruttare la nuova funzione Salva come predefinito per migliorare il tuo flusso di lavoro di progettazione e personalizzare completamente il modo in cui gli elementi appaiono sul tuo sito web dopo essere stati trascinati nell'Editor.

Con questo aggiornamento potrai regolare tutte le impostazioni predefinite di ogni singolo elemento e personalizzarlo a tuo piacimento. Puoi sostituire l'immagine segnaposto con qualsiasi immagine che preferisci, come il tuo logo, regolare il testo segnaposto e sostituire i colori e i caratteri con quelli che preferisci. Quindi, salvalo come predefinito facendo clic con il pulsante sinistro del mouse sull'elemento e salvandolo. Dopo questa azione, ogni volta che trascini un nuovo widget che hai regolato, visualizzerà le nuove impostazioni predefinite che hai configurato per esso. Per migliorare il flusso di lavoro e accelerare il processo di creazione del sito Web, tutte le nuove impostazioni predefinite possono anche essere trasferite a qualsiasi kit o modello importato/esportato.

Ogni elemento Elementor include uno stile predefinito preconfigurato e impostazioni avanzate. Questi includono immagini segnaposto, icone o testi, colori e caratteri predefiniti o associazione con colori e caratteri globali specifici. Significato: se prendiamo come esempio il widget Pulsante, ogni volta che lo trascini nell'Editor dal pannello del widget, lo sfondo adotterà il colore Accento impostato nei tuoi Colori globali, il colore del testo sarà bianco, ecc.

Poiché la nuova funzione Salva come predefinito salverà tutte le modifiche apportate agli elementi prima di salvarli, è importante prestare particolare attenzione a non includere informazioni riservate prima di salvare come nuovo predefinito. Ad esempio, non è consigliabile includere l'indirizzo e-mail del proprio conto PayPal prima di salvare il pulsante PayPal come nuovo widget. Lo stesso vale per qualsiasi informazione sensibile, inclusi CSS ID, chiavi API e così via.

Di seguito sono riportati tre (di molti) esempi di come è possibile utilizzare la nuova funzione Salva come predefinito:

1. Aggiorna i colori o i caratteri di un elemento, da associare a diversi colori o caratteri globali (come primari anziché secondari)
2. Imposta un nuovo riempimento predefinito e i margini di un widget, come un pulsante.
3. Includi un logo, un'immagine o istruzioni specifiche come segnaposto immagine per widget immagine o segnaposto testo per widget testuali. In questo modo, puoi promuovere continuamente la tua attività come web creator presso i tuoi clienti e assisterli mentre effettuano gli aggiornamenti del sito web.

[Pro] Loop Builder esteso per supportare WooCommerce e sezioni

Dopo il rilascio di Loop Builder in Elementor 3.8, questa versione amplia le capacità di Loop Builder per supportare WooCommerce. Con questo aggiornamento, sarai in grado di progettare il tuo modello personalizzato per gli elenchi di prodotti in modo da poter liberare la tua creatività durante la progettazione dei tuoi siti Web di e-commerce.

Ora, quando utilizzi Loop Builder, inizierai scegliendo il tipo di modello che desideri creare, per WooCommerce, sceglierai Prodotti. Quindi, il pannello dei widget consiglierà i widget WooCommerce nella parte superiore, ma puoi utilizzare qualsiasi widget e qualsiasi tag di contenuto dinamico per visualizzare contenuti WooCommerce aggiuntivi nel tuo modello di elemento principale.

Una volta finalizzato il design del tuo modello, potrai utilizzarlo su qualsiasi pagina, regolarne il layout, l'impaginazione e lo stile e visualizzare i tuoi prodotti nel modo che meglio si adatta al tuo design e al tuo marchio.

Elementor 3.9 introduce anche il supporto per il layout della colonna della sezione, quindi se non sei ancora pronto per iniziare a utilizzare i contenitori Flexbox, puoi comunque utilizzare il Loop Builder per creare elenchi personalizzati utilizzando il layout della colonna della sezione.

[Pro] Regola avanzata popup migliorata: mostra fino a X volte persistenti o per sessione / giorno / settimana / mese

Una delle richieste più popolari per Elementor Popups è stata quella di migliorare la regola avanzata che determina quante volte appare un popup. Fino ad ora, avresti potuto far apparire il popup X numero di volte, ma l'intervallo di tempo in cui sarebbero apparsi non sarebbe stato specificato. Quindi, se imposti un popup in modo che appaia 3 volte, apparirà le successive 3 volte che il visitatore visiterà il tuo sito web, indipendentemente dalla loro frequenza di visita.

Con questa regola avanzata aggiornata, sarai in grado di impostare il numero di volte in cui desideri che il popup appaia - in modo persistente o entro un periodo di tempo specifico di - una sessione, un giorno, una settimana o un mese. In questo modo, puoi pubblicare i tuoi popup con la frequenza desiderata, migliorare l'esperienza dell'utente e ottenere il risultato desiderato del popup.

Miglioramenti delle prestazioni

Siamo costantemente alla ricerca di modi per migliorare le prestazioni del tuo sito web e recentemente abbiamo collaborato con Chrome per identificare insieme le aree di opportunità. Elementor ha utilizzato gli strumenti di Google, tra cui il rapporto sull'esperienza utente di Chrome e il rapporto sulla tecnologia Core Web Vitals, mentre riceveva consulenza tecnica da un esperto di Chrome. Elementor 3.9 introduce una serie di miglioramenti delle prestazioni che possono avere un impatto significativo sulle prestazioni del tuo sito web, tra cui:

Immagini di sfondo Lazy Load Alpha Experiment

Le immagini di sfondo sono parte integrante della progettazione di un sito Web, ma possono avere un impatto negativo sulle prestazioni e sul punteggio di Largest Contentful Paint (LCP). Ottimizzare le prestazioni del tuo sito web e il punteggio LCP è importante per ottimizzare l'esperienza dei tuoi visitatori quando visitano il tuo sito, oltre a migliorare la tua rilevabilità nei risultati dei motori di ricerca.

Aggiungendo il Lazy Load alle immagini di sfondo, puoi migliorare le prestazioni del tuo sito web e il punteggio LCP, senza compromettere l'aspetto del tuo sito web.

L'attivazione di questo esperimento applicherà il lazy load a tutte le immagini di sfondo below the fold, nelle seguenti aree:

• Sezione: sfondo della sezione e sovrapposizione dello sfondo della sezione
• Colonna – sfondo della colonna
• Contenitore: sfondo del contenitore e sovrapposizione dello sfondo del contenitore
• Sfondo widget generico: accessibile dalla scheda Avanzate.

Elementor ora compatibile con Performance Lab per "Caricamenti WebP"

Quando attivi il plug-in Performance Lab, le immagini caricate come JPEG verranno automaticamente convertite in WebP. Se il plug-in Performance Lab non è in grado di convertire correttamente il formato dell'immagine in WebP, il sito Web mostrerà il JPEG predefinito. Inoltre, solo le immagini JPEG caricate dopo l'attivazione del plug-in Performance Lab verranno convertite in formato WebP, tutte le immagini caricate prima manterranno il loro formato JPEG.

Più personalizzazione, più design, più da Elementor

Elementor 3.9 ti consente di ottenere di più con i tuoi siti Web, in un modo più conveniente. Con la nuova possibilità di salvare come predefinito, puoi personalizzare il punto di partenza di ogni elemento in base alle esigenze del tuo sito Web e accelerare il processo di creazione. Questo aggiornamento include anche miglioramenti al Loop Builder, così puoi personalizzare ancora di più il design dei tuoi siti web, oltre a un'abbondanza di funzioni di miglioramento delle prestazioni, quindi non devi scegliere tra l'aspetto del tuo sito web e il suo prestazione.

Prova le nuove funzionalità di Elementor 3.9 e facci sapere come utilizzerai queste nuove funzionalità sul tuo sito web nella sezione dei commenti.