Elementor Pro: 10 fantastiche funzionalità da sbloccare - Parte I

Ti piacerebbe conoscere le migliori funzionalità da padroneggiare su Elementor Pro?

Tutti gli utenti di WordPress lo sapevano. Elementor è uno dei costruttori di pagine più popolari. Essendo un plug-in freemium, puoi goderti l'esperienza di creare una bella pagina in modo visivo utilizzando Elementor con un'opzione per passare alla versione pro per sbloccare funzionalità più avanzate.

Leggi la nostra guida su: Come installare Elementor su WordPress

Esistono in realtà due modi per estendere la funzionalità di Elementor. Oltre all'aggiornamento alla versione pro, puoi anche installare componenti aggiuntivi di terze parti sviluppati da sviluppatori noti come noiDevs, Sviluppatore WP, a Coccodrillo. Se preferisci invece eseguire l'aggiornamento a Elementor Pro e ti stai ancora chiedendo quali funzionalità puoi sbloccare, ecco l'elenco.

Le 20 migliori funzionalità di Elementor Pro

1. Generatore di temi

WordPress è scritto in PHP. Detto questo, per creare un plugin o un tema WordPress, devi anche essere esperto in PHP e supportare linguaggi come JavaScript. Ma questo era prima. Oggi puoi crearne uno tuo tema WordPress senza codificare grazie alla funzione di creazione di temi offerta da alcuni plugin per la creazione di pagine come Elementor.

Che cos'è un generatore di temi?

Per comprendere il concetto di generatore di temi, devi prima comprendere i componenti di a tema WordPress. Un tema WordPress è costituito da file modello. Ogni file modello controlla il layout di una parte del tema. Ad esempio, il file header.php controlla il layout dell'intestazione del tema, mentre il file footer.php controlla il layout del piè di pagina del tema. La maggior parte Temi WordPress avere i seguenti file modello:

• header.php: Per controllare il layout dell'intestazione.
• piè di pagina.php: Per controllare il layout del piè di pagina.
• singolo.php: Per controllare il layout del singolo articolo (post del blog).
• sidebar.php: Per controllare il layout della barra laterale.
• archivio.php: Per controllare il layout delle pagine di archivio.
• pagina.php: Per controllare il layout della pagina.

Un generatore di temi ti consente di creare modelli personalizzati per sostituire i modelli di cui sopra, così come altri modelli che appartengono a un tema. Puoi creare il modello personalizzato utilizzando l'editor visivo del generatore di pagine che stai utilizzando (Elementor in questo caso).

Uno dei vantaggi dell'utilizzo di un generatore di temi invece di un tema è che puoi definire dove verrà applicato un modello personalizzato. Ad esempio, puoi definire un modello di intestazione personalizzato da applicare a un determinato post, pagina, post in determinate categorie, all'intero sito Web, ecc.

In altre parole, puoi avere diversi layout di una determinata parte del tema (ad esempio l'intestazione) creando più modelli personalizzati per la stessa parte. Un altro vantaggio è che hai opzioni di personalizzazione illimitate.

2. Generatore di WooCommerce

Hai un sito eCommerce basato su WooCommerce? Elementor Pro è anche in grado di portare il design del tuo sito eCommerce a un livello superiore consentendoti di creare modelli personalizzati per il tuo negozio online WooCommerce. Non è necessario acquistare un tema WooCommerce.

Leggi: Come creare una pagina personalizzata di un negozio WooCommerce con Elementor

Invece, puoi personalizzare tu stesso parti di WooCommerce usando l'editor visivo di Elementor. Le parti di WooCommerce per le quali puoi creare modelli personalizzati sono:

• Pagina del singolo prodotto
• Pagine archivio prodotti (categorie e tag)
• Pagina del negozio

Hai i seguenti widget per creare i modelli personalizzati per WooCommerce:

Prodotti	Valutazione del prodotto
WooCommerce Breadcrumb	Stock di prodotti
Aggiungi al carrello personalizzato	Prodotto Meta
WooCommerce Pagine	Breve Descrizione
Categoria di prodotti	Contenuto del prodotto
Carrello menu	Schede dei dati del prodotto
Prodotto	Informazioni aggiuntive
Immagini del prodotto	Relativo al prodotto
Prezzo del prodotto	upsells
Aggiungi al Carrello

3. Generatore di moduli

Elementor Pro ti dà accesso al widget Modulo. Puoi utilizzare questo widget per aggiungere un modulo alla pagina/modello di creazione di temi su cui stai lavorando. Questo widget ti consente di creare un'ampia varietà di tipi di modulo, grazie al suo ampio supporto per i tipi di campo. Ecco i tipi di campo supportati dal widget Modulo di Elementor:

Testo	Accettazione
E-mail	nascosto
Textarea	HTML
URL	Password
Numero di telefono	File Upload
Seleziona	Ora
casella di controllo	Data
radio	Numero

4. Generatore di popup

Il generatore di pop-up è una delle funzionalità che puoi sbloccare dopo l'aggiornamento a Elementor Pro. Questa funzione ti consente di creare bellissimi pop-up sul tuo sito Web senza codifica. Puoi persino utilizzare i modelli di modulo già pronti offerti per semplificare il tuo flusso di lavoro.

Ci sono oltre 100 modelli pop-up già pronti offerti da Elementor.

Il generatore di pop-up di Elementor stesso supporta i seguenti tipi di trigger:

• Al caricamento della pagina - Durante il caricamento della pagina
• Durante lo scorrimento - Durante lo scorrimento
• Durante lo scorrimento all'elemento - Durante lo scorrimento all'elemento
• Al clic - Al clic
• Dopo l'inattività - Dopo l'inattività
• Intento di uscita sulla pagina - Intento di uscita sulla pagina

Il generatore di popup di Elementor Pro supporta anche le condizioni di visualizzazione, che ti consentono di definire dove apparirà un popup. Consente inoltre di visualizzare una finestra pop-up in base alle seguenti condizioni:

• Dopo x visualizzazioni di pagina
• Dopo x sessioni
• Quando si arriva da un determinato URL
• Quando arrivano i motori di ricerca
• Mostra una finestra pop-up solo per gli utenti offline
• Visualizzazione su specifici tipi di dispositivi (desktop, tablet, smartphone)
• Mostra in browser Web specifici

Con il suo supporto per trigger a clic, puoi anche utilizzare il generatore di pop-up per creare sia a menu a schermo intero e un menu al di fuori della tela.

5. Integrazioni di terze parti

Come accennato in precedenza, puoi utilizzare il widget Form di Elementor per creare una vasta gamma di moduli grazie al suo ampio supporto per i campi modulo. Uno di questi ti consente di utilizzare il widget Modulo per creare un modulo di registrazione e-mail per generare lead.

Puoi collegare il tuo modulo ai servizi di email marketing più diffusi come ActiveCampaign, GetResponse, ecc.

Ecco i servizi di terze parti con cui puoi integrare il tuo modulo:

• GetResponse
• ActiveCampaign
• MailerLite
• ConvertiKit
• MailPoet
• Mailchimp
• Drip
• Slack
• Discordia
• HubSpot

Queste integrazioni di terze parti sono particolarmente utili se desideri utilizzare Elementor per creare landing page.

6. CSS personalizzato

È vero che Elementor ti consente di creare bellissime pagine sul tuo sito Web WordPress senza dover gestire i CSS. Tuttavia, se vuoi creare un sito Web completamente unico, puoi usare le tue abilità CSS. Questa funzione ti consente di implementare le funzionalità CSS che non sono ancora disponibili su Elementor, come CSS Transform per aggiungere un elegante effetto hover su Elementor.

Leggi anche: Come importare o esportare modelli in Elementor

Puoi aggiungere CSS personalizzati a ciascun elemento Elementor. Che si tratti di una sezione, colonna o widget. Puoi accedere al blocco CSS personalizzato sotto la scheda avanzato dal pannello delle impostazioni (pannello sul lato sinistro) nell'editor di Elementor per aggiungere CSS personalizzati.

7. Effetti di movimento

Elementor Pro è dotato di opzioni di regolazione che ti consentono di applicare effetti di movimento a un elemento sulla pagina su cui stai lavorando. Puoi utilizzare la funzione per aggiungere effetti di animazione alla tua pagina senza dover comprendere JavaScript.

Gli effetti di movimento offerti da Elementor Pro si dividono in due tipi: l'effetto di scorrimento e l'effetto mouse. Inoltre, puoi anche applicare l'opzione adesiva alla sezione e ai widget.

8. Oltre 90 widget

Come sai, Elementor viene rilasciato come plug-in freemium, il che significa che è disponibile una versione gratuita per farti godere l'esperienza utente di Elementor senza spendere un centesimo. Sebbene Elementor Free offra widget di base, la versione pro include widget più avanzati come Form, Post, Login, Listino prezzi, ecc.

Ecco i widget che puoi sbloccare dopo l'aggiornamento a Elementor Pro.

Ci sono oltre 90 widget che puoi sbloccare in totale (widget gratuiti e widget professionali)

9. Contenuto dinamico

Non solo puoi utilizzare Elementor per creare siti Web statici. Con il suo supporto per i contenuti dinamici, puoi anche utilizzare Elementor per creare un sito Web dinamico come un blog, un portale di notizie, un sito Web di annunci e altri tipi di siti Web dinamici. Puoi aggiungere contenuto dinamico a un modello o a una pagina per la creazione di temi utilizzando i seguenti widget:

• Logo del sito
• Titolo del sito
• Titolo della pagina
• Titolo del post
• post estratto
• Immagine in primo piano
• Informazioni sul post
• Post

10. Campi personalizzati

I widget di cui abbiamo parlato al punto 9 sopra possono essere utilizzati per aggiungere contenuti dinamici predefiniti di WordPress, come titolo del post, meta del post, immagine in primo piano, ecc.

E i campi personalizzati? Elementor Pro ti consente anche di aggiungere Campi personalizzati. Massimizzando questa funzionalità, puoi utilizzare Elementor per creare qualsiasi tipo di sito Web con plug-in minimi possibili. Elementor Pro è compatibile con i seguenti popolari plugin di campi personalizzati:

• baccelli
• Avanzate Campi personalizzati
• toolset
• JetEngine

Come integrare un determinato plug-in di campo personalizzato con Elementor?

Puoi semplicemente creare il gruppo di campi personalizzati utilizzando il tuo plug-in di campo personalizzato preferito e utilizzare Elementor per visualizzare i dati dei campi personalizzati che hai creato. Puoi visualizzare campi personalizzati su un modello. Puoi leggere il nostro articolo precedente per scoprirlo come aggiungere campi personalizzati in Elementor.

Alla fine

Elementor è un ottimo strumento per creare un bellissimo sito Web senza dover gestire alcun codice. Che si tratti di codici CSS, codici HTML, codici PHP o codici JavaScript. La versione gratuita di Elementor è stata fantastica, ma per sbloccare il suo potenziale come miglior plug-in per la creazione di pagine è necessario sbloccare tutte le funzionalità, cosa che puoi fare aggiornando alla versione pro.

Qui finisce questo primo elenco di funzionalità che potrai sbloccare utilizzando Elementor Pro. Scoprirete i prossimi in un altro articolo.