I vantaggi di Elementor

Elementor semplifica il processo di creazione di un sito web, offrendo strumenti potenti anche a chi non ha competenze di programmazione.

Perché Elementor è così popolare?

• Interfaccia intuitiva: grazie al drag-and-drop, puoi costruire pagine web professionali in modo visivo e immediato.
• Ampia libreria di widget e template: accesso a una vasta gamma di elementi e modelli predefiniti per personalizzare il tuo sito.
• Compatibilità e flessibilità: funziona perfettamente con la maggior parte dei temi WordPress, offrendo massima flessibilità nel design.

Che tu sia un principiante o un web designer esperto, Elementor ti offre gli strumenti per creare siti web dall'aspetto professionale senza sforzo. La sua comunità attiva e le numerose risorse disponibili online rendono l'apprendimento ancora più semplice.

Una valida alternativa

Se desideri un controllo ancora più approfondito sul design e sulle prestazioni del tuo sito web, potresti considerare l'utilizzo di Oxygen al posto di Elementor. Oxygen genera codice più pulito e leggero, garantendo tempi di caricamento più rapidi e un'ottimizzazione superiore. Inoltre, elimina la dipendenza dai temi WordPress tradizionali, permettendoti di costruire ogni aspetto del sito da zero con massima flessibilità. Questo lo rende ideale per sviluppatori e designer che cercano libertà creativa totale e prestazioni elevate.

Richiedi il nostro supporto

Se desideri un sito web professionale realizzato con Elementor ma preferisci affidarti agli esperti, siamo qui per aiutarti. Con la nostra esperienza nello sviluppo web, possiamo trasformare le tue idee in realtà, garantendo un sito veloce, ottimizzato e dal design unico.

Preparazione dell'ambiente

Ti consigliamo di leggere il nostro articolo su come creare un sito web con WordPress, dove spieghiamo passo dopo passo come acquistare un hosting, registrare un dominio e impostare WordPress. Una volta completate queste fasi, sarai pronto per procedere!

Sezione Hero

La Sezione Hero è l'elemento visivo dominante all'inizio della pagina, progettato per catturare l'attenzione del visitatore.

• Impatto immediato: crea una forte prima impressione che invoglia l'utente a saperne di più.
• Comunicazione chiara: presenta il messaggio chiave o la proposta di valore della tua azienda.
• Orientamento dell'utente: guida il visitatore verso le sezioni successive o azioni specifiche.

1. Aggiungi un Contenitore

• Clicca sul pulsante (+) per aggiungere un Contenitore.
• Seleziona la struttura con una singola colonna, con direzione colonna (la prima con la freccia rivolta verso il basso.

2. Imposta l'altezza del contenitore

• Clicca sull'icona Modifica Contenitore (sei puntini) per accedere alle impostazioni della sezione.
• Nel pannello di sinistra, vai su Layout.
• Su Altezza Minima clicca sul menù a tendina per scegliere l'unità di misura (la predefinita è px), scegli vh e impostala a 100vh per coprire tutto lo schermo.

3. Aggiungi uno sfondo

• Ancora nelle impostazioni della sezione, vai su Stile.
• Sotto Sfondo, seleziona Tipo di sfondo > Classico.
• Carica un'immagine o scegli un colore di sfondo.
• Imposta la Posizione su Centro centro, Ripetizione su No-repeat, e Dimensione su Cover.

4. Aggiungi il contenuto alla sezione

• Titolo principale:
  • Trascina il widget Titolo nella sezione.
  • Inserisci il testo, per esempio: "Benvenuti nel Mondo di [Nome del Tuo Sito]".
  • Personalizza la tipografia e il colore nel tab Stile.
• Sottotitolo:
  • Trascina il widget Editor di Testo sotto il titolo.
  • Inserisci una frase coinvolgente, ad esempio: "Pronto a trasformare le tue idee in realtà?".
• Pulsante (Call to Action):
  • Trascina il widget Pulsante sotto il testo.
  • Imposta il testo del pulsante, ad esempio "Scopri di più".
  • Inserisci il link alla sezione successiva o a una pagina specifica.
  • Personalizza lo stile del pulsante nel tab Stile.

5. Allinea il Contenuto

• Seleziona il contenitore e nel pannello Layout, imposta Allinea elementi su Centra.
• Imposta Giustifica il contenuto su Centra.

Sezione Servizi

6. Aggiungi un nuovo Contenitore e inserisci al suo interno una griglia.

7. Aggiungi il titolo "I nostri servizi" nella sezione

8. Aggiungi una griglia:

Scegli il numero di righe e colonne in base al numero di servizi che vuoi inserire.

9. Popola le colonne con i servizi:

• Per ogni colonna:
  • Icona o immagine:
    • Trascina il widget Icona o Immagine nella colonna.
    • Se usi Icona, scegli un'icona rappresentativa.
    • Se usi Immagine, carica una foto o un'icona.
  • Titolo del servizio:
    • Trascina un widget Titolo sotto l'icona.
    • Inserisci il nome del servizio, ad esempio "Siti Web su Misura".
  • Descrizione:
    • Trascina un widget Editor di Testo sotto il titolo.
    • Inserisci una breve descrizione.

10. Personalizza lo stile:

• Uniforma colori, tipografia e allineamento per tutte le colonne.
• Aggiungi effetti hover o animazioni se desideri.

Sezione chi siamo

La sezione dedicata alla tua azienda e/o al tuo team, che racconta chi sei e cosa ti distingue.

11. Aggiungi un nuovo contenitore:

• Inserisci il titolo "Chi siamo"
• Aggiungi una griglia a due colonne

12. Contenuto della colonna sinistra

• Testo:
  • Trascina un widget Editor di Testo nella colonna sinistra.
  • Scrivi una descrizione coinvolgente della tua azienda.

13. Contenuto della colonna destra:

• Immagine:
  • Trascina un widget Immagine nella colonna destra.
  • Carica una foto del team o un'immagine rappresentativa.

14. Personalizza la sezione:

• Regola la larghezza delle colonne se necessario.
• Allinea i contenuti per un aspetto armonioso.

Sezione contatti

15. Aggiungi un nuovo contenitore dove inserire le informazioni di contatto

• Trascina un widget Lista Icone.
• Inserisci gli elementi della lista con icone appropriate:
  • Email: contatto@tuosito.com
  • Telefono: +39 123 456 7890
  • Indirizzo: Via dell'Innovazione, 42 – 00100 Città Fantastica

16. Aggiungi un modulo di contatto:

• Se usi un plugin come Contact Form 7:
  • Trascina un widget Shortcode.
  • Inserisci lo shortcode del modulo.

17. Personalizza la sezione:

• Assicurati che il modulo e le informazioni siano ben allineati.
• Aggiungi spaziature e margini per migliorare l'aspetto.

Sezione Call to Action

18. Aggiungi una sezione evidenziata:

• Clicca sul pulsante (+) per aggiungere un nuovo contenitore.
• Imposta lo sfondo:
  • Seleziona il contenitore e vai su Stile.
  • Imposta un colore di sfondo distintivo o un'immagine.

19. Aggiungi il contenuto:

• Titolo:
  • Trascina un widget Titolo.
  • Inserisci una frase di questo tipo: "Pronto a Fare il Prossimo Passo?".
• Testo aggiuntivo:
  • Trascina un widget Editor di Testo sotto il titolo.
  • Inserisci una frase motivazionale.
• Pulsante:
  • Trascina un widget Pulsante sotto il testo.
  • Imposta il testo a "Inizia l'Avventura! 🚀".
  • Collega il pulsante alla pagina di contatto o a un modulo.

20. Personalizza lo stile:

• Centra tutti gli elementi.
• Personalizza colori, font e dimensioni per rendere la sezione accattivante.

Personalizzazione finale

21. Verifica la responsività:

• Clicca sulle icone Tablet e Mobile dalla barra in alto.
• Adatta il design per assicurarti che sia responsive su tutti i dispositivi.

21. Regola le impostazioni di pagina:

• Clicca sull'icona delle impostazioni in alto a sinistra.
• Personalizza la tipografia, i colori globali, ecc.

22. Salva le modifiche:

Clicca sul pulsante Aggiorna in alto a destra per salvare il tuo lavoro.

Hai bisogno di una mano?

Se vuoi essere sicuro di ottenere il massimo dal tuo sito o se preferisci affidarti a professionisti per la creazione e l'ottimizzazione, siamo qui per aiutarti! Offriamo una prima consulenza gratuita in cui analizzeremo le tue esigenze e ti guideremo verso la soluzione migliore per il tuo progetto. Prenota la tua consulenza gratuita oggi stesso e cominciamo a costruire insieme il sito perfetto per te!

Speriamo che questa guida ti sia stata utile. Se hai dei dubbi non esitare a contattarci! Puoi chiedere maggiori informazioni scrivendo alla mail info@markpole.com.