L’intestazione e il piè di pagina sono parti cruciali di qualsiasi server WordPress: determinano l’esperienza dell’utente, la navigazione, il branding e altro ancora. Con Elementor, uno dei più potenti page builder, la modifica di queste aree diventa semplice e intuitiva, anche se non si hanno conoscenze di codifica. Questa guida vi spiega come modificare intestazioni e piè di pagina con Elementor, passo dopo passo.

Cosa vi serve

Per modificare le intestazioni e i piè di pagina con Elementor, sono necessari

  • WordPress installato e funzionante

  • Il plugin Elementor

  • La versione Elementor Pro (per la personalizzazione completa di intestazioni e piè di pagina)

  • In alternativa, un tema che supporti la modifica di intestazioni e piè di pagina con Elementor (come Hello Elementor, Astra o OceanWP)

Metodo 1: Utilizzo del costruttore di temi di Elementor Pro

Elementor Pro include un Theme Builder integrato che consente di progettare da zero le proprie intestazioni e piè di pagina.

📌 Passi:

  1. Installare e attivare Elementor Pro

    • Andare su Plugin → Aggiungi nuovo, caricare la versione Pro e attivarla.

  2. Aprire il costruttore di temi

    • Andare su Templates → Theme Builder

    • Selezionare la scheda Intestazione o Piè di pagina e fare clic su Aggiungi nuovo

  3. Scegliere un modello già pronto o partire da zero.

    • Elementor offre blocchi di intestazione/piè di pagina professionali tra cui scegliere.

  4. Personalizzare utilizzando il drag-and-drop

    • Aggiungere widget come logo, menu nav, ricerca, pulsanti, icone sociali, ecc.

    • Utilizzare le impostazioni responsive per regolare il layout per cellulari/tablet.

  5. Impostare le condizioni di visualizzazione

    • Dopo la modifica, cliccate su Pubblica e impostate dove deve apparire (l’intero sito, pagine specifiche, categorie, ecc.)

  6. Salvare e visualizzare l’anteprima

    • Verificate l’aspetto dell’header/footer dal vivo sul vostro sito.

Metodo 2: Utilizzo di un tema compatibile gratuito con Elementor (no Pro)

Alcuni temi come Astra, Neve e OceanWP consentono di utilizzare la versione gratuita di Elementor per personalizzare le intestazioni/piè di pagina tramite il Customizer di WordPress o i loro ganci.

Esempio con Astra:

  1. Installare il tema Astra e i widget Astra

  2. Andare su Aspetto → Personalizza → Costruttore di intestazioni/piedi

  3. Utilizzare Elementor per progettare il contenuto dell’intestazione e del piè di pagina tramite ganci o moduli di layout

  4. Salvare le modifiche nel Customizer

Nota: questi metodi non offrono la piena flessibilità di Elementor Pro, ma garantiscono comunque un buon controllo.

Metodo 3: Utilizzare un plugin (alternativa gratuita)

Se si utilizza la versione gratuita di Elementor e il tema non supporta la modifica di intestazione e piè di pagina, si può provare:

  • Elementor Header & Footer Builder di Brainstorm Force

Come funziona:

  1. Installare il plugin da Plugin → Aggiungi nuovo

  2. Andare su Aspetto → Intestazione, piè di pagina e blocchi

  3. Fare clic su Aggiungi nuovo e scegliere il tipo: Intestazione o Piè di pagina

  4. Progettare il layout con Elementor

  5. Impostare la posizione e le condizioni di visualizzazione

Questo plugin gratuito offre molte opzioni di tipo professionale.

Widget utili per intestazioni e piè di pagina

  • Logo del sito

  • Menu Nav

  • Modulo di ricerca

  • Icone sociali

  • Pulsante / Chiamata all’azione

  • Commutatore di lingua (per siti multilingue)

  • Testo del copyright

È inoltre possibile utilizzare tag dinamici come {{Titolo del sito}}, {{Anno corrente}}, ecc.

Riflessioni finali

La personalizzazione delle intestazioni e dei piè di pagina con Elementor consente di ottenere la massima libertà di progettazione e di dare al sito un tocco professionale. Sia che si utilizzi Elementor Pro, un tema compatibile o un plugin gratuito, è possibile creare design unici e reattivi che si adattano perfettamente al proprio marchio.

Prendete il controllo dell’aspetto del vostro sito web da cima a fondo: Elementor lo rende facile e divertente.