Vai al contenuto principale

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

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

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, WPDeveloper,Crocoblock. 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 competente in PHP e supportare linguaggi come JavaScript. Ma questo era prima. Oggi puoi creare il tuo tema WordPress senza codifica grazie alla funzione di creazione di temi offerta da alcuni plug-in di 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 un 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 dei temi WordPress ha 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).

elementor-pro-awesome-features-to-master

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:

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

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

3. Generatore di moduli

elementor-pro-awesome-features-to-master

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
Tale File Upload
Seleziona Ora
casella di controllo Data
radio Numero

Puoi incorporare il tuo modulo in reCAPTCHA per proteggerlo dagli spammer. Con un piccolo trucco, puoi anche usare il widget Modulo per creare un pagina di registrazione sul tuo sito web. Elementor ti consente anche di creare un modulo in più passaggi per consentire di creare una forma lunga semplificata, nonché per fornire un provide migliore esperienza utenteai tuoi utenti.

Elementor stesso non ha una funzione predefinita per gestire l'invio di moduli. Il widget Modulo di Elementor supporta integrazioni con i servizi popolari GetResponse, ActiveCampaign, ConvertKit, Discord, ecc.

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.

elementor-pro-awesome-features-to-master

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:

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

  • 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 affrontare CSS. Tuttavia, se desideri creare un sito Web completamente unico, puoi utilizzare le tue abilità CSS. Questa funzione ti consente di implementare funzionalità CSS che non sono ancora disponibili su Elementor, come CSS Transform per aggiungere un elegante effetto hover a 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.

Messaggi Conto alla rovescia post estratto
Portfolio Pulsanti Condividi Immagine in primo piano
Diapositive blockquote Box dell'autore
Modulo Pulsante Facebook Pubblica commenti
Accedi Facebook Comments Post Navigation
Titolo animato Incorporamento di Facebook Informazioni sul post
Prezzo di listino Facebook Page Prodotti
Tabella dei prezzi Modello WooCommerce Breadcrumb
Flip box Logo del sito Aggiungi al carrello personalizzato
Call to Action Titolo del sito WooCommerce Pagine
Carosello multimediale Riquadro pagina Categorie di Prodotto
Testimonianza Carousel Nav Menu Carrello menu
Recensioni Modulo di ricerca Lottie
Mappa del sito Titolo del post Evidenzia codice
Video Playlist Pulsante PayPal hotspot

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

9. Contenuto dinamico

Non solo puoi usare 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 blog, portale di notizie, sito Web di annunci e altri tipi di siti Web dinamici. Puoi aggiungere contenuto dinamico a un modello o a una pagina del generatore 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
  • Messaggi

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.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

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

Ottieni Elementor Pro ora!

Conclusione

Ecco ! Questo è tutto per questo articolo che ti presenta le migliori fantastiche funzionalità da padroneggiare su Elementor Pro. Se hai dubbi su come arrivarci ffacci sapere in commentaires.

Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.

Ma nel frattempo, condividi questo articolo sui tuoi diversi social network.

...

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
0 azioni
quota
Tweet
Enregistrer