Come utilizzare Elementor per creare siti Web

Ti piacerebbe utilizzare Elementor per creare siti web?

In questi tempi di incertezza economica e allontanamento sociale, le aziende stanno cercando di espandere la loro presenza online più che mai. 

Se stai cercando di avviare la tua attività online o se sei uno scrittore freelance che crea siti Web per affari, Elementor può aiutarti a costruire in modo efficace un sito Web economico e di facile manutenzione.

Elementor è un file page builder visivo di WordPress, il che significa che puoi creare fantastici progetti senza dover scrivere una sola riga di codice. Se vuoi saperne un po' di più su questo WordPress Plugin, puoi consultare il nostro articolo sulla presentazione dell'interfaccia di Elementor

In questo articolo, ti diremo qualcosa in più sul perché Elementor è lo strumento migliore per la creazione di siti Web. Successivamente, ti mostreremo come utilizzare Elementor per creare un sito Web.

Ma prima, se non hai mai installato WordPress, scopriamolo Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog

Quindi torniamo al perché siamo qui. 

Se desideri maggiori dettagli su come utilizzare Elementor per creare siti Web, HubSpot Academy ed Elementor hanno collaborato per offrire un corso online gratuito che copre tutto, dalla configurazione del tuo hosting web alla creazione e al lancio del tuo sito Web WordPress.

Perché usare Elementor per creare siti web

L'utilizzo di Elementor per creare siti Web può:

• Risparmia tempo e ti aiuta a costruire i tuoi siti web più velocemente.
• Riduci la complessità dei tuoi siti web, elimina i bug e crea un processo di manutenzione più semplice quando si tratta di aggiornamenti e test.
• Risparmia denaro e semplifica i costi in modo da poter valutare meglio un progetto.

Rivediamo i vantaggi.

Risparmia tempo ed evita il codice

Che tu sia un designer, uno sviluppatore o solo un normale utente di WordPress, Elementor può accelerare il tuo flusso di lavoro con la sua interfaccia visiva, che supporta la funzionalità di trascinamento della selezione.

Durante l'esperienza, non dovrai mai interagire direttamente con il codice a meno che non lo desideri. Se vuoi un po 'più di controllo, puoi facilmente usare il tuo CSS personalizzato se necessario.

Scopri Come aggiungere un sommario in WordPress con Elementor

Infine, se vuoi davvero risparmiare tempo, Elementor viene fornito con centinaia di modelli che puoi importare. Tutto quello che devi fare è importare il modello che ti piace, modificare il contenuto in modo che corrisponda al tuo marchio e il gioco è fatto.

Riduci la complessità ed elimina i bug

Con un tipico sito Web WordPress, il prodotto finale è solitamente un mosaico di plugin di diversi sviluppatori.

Non c'è niente che tenga insieme questi strumenti separati tranne il tempo e lo sforzo che dedichi a usarli creare un sito Web coerente.

Questo va bene per un po ', ma può anche portare a potenziali problemi, perché ogni sviluppatore cambierà e aggiornerà in modo indipendente il proprio plug-in.

Ad esempio, lo sviluppatore del tuo Plugin di scorrimento di WordPress può apportare una modifica che causa problemi su la home page(che hai creato con un altro plugin).

Con Elementor, hai accesso a tutti gli strumenti importanti sotto lo stesso tetto.

Scopri l'elenco dei migliori plugin WordPress Elementor per creare calendari di eventi

Ad esempio, con Elementor et Elementor Pro, ottieni strumenti per aiutarti a creare:

• cursori
• forme
• moduli di lead generation
• gallerie
• popup
• portafogli
• tabelle dei prezzi
• e altro ancora…

Tutti questi strumenti sono disponibili nello stesso plug-in dello stesso sviluppatore, quindi puoi essere certo che una modifica ai moduli di generazione di lead non causerà mai problemi con il popup in cui visualizzi il modulo.

Inoltre, ti semplifica la vita quando arriva il momento di aggiornare i tuoi siti web. Invece di dover utilizzare un sito Web di prova per testare un gruppo di plug-in diversi in momenti diversi, tutto ciò che devi fare è testare e aggiornare un singolo strumento.

Fondamentalmente puoi utilizzare Elementor come base del tuo sito Web per semplificare tutto e quindi combattere per raggiungere obiettivi aziendali specifici come utilizzare il Plugin WordPress gratuito HubSpot per generare lead tramite modulo, chat dal vivo e popup, che si inseriscono nel CRM HubSpot gratuito.

Risparmia denaro e semplifica i costi

Infine, Elementor può aiutarti a risparmiare denaro su grandi progetti.

Proprio come avere accesso a strumenti importanti in un plugin riduce la complessità del tuo sito web, abbassa anche il prezzo che devi pagare.

Scopri la nostra guida su Come personalizzare WordPress per aumentare le conversioni

Elementor ha una versione gratuita per Basic Builder. Quindi, per accedere a funzionalità aggiuntive come forme, cursori, popup e altro, devi solo pagare una tariffa fissa.

Non è prevista alcuna ricarica per funzionalità diverse o la necessità di acquistare plug-in diversi, il che mantiene bassi i costi.

Leggi anche il nostro tutorial su Come incorporare file PDF in WordPress

Aiuta anche a ridurre i costi e facilitare la determinazione del prezzo dei progetti dei clienti. Invece di dover aggiustare una serie di strumenti diversi nella tua proposta, puoi mantenerla molto più semplice e concentrarti su ciò che addebiti per il tuo tempo e la tua esperienza, non i tuoi strumenti.

Come utilizzare Elementor per creare siti Web

Ora che conosci alcuni dei motivi per cui Elementor è un ottimo strumento per creare siti Web, vediamo come utilizzare Elementor per creare un sito Web grandioso.

1. Scegli il tuo tema WordPress

Elementor è un plugin, quindi dovrai sempre scegliere un tema da abbinare a Elementor.

Download | Demo | Web hosting

Poiché utilizzerai Elementor per controllare il design di tutto / la maggior parte del tuo sito web, dovresti concentrarti sulla ricerca di un tema WordPress che offra le funzionalità di cui hai bisogno oltre al supporto completo per le funzionalità di. Elementor. Ad esempio, se vuoi essere in grado di aggiungere personale, testimonianze e un portfolio, dovresti scegliere un tema con questi tipi di post, come il Tema WordPress Pearl.

L'altra base più leggera possibile è la Ciao tema Elementor. Hello è fondamentalmente una tela bianca al 100% per i tuoi disegni.

Poiché il tema WordPress Hello non aggiunge nessuno dei suoi stili o funzionalità, manterrà il tuo sito Web leggero, con un caricamento della pagina fluido.

Se desideri avere un tema WordPress con i suoi stili, forse per controllare l'intestazione del tuo sito web o l'esperienza di pagamento per un negozio online WooCommerce, devi dare un'occhiata a questa raccolta di i migliori temi WordPress di Elementor.

2. Scegli la tua versione di Elementor

Elementor è disponibile sia in una versione gratuita su WordPress.org, così come una versione premium che aggiunge molte più funzionalità, chiamata Elementor Pro.

Con la versione gratuita di Elementor, puoi creare siti web pagina per pagina. Ad esempio, puoi creare un layout per la tua home page, un altro per il tuo " Pagina su », Quindi creare pagine separate per ogni articolo nel portfolio.

Tuttavia, per andare oltre potresti dover prendere in considerazione Elementor Pro.

Elementor Pro non solo ti offre più strumenti di progettazione come cursori e moduli, ma ti offre anche un modo completamente nuovo per creare siti Web con un generatore di temi.

Con Elementor Theme Builder, puoi creare modelli e applicarli a tutto o parte del tuo sito web. Ad esempio, puoi progettare sezioni del tuo sito web come:

• l'intestazione
• archivi di pagine (la pagina che elenca tutti i post del tuo blog)
• singole pagine (un singolo post sul blog)
• piè di pagina
• Prodotti WooCommerce

Puoi anche includere contenuto dinamico nei tuoi progetti, come il contenuto che hai aggiunto con campi personalizzati.

Poiché puoi creare un modello unico che si applica a tutto o parte del tuo contenuto, Elementor Pro è un'ottima opzione per i siti Web dinamici.

È utile anche per altri tipi di siti web grazie ai nuovi widget di contenuto come:

• le forme
• i cursori
• le gallerie
• portafogli
• i listini prezzi
• e altro ancora…

Ancora una volta, questo semplifica il tuo sito web e ne riduce i costi. (perché Elementor Pro include tutte le funzionalità allo stesso prezzo).

3. Inizia a creare con Elementor

Dopo aver scelto il tema WordPress giusto e la versione di Elementor, sei pronto per iniziare a crearlo.

Per progettare i tuoi contenuti, puoi iniziare da una pagina vuota o importare uno dei modelli di Elementor.

Per creare rapidamente un sito Web coerente, puoi persino usarne uno Kit di modelli Elementor, che sono un insieme di modelli per ogni pagina del sito web, fino alla pagina 404.

Sia che tu inizi da una lavagna vuota o da un modello, ti troverai nell'interfaccia visiva e scorrevole di Elementor.

Vedrai un'anteprima in tempo reale del tuo design sulla destra: vedrai esattamente ciò che vedranno i visitatori del tuo sito web.

Quindi puoi utilizzare la barra laterale a sinistra per aggiungere e configurare contenuti ed elementi di layout.

Ad esempio, se desideri aggiungere un pulsante al tuo design, tutto ciò che devi fare è trascinarlo dalla barra laterale. Quindi puoi personalizzare le sue impostazioni usando questa stessa barra laterale.

Per saperne di più su come funziona l'interfaccia di Elementor, puoi guardare il video qui sotto:

Crea oggi stesso siti web con Elementor

Poiché utilizzerai Elementor per controllare il design di tutto / la maggior parte del tuo sito web, dovresti concentrarti sulla ricerca di un tema WordPress che offra le funzionalità di cui hai bisogno oltre al supporto completo per le funzionalità di. Elementor. Ad esempio, se vuoi essere in grado di aggiungere personale, testimonianze e un portfolio, dovresti scegliere un tema con questi tipi di post, come il Tema WordPress Pearl.

L'altra base più leggera possibile è la Ciao tema Elementor. Hello è fondamentalmente una tela bianca al 100% per i tuoi disegni.

Poiché il tema WordPress Hello non aggiunge nessuno dei suoi stili o funzionalità, manterrà il tuo sito Web leggero, con un caricamento della pagina fluido.

Se desideri avere un tema WordPress con i suoi stili, forse per controllare l'intestazione del tuo sito web o l'esperienza di pagamento per un negozio online WooCommerce, devi dare un'occhiata a questa raccolta di i migliori temi WordPress di Elementor.

2. Scegli la tua versione di Elementor

Elementor è disponibile sia in una versione gratuita su WordPress.org, così come una versione premium che aggiunge molte più funzionalità, chiamata Elementor Pro.

Con la versione gratuita di Elementor, puoi creare siti web pagina per pagina. Ad esempio, puoi creare un layout per la tua home page, un altro per il tuo " Pagina su », Quindi creare pagine separate per ogni articolo nel portfolio.

Tuttavia, per andare oltre potresti dover prendere in considerazione Elementor Pro.

Elementor Pro non solo ti offre più strumenti di progettazione come cursori e moduli, ma ti offre anche un modo completamente nuovo per creare siti Web con un generatore di temi.

Con Elementor Theme Builder, puoi creare modelli e applicarli a tutto o parte del tuo sito web. Ad esempio, puoi progettare sezioni del tuo sito web come:

• l'intestazione
• archivi di pagine (la pagina che elenca tutti i post del tuo blog)
• singole pagine (un singolo post sul blog)
• piè di pagina
• Prodotti WooCommerce

Puoi anche includere contenuto dinamico nei tuoi progetti, come il contenuto che hai aggiunto con campi personalizzati.

Poiché puoi creare un modello unico che si applica a tutto o parte del tuo contenuto, Elementor Pro è un'ottima opzione per i siti Web dinamici.

È utile anche per altri tipi di siti web grazie ai nuovi widget di contenuto come:

• le forme
• i cursori
• le gallerie
• portafogli
• i listini prezzi
• e altro ancora…

Ancora una volta, questo semplifica il tuo sito web e ne riduce i costi. (perché Elementor Pro include tutte le funzionalità allo stesso prezzo).

3. Inizia a creare con Elementor

Dopo aver scelto il giusto tema WordPress e la giusta versione di Elementor, sei pronto per iniziare a creare.

Per progettare i tuoi contenuti, puoi iniziare da una pagina vuota o importare uno dei modelli di Elementor.

Per creare rapidamente un sito Web coerente, puoi persino usarne uno Kit di modelli Elementor, che sono un insieme di modelli per ogni pagina del sito web, fino alla pagina 404.

Sia che tu inizi da una lavagna vuota o da un modello, ti troverai nell'interfaccia visiva e scorrevole di Elementor.

Vedrai un'anteprima in tempo reale del tuo design sulla destra: vedrai esattamente ciò che vedranno i visitatori del tuo sito web.

Quindi puoi utilizzare la barra laterale a sinistra per aggiungere e configurare contenuti ed elementi di layout.

Ad esempio, se desideri aggiungere un pulsante al tuo design, tutto ciò che devi fare è trascinarlo dalla barra laterale. Quindi puoi personalizzare le sue impostazioni usando questa stessa barra laterale.

Per saperne di più su come funziona l'interfaccia di Elementor, puoi guardare il video qui sotto:

Crea oggi stesso siti web con Elementor

Oggi più che mai, le aziende stanno cercando di sviluppare una presenza online.

Sia che tu stia cercando di avviare la tua presenza online o di aiutare i tuoi clienti a connettersi, imparare a utilizzare Elementor per creare siti Web non solo ti consentirà di creare siti Web belli ed efficaci, ma anche:

• Risparmia tempo ed elimina la necessità di lavorare direttamente con il codice.
• Elimina i problemi di compatibilità e semplifica la manutenzione fornendo tutti gli strumenti più importanti in un unico posto.
• Risparmia denaro e semplifica i costi eliminando la necessità di acquistare molti plugin separati per le funzionalità chiave.

Per vedere se Elementor è giusto per te, puoi installare la versione gratuita da WordPress.org e inizia a creare il tuo primo sito web.

Scopri anche alcuni plugin WordPress premium  

Puoi usare altro plugin di WordPress per dare un aspetto moderno e per ottimizzare la gestione del tuo blog o sito web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. Pilota automatico SEO per WooCommerce

L'ottimizzazione dei contenuti del tuo blog per diversi motori di ricerca (SEO) è una parte molto importante di qualsiasi sito di e-commerce. Nativamente WooCommerce non supporta la SEO, questo WordPress Plugin aggiunge automaticamente questa funzionalità a WooCommerce in modo che possa comunicare meglio con i vari motori di ricerca.

Come funzionalità offre tra le altre: automazione e ottimizzazione delle parole chiave, eliminazione di annunci pubblicitari, spam o qualsiasi altra distrazione simile, personalizzazione illimitata dei metadati su tutte le pagine; il backup, ripristino e ripristino sono disponibili, conformità con il GDPR, assistenza clienti disponibile e altro.

Download | Demo | Web hosting

2. Vetrina della squadra

Team Showcase è l'addon perfetto, progettato per mostrare i membri del tuo team in una bella griglia o in un carosello reattivo. Potrai gestire i tuoi membri raggruppandoli in team separati. Per fare ciò, devi solo selezionare le opzioni che desideri visualizzare, scegliere un tema WordPress e applicare un colore predefinito ad esso.

Nessuna riga di codice sarà quindi richiesta per questa azione. Le sue caratteristiche includono: 10 temi speciali, 10 set di colori, 10 opzioni di visualizzazione, Effetti di animazione CSS3, la possibilità di essere inseriti in una pagina, un design pienamente reattivoEcc. ...

Download | Demo | Web hosting

3. Composium

Questa è un'estensione di Visual Composer che aggiunge a quest'ultimo, più di 90 nuovi elementi al contenuto predefinito di questo plugin. Inoltre, viene fornito con una lightbox, un gestore di font, tipi di post personalizzati e molto altro.

Le sue altre caratteristiche sono: 16 caratteri icona e più di 4 icone, supporto per caratteri icona, supporto per Gestore dei caratteri di Google, più di 70 effetti di animazione CSS3, un generatore di widget, una gestione intelligente dei file, ecc ...

Download | Demo | Web hosting

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

• Come creare un'immagine arrotondata in Elementor
• Come aggiungere una griglia dei prezzi in Elementor
• Come creare un pulsante mobile con indice Z in Elementor
• Come aggiungere un collegamento al numero di telefono in Elementor in Elementor
• Come creare titoli a due colori in Elementor in Elementor

Conclusione

Ecco ! Questo è tutto per questo tutorial, speriamo che ti semplificherà l'utilizzo di Elementor per creare siti Web. Hai ancora domande o suggerimenti? Fatecelo sapere entro 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.

Non esitare a condividi con i tuoi amici sui tuoi social network preferiti. 

...