Indice dei contenuti
Elementor è l’editor visuale drag-and-drop che ti permette di modificare ogni aspetto del tuo sito senza toccare una riga di codice. Con Megify, puoi gestire praticamente tutto il sito dall’interno di Elementor, senza mai dover uscire.
Perché Elementor è il cuore del sito
A differenza di altri builder, con Elementor puoi fare tutto da un’unica interfaccia:
- Navigare tra le pagine — Passa da una pagina all’altra direttamente dall’editor
- Modificare header e footer — Personalizza gli elementi comuni a tutto il sito
- Aggiungere prodotti — Gestisci il catalogo WooCommerce
- Creare nuove pagine — Senza tornare al pannello WordPress
- Gestire i template — Modelli riutilizzabili per pagine e sezioni
L’interfaccia di Elementor
Pannello laterale sinistro
Il pannello laterale contiene tutti gli strumenti:
- Widget — Elementi da trascinare nella pagina (testi, immagini, bottoni, ecc.)
- Impostazioni — Configurazione del widget selezionato (contenuto, stile, avanzate)
- Navigator — Vista ad albero della struttura della pagina
- Struttura sito — Navigazione tra le pagine del sito
Canvas centrale
L’area di lavoro dove vedi e modifichi la pagina. Ogni elemento è cliccabile e modificabile direttamente:
- Clicca su un testo per modificarlo in-line
- Clicca su un’immagine per cambiarla
- Trascina un widget dal pannello per aggiungerlo
- Usa le maniglie blu per spostare, duplicare o eliminare sezioni
Barra inferiore
Strumenti di controllo:
- Responsive — Visualizzazione desktop, tablet, mobile
- Cronologia — Annulla/ripristina modifiche
- Anteprima — Vedi la pagina come la vedranno i visitatori
- Pubblica/Aggiorna — Salva e pubblica le modifiche
Widget principali
I widget più usati per costruire le pagine:
| Widget | A cosa serve |
|---|---|
| Intestazione | Titoli H1, H2, H3, ecc. |
| Editor di testo | Paragrafi di testo formattato |
| Immagine | Foto e grafiche |
| Bottone | Call-to-action, link |
| Sezione interna | Layout a colonne |
| Icona | Icone decorative e funzionali |
| Spaziatore | Spazio vuoto tra elementi |
| Divisore | Linea orizzontale di separazione |
| Form | Moduli di contatto |
| Google Maps | Mappa interattiva |
Responsive design
Elementor ti permette di adattare il design per ogni dispositivo:
- Desktop — Layout principale, visibile su schermi grandi
- Tablet — Adattamenti per iPad e tablet (dimensioni font, layout)
- Mobile — Ottimizzazione per smartphone (colonna singola, font più grandi)
Usa i pulsanti nella barra inferiore per passare tra le visualizzazioni. Le modifiche fatte in una vista sono specifiche per quel dispositivo.
Controlla sempre come appare il sito su mobile. Oltre il 60% del traffico web proviene da smartphone. Usa la vista mobile di Elementor per ottimizzare font, spaziature e immagini.
AI Copilot
Il tuo sito include un assistente AI integrato nell’editor Elementor. Puoi usarlo per:
- Generare testi — Chiedi all’AI di scrivere descrizioni, titoli, contenuti
- Generare sezioni — Descrivi la sezione e l’AI la crea per te
- Modificare contenuti — Semplifica, allunga, accorcia, cambia tono
- Tradurre — Traduci testi in altre lingue
- Correggere — Correggi ortografia e grammatica
Salvare e pubblicare
Mentre lavori, le tue modifiche restano in bozza. Per renderle visibili ai visitatori:
- Clicca il pulsante verde “Aggiorna” in basso a sinistra
- Le modifiche sono immediatamente online
Se vuoi salvare senza pubblicare, usa “Salva come bozza” dal menu del pulsante Pubblica. Utile per modifiche importanti da completare in più sessioni.
