Progetta il tuo sito web in Mailchimp

Il Website Builder di Mailchimp ti aiuta a creare pagine web con un design stupefacente che rispecchia il tuo stile e la tua personalità. Puoi scegliere il tema del design, creare una tavolozza di colori personalizzata e caricare immagini in linea con il tuo brand per aiutare i visitatori a identificare immediatamente te e i tuoi contenuti.

In questo articolo, scoprirai come progettare il tuo sito web in Mailchimp.

Prima di iniziare

Ecco alcune cose da sapere prima di iniziare.

• Per aiutarti a iniziare, dedica un po’ di tempo ad approfondire le Informazioni sul tuo sito web in Mailchimp e Crea il tuo sito web in Mailchimp.
• Dopo aver progettato una pagina web, puoi duplicarla per evitare di dover iniziare da zero. Per scoprire come duplicare una pagina web, consulta Gestisci il tuo sito web in Mailchimp.
• HTML, iframe e merge tag personalizzati non sono compatibili con il tuo sito web Mailchimp.

Modifica stili

Quando imposti il tuo sito web, puoi applicare gli stessi colori, caratteri e stili di pulsante a ogni pagina che crei. Ciò ti aiuta a semplificare il processo di creazione del tuo sito e a mantenere un’identità di brand coerente.

Modifica colori

Per definire gli stili di colore, carattere e pulsante per il tuo sito web, procedi nella maniera seguente.

1. Fai clic sull’icona Sito web , quindi su Website (Sito web).
   

2. Sulla dashboard del sito web, fai clic su “Edit Site” (Modifica il sito).
   

3. Nel menu “Manage Site” (Gestisci il sito), fai clic su “Styles” (Stili).
   

4. Nella sezione “Colors” (Colori) , fai clic sulla freccia per selezionare una combinazione di colori per il pulsante, il testo o lo sfondo.
   

5. Fai clic sul menu a tendina “Palette” (Tavolozza) per selezionare i colori per il sito.
   
6. Fai clic su “Create New Palette” (Crea una nuova tavolozza) per progettare la tua tavolozza personalizzata oppure inizia a usare una delle nostre tavolozze di colori predefinite.
   
7. Digita il nome della nuova tavolozza.
   

8. Fai clic su un campione di colore per utilizzare il selettore di colori.
   

   Puoi fare clic sui colori all’interno del selettore dei colori o inserire valori nei campi HEX o RGB per salvare un colore nella tavolozza.
   

9. Dopo aver selezionato i colori per tutti e cinque i campioni, fai clic su “Save” (Salva).
   

10. Nella sezione “Scheme” (Combinazione), fai clic su ciascuna combinazione di colori per visualizzare in anteprima l’aspetto di tali colori sulle pagine web e selezionare la combinazione che preferisci.
    

    Le scelte di colore impostate in linea sovrascriveranno la combinazione predefinita.

Modifica i temi

Per scegliere un tema per il tuo sito web, procedi nella maniera seguente.

1. Sulla dashboard del sito web, fai clic su “Edit Site” (Modifica il sito).
   
2. Nel menu “Manage Site” (Gestisci il sito), fai clic su “Styles” (Stili).
   
3. Nella sezione “Themes” (Temi) , fai clic sulla freccia per iniziare a effettuare le selezioni.
   

4. Nella pagina “Themes” (Temi), visualizza in anteprima e seleziona il carattere e il tema del pulsante che vuoi applicare alle pagine web.
   

   Nell’anteprima del sito web, i caratteri dell’intestazione e del paragrafo cambiano in base alle selezioni effettuate.

5. Se desideri apportare modifiche al tema, fai clic su “Edit (”Modifica). In questa sezione, puoi selezionare un nome per il tema, aggiornare i “Fonts” (Caratteri), regolare “Spacing and Size” (Spaziatura e dimensioni) del testo o abilitare “Animation” (Animazione) per le pagine.
   

6. Fai clic sulla freccia “Fonts” (Caratteri), quindi fai clic sul menu a tendina per selezionare un carattere per “Headings” (Intestazioni) e “Paragraphs” (Paragrafi).
   
7. Fai clic sulla freccia “Spacing and Size” (Spaziatura e dimensioni), quindi regola la spaziatura e le dimensioni del testo.
   
8. Fai clic sulla freccia “Animation” (Animazione) per personalizzare l’animazione del sito quando un visitatore scorre la pagina verso il basso.
   
9. Seleziona il tipo di animazione, quindi scegli la durata. Il tema viene salvato e aggiunto automaticamente alla lista dei temi “Custom” (Personalizzato) . Puoi rimuovere un tema in qualsiasi momento selezionando l’icona “Delete Theme” (Cancella il tema).

Eccellente! Hai impostato l’aspetto di base del tuo sito web. Gli stili scelti verranno applicati a ogni nuova pagina creata.

Modifica il contenuto

Utilizza l’editor per aggiungere sezioni, immagini e testo. Condividi la tua storia, le informazioni di contatto, un prodotto da acquistare e qualsiasi altra informazione che vuoi comunicare ai tuoi visitatori.

In questa sezione, ti mostreremo come modificare o aggiungere contenuti al tuo sito web.

Accedi all’editor della pagina web

Per accedere all’editor della pagina web, procedi nella maniera seguente.

1. Sulla dashboard del sito web, fai clic su “Edit Site” (Modifica il sito).
2. Passa il mouse sulla pagina che vuoi modificare e fai clic su “Edit Page” (Modifica la pagina).
   

Aggiungi e modifica le sezioni

Le sezioni ti consentono di organizzare e progettare rapidamente la pagina web. Scegli il layout di testo, immagini e pulsanti, nonché altri elementi come moduli di iscrizione, barre di navigazione e piè di pagina della pagina web.

Per aggiungere una sezione dal riquadro “Sections” (Sezioni) , segui questa procedura.

1. Sulla tua pagina web, fai clic sul riquadro “Sections” (Sezioni) .
   
   Il riquadro si espanderà per mostrare le sezioni della pagina web.

2. Passa il cursore sotto il nome della sezione in cui vuoi aggiungere una nuova sezione, quindi fai clic su “Add Section” (Aggiungi sezione).
   

3. Nella fase “Add Section” (Aggiungi sezione) del riquadro “Sections” (Sezioni) , scegli il tipo di sezione che vuoi aggiungere.
   
4. Scegli un layout per la nuova sezione.
   
5. Se selezioni una sezione Video , fai clic sull’ icona Link, poi inserisci l’URL YouTube o Vimeo che vuoi condividere. Fai clic su “Save” (Salva) e su “Preview” (Anteprima) per riprodurre il video.
   

Per aggiungere una sezione dal tuo “Page Layout” (Layout della pagina), procedi nella maniera seguente.

1. Nel layout della pagina, passa il cursore sull’icona più (+) dove vuoi inserire la nuova sezione.
   

2. Fai clic su “Add Section” (Aggiungi sezione).
   

3. Nella fase “Add Section” (Aggiungi sezione) del riquadro “Sections” (Sezioni), scegli il tipo di sezione che vuoi aggiungere.
   

4. Scegli un layout per la nuova sezione.
   

5. Se selezioni una sezione Video , fai clic sull’ icona Link, poi inserisci l’URL YouTube o Vimeo che vuoi condividere. Fai clic su “Save” (Salva) e su “Preview” (Anteprima) per riprodurre il video.
   

Ottimo lavoro! Hai aggiunto una nuova sezione al progetto della pagina e ora puoi personalizzarla con i tuoi contenuti.

Se vuoi apportare delle modifiche, passa il mouse sulla sezione per accedere alla barra degli strumenti di modifica. In questa sezione, puoi fare clic sulle icone che ti permettono di eliminare o spostare una sezione, scegliere un layout diverso o apportare modifiche allo stile.

Per ulteriori informazioni sulle sezioni della pagina, consulta “Add and Edit Page Sections” (Aggiungi e modifica le sezioni della pagina).

Modifica il testo dell’intestazione o del paragrafo

Per modificare il testo dell’intestazione o del paragrafo sul tuo sito web, procedi nella maniera seguente.

1. Fai clic sull’area di testo da modificare.
   
2. Nella barra degli strumenti di modifica, fai clic sull’icona di allineamento del paragrafo per allineare il testo a sinistra, al centro o a destra.
3. Fai clic sull’icona del colore del carattere, sull’icona del grassetto, sull’icona del corsivo o sull’icona della sottolineatura per modificare alcuni attributi di base del testo.
4. Fai clic sull’icona degli stili del paragrafo per scegliere lo stile dell’intestazione o del paragrafo per l’area di testo.
   
5. Se stai modificando il testo del paragrafo, avrai anche la possibilità di inserire un collegamento, creare un elenco puntato o numerato o modificare il colore di sfondo.
   

Modifica le immagini

Fai clic su qualsiasi immagine nel layout per modificarla. Verrà inoltre visualizzata una barra degli strumenti con opzioni di formattazione specifiche.

Per modificare un’immagine sulla tua pagina, procedi nella maniera seguente.

1. Fai clic sull’immagine che intendi modificare.
   
2. Fai clic su “Replace” (Sostituisci) per scegliere un’immagine diversa da Content Studio.
   
3. Per ridimensionare l’immagine, fai clic e trascina il cerchio bianco fino a ottenere la dimensione desiderata. Fai clic e trascina i quadratini sulla destra e in fondo all’immagine per ritagliare e regolare ciò che viene mostrato nell’immagine.
4. Per aggiungere un collegamento all’immagine, fai clic sull’icona “Link” (Collegamento).
   
5. Dal menu a tendina, scegli “External URL” (URL esterno), “Page” (Pagina)o “Section” (Sezione). Nello spazio fornito, inserisci l’URL oppure seleziona una pagina o una sezione della pagina corrente verso cui desideri creare un collegamento. Fai clic su “Save” (Salva). Per rimuovere il collegamento, fai clic su “Remove link” (Rimuovi il collegamento)__.
6. Fai clic su Alt per aggiungere testo alternativo all’immagine.
   
7. Fai clic sull’ icona “Rounded Corners” (Angoli arrotondati) e digita un numero compreso tra 1 e 300 per regolare la forma dell’immagine.
   

Annulla e ripeti le modifiche

Quando progetti il tuo sito web, è possibile che tu rimuova accidentalmente un testo o apporti altre modifiche che desideri annullare. Con i pulsanti “Undo” (Annulla) e “Redo” (Ripeti) puoi recuperare le versioni precedenti della pagina.

Per annullare una modifica, fai clic sull’ icona “Undo” (Annulla).

Per annullare una modifica, fai clic sull’ icona “Redo” (Ripeti).

Anteprima ed esci

Ottimo lavoro! Una volta che hai finito di aggiungere i contenuti al tuo sito web, fai clic su “Preview” (Anteprima) per vedere il risultato finale oppure fai clic su “Done” (Fatto) per tornare alla pagina “Manage Site” (Gestisci il sito) .

Una volta terminato, fai clic su “Publish Changes” (Pubblica le modifiche) per aggiornare tutte le pagine web visibili con i nuovi contenuti e stili.

Fasi successive

Ora che hai aggiunto i tuoi tocchi di design personalizzati, diamo un’occhiata ad alcuni modi per ottimizzare il tuo sito web Mailchimp.

• Personalizza la favicon del tuo sito web
  Modifica l’icona del tuo sito con un’immagine personalizzata che corrisponda allo stile del tuo brand e che conferisca un look raffinato al tuo sito web. Per scoprire come personalizzare la favicon del sito, consulta Personalizza la Favicon del sito web o della pagina di destinazione Mailchimp.
• Aggiungi altre pagine
  Fai crescere il tuo sito web con nuovi contenuti e pagine web aggiuntive. Se aggiornerai il sito web con costanza, riuscirai a costruire un pubblico affezionato e incoraggerai le persone a ritornarvi. Per scoprire come aggiungere, duplicare e gestire pagine web, consulta Gestisci il tuo sito web in Mailchimp.
• Fissa appuntamenti
  Aggiungi strumenti di pianificazione per fare crescere la tua attività. Se offri servizi professionali, puoi utilizzare Appuntamenti Mailchimp per impostare i dettagli dei tuoi servizi, inclusi prezzi e disponibilità. I clienti potranno prenotare appuntamenti sul tuo sito web. Per saperne di più, consulta Usa pianificazione appuntamenti Mailchimp.
• Promuovi il tuo sito web
  Promuovi e condividi il tuo nuovo sito web attraverso campagne di marketing in Mailchimp. Pubblica un annuncio per il tuo sito web. Collegati al sito web da una campagna email regolare. Puoi anche condividere l’URL del sito web sui social media.
• Visualizza report
  Inizieremo a raccogliere dati di reportistica quando il tuo sito viene visitato. Puoi vedere chi visita il tuo sito web, fa clic sui link sulle tue pagine web e si iscrive alle tue email.