Guida Introduttiva - Lancia un Sito Web da Zero

INDICE DEI CONTENUTI

• Preparazione e Pianificazione
• Crea un Sito Web da Zero
• Costruisci la Home Page
• Aggiungi Altre Pagine
• Aggiungi la Navigazione
• Anteprima, Impostazioni e Pubblicazione

---

Preparazione e Pianificazione

Prima ancora di accedere a HITLEAD o trascinare il primo elemento, dedicare un po' di tempo alla pianificazione del tuo sito web ti farà risparmiare tempo e fatica, e ti permetterà di ottenere un sito molto più efficace.

1. Definisci lo Scopo del tuo sito web:
   1. Qual è l'obiettivo principale di questo sito? Generare lead, vendere prodotti, fornire informazioni, costruire la notorietà del brand o prenotare appuntamenti? Sapere questo guiderà tutte le tue decisioni di design e contenuto.
   2. Chi è il tuo pubblico di riferimento? Capire le loro esigenze, preferenze e problemi ti aiuterà a personalizzare i contenuti e il design del sito per rispondere ai loro bisogni.
2. Definisci Contenuti e Struttura:
   1. Quali pagine ti servono? La maggior parte dei siti aziendali parte con una Home, Chi Siamo, Servizi/Prodotti e Contatti. Potrebbero servirti più o meno pagine a seconda dei tuoi obiettivi.
   2. Quali informazioni chiave o call-to-action devono essere in ogni pagina? Pensa a cosa vuoi che i visitatori facciano o imparino su ogni pagina.
   3. Raccogli i tuoi asset: hai già logo, colori del brand, immagini, video e contenuti scritti (o almeno un'idea di cosa usare)?
3. Un Piano semplice: una tabella può aiutarti a organizzare tutto. Il tuo piano potrebbe essere simile a questo:

Pagina/Elemento	Scopo	Sezioni e Contenuti
Home	Presentare l'azienda, evidenziare le offerte principali, call-to-action principale	Titolo principale (es: Benvenuto in Azienda)Sottotitolo (es: Ti aiutiamo a fare X)Call To Action (es: Prenota una Chiamata)Media introduttivo (es: immagine hero o video di vendita)Panoramica di ogni prodotto/servizio
Chi Siamo	Costruire fiducia, raccontare la storia, presentare il team	Storia/missione aziendaleFoto e biografie del teamValori/Cosa ci distingue
Contatti	Permettere ai visitatori di mettersi in contatto, fornire una posizione	Form di contattoNumero di telefono, emailIndirizzoMappa
Servizi/Prodotti	Dettagli su cosa offri	Elenco e descrizione di prodotti/serviziInformazioni sui prezziVantaggiCase study
Menu di Navigazione	Navigazione facile in tutto il sito	Logo, link alle pagine
Footer	Link importanti, copyright, contatti	Avviso copyrightPrivacy policyTermini di servizioInformazioni di contattoIcone social media

---

Crea un Sito Web da Zero

1. Vai su Sites > Websites > New Website > From Blank e clicca su Create.

2. Clicca su Add New Page, assegna un nome (es: Home) e clicca su Create New Page.

---

Costruisci la Home Page

1. Clicca su Create From Blank

   

2. Apri il Website Builder.

   

3. Comprendi l'editor:

   1. Control Panel: Controlla cosa appare nel Pannello Sinistro (4), come elementi, pagine e metadati.
   2. Device Switcher: Passa tra la vista desktop e mobile per testare la responsività.
   3. Meta Controls: Cronologia, annulla, anteprima, salva, pubblica, ecc.
   4. Left Panel: Elementi e impostazioni per la pagina.
   5. Center Panel: Anteprima modificabile in tempo reale della tua pagina.
   6. Right Panel: Impostazioni e opzioni di stile per la Sezione, Riga o Elemento selezionato.

   

4. Aggiungi una Sezione: Al centro (se vuoto) o cliccando l'icona + (Add Element/Section) nella barra laterale sinistra, scegli Sections, poi seleziona la larghezza della sezione (es. Full Width).

   

5. Aggiungi una Riga: All'interno della nuova sezione con bordo verde, trascina per aggiungere una Row e seleziona 1 Column.

   

6. Aggiungi Titolo e Sottotitolo: Nella Row a 1 colonna, clicca su Add Element.

   

   1. Headline: Trascina un elemento "Headline" nella riga. Clicca sul testo per modificarlo (es. "Benvenuto"). Usa il pannello destro per cambiare font, dimensione, colore, ecc.
   2. Sub-Headline: Clicca su + Add Element di nuovo, trascina un "Sub-Headline" sotto il titolo principale. Modifica il testo e lo stile (es: Ti Aiutiamo a Crescere).

   

7. Aggiungi un Pulsante: Sotto il sottotitolo aggiungi un button. Poi, modifica il testo del pulsante in "Call Us Now".

   

8. Aggiungi un'Azione: Nelle impostazioni del pulsante (Right Panel) scorri fino a Button Actions, seleziona Call, poi inserisci il tuo numero di telefono.

   

9. Ripeti: Continua ad aggiungere sezioni, righe ed elementi per completare la tua homepage.

10. Salva: Clicca sull'icona di salvataggio.

    

---

Aggiungi Altre Pagine

1. Vai su Sites > Websites > Site Details (se sei ancora nell'editor della pagina, clicca il pulsante Back).

2. Aggiungi una Nuova Pagina: Clicca sul pulsante Add New Page. Assegna un nome alla pagina (es: Chi Siamo), poi clicca su Create New Page.

3. Create From Blank: In questo caso, clicca il pulsante Create From Blank.

4. Costruisci la Pagina: Aggiungi elementi e contenuti alla pagina nello stesso modo. Puoi aggiungere un elemento text e un elemento image. Assicurati di cliccare Save e poi Back.

---

Aggiungi la Navigazione

1. Vai su Sites > Websites > Site Details (se sei ancora nell'editor della pagina, clicca il pulsante Back).

2. Modifica la Home Page: Sotto la card della pagina intitolata "home", clicca su Edit.

3. Aggiungi una nuova sezione full width in alto: Nella parte superiore della pagina, sopra tutte le altre sezioni, aggiungi una nuova sezione full width.

4. Aggiungi una Row a 1 colonna e il Navigation Menu: All'interno della nuova sezione in alto, aggiungi una Row a 1 colonna, poi aggiungi l'elemento chiamato Navigation Menu.

5. Modifica le Impostazioni del Navigation Menu: Clicca per selezionare il menu di navigazione, poi nella barra delle impostazioni a destra, assicurati che ogni link vada alla pagina corretta, aggiungi un logo, ecc.

6. Aggiungi una nuova sezione full width in fondo: Nella parte inferiore della pagina, sotto tutte le altre sezioni, aggiungi una nuova sezione full width.

7. Aggiungi un footer preconfigurato: Apri Elements > Prebuilt Elements > Footer e trascina un footer nella sezione inferiore.

8. Modifica il Navigation Menu e il Footer: Seleziona ogni elemento, eliminalo o modifica le sue impostazioni nel Right Panel. Quando hai finito, clicca su Save e poi su Back.

---

Anteprima, Impostazioni e Pubblicazione

1. Vai su Sites > Websites > Site Details e clicca sul pulsante di anteprima della pagina (icona riquadro con freccia). OPPURE se sei nel page builder, clicca sul pulsante di anteprima (icona occhio).

2. Anteprima mobile: Nel page builder, clicca sull'icona del telefono cellulare per passare tra la vista desktop e mobile. OPPURE nell'anteprima, clicca con il tasto destro e seleziona "ispeziona", poi nel pannello ispettore clicca sull'icona desktop/mobile.

3. Adatta per la responsività: Nell'editor della pagina, regola gli elementi e le impostazioni finché tutto appare bene sia su desktop che su mobile. Se non riesci a far sembrare un elemento come vuoi, puoi duplicarlo e nelle advanced settings impostare un elemento visible on desktop e l'altro visible on mobile.

4. Salva e Pubblica: Dovresti salvare frequentemente e magari pubblicare. Quando hai finito, assicurati di salvare e pubblicare un'ultima volta.

5. SEO Meta Data: Nel page builder, clicca sull'icona SEO per aprire il pannello SEO Meta Data. Modifica i dettagli SEO e di metadati (titolo, descrizione, ecc.).

6. Collega un dominio: Opzionale, ma se hai un dominio personalizzato puoi collegarlo al tuo sito. Per collegare un dominio, esci dal page builder e vai alla scheda Settings. Da qui puoi selezionare un dominio, aggiungere una favicon, aggiungere codice di tracciamento, aggiungere un Chat Widget e altro ancora.