Blocchi Newsletter

Incoraggiare i visitatori a iscriversi alla mailing list.

Ultimo aggiornamento 5 febbraio 2025

I Blocchi newsletter aggiungono un'opzione per i visitatori che permette di iscriversi a una newsletter. Solitamente, questo blocco viene utilizzato nel piè di pagina.

Dovrai scegliere un'opzione di archiviazione per l'invio dei moduli. Puoi connettere una mailing listi di Campagne e-mail, una nuova lista di iscritti Mailchimp, Google Drive o la nostra integrazione Zapier.

Guarda un video

Prima di iniziare

  • Se utilizzi Squarespace come opzione di archiviazione, crea una mailing list per le Campagne e-mail per i tuoi abbonati. Se non hai creato una mailing list specifica, puoi aggiungere gli iscritti a un elenco predefinito. Se non si seleziona un elenco, gli abbonati vengono aggiunti al pannello Elenchi e segmenti sotto Abbonati.
  • Se stai utilizzando Mailchimp come opzione di archiviazione, crea una nuova lista di iscritti vuota prima di connettere il tuo account Mailchimp al blocco.
  • Per inviare al tuo indirizzo e-mail i moduli inoltrati in maniera più dettagliata, utilizza piuttosto un Blocco modulo.

Aggiungere un Blocco newsletter

Per aggiungere un Blocco newsletter:

  1. Modifica una pagina o un post, clicca su Aggiungi blocco o su un punto di inserimento, quindi clicca sulla voce di menu Newsletter. Per assistenza, visita Aggiungere contenuti con blocchi.
  2. Apri l'editor dei blocchi cliccando sull'icona della matita presente sul blocco.
  3. Dalla scheda Contenuto, configura il blocco newsletter e aggiungi un messaggio o un reindirizzamento post-invio.
  4. Clicca sulla scheda Design per personalizzare il layout.
  5. Clicca sulla scheda Archiviazione per scegliere un'opzione di archiviazione e abilitare le opzioni di verifica degli abbonati.

Ecco un esempio di Blocco newsletter:

KB Guide Image

Configurare il Blocco newsletter

Personalizza il testo e i campi del blocco nella scheda Contenuto. Per impostazione predefinita, il blocco newsletter mostra un solo campo, quello dell'indirizzo e-mail. È possibile aggiungere o modificare queste opzioni:

  • Nome modulo - Dai un nome al Blocco newsletter per monitorarne i dati analitici.
  • Titolo e Descrizione - Il titolo e il testo della descrizione appaiono sopra i campi del modulo e il pulsante di invio.
  • Disclaimer - Aggiungi informazioni su come intendi utilizzare le informazioni degli iscritti. Questo campo solitamente si utilizza per l'Informativa sulla privacy.
  • Testo pulsante - Personalizza il testo visualizzato sul pulsante di invio. Il testo predefinito è Iscriviti.
  • Richiedi campo Nome - Aggiungi i campi Nome e Cognome al modulo. Questa opzione non rende i campi Nome obbligatori per gli invii.

Suggerimento

Per altre opzioni di campo modulo, utilizza invece un blocco modulo.

Aggiungere un messaggio di conferma o un reindirizzamento

Per personalizzare ciò che i visitatori vedono dopo aver inviato le informazioni, fai clic su Conferma nella scheda dei contenuti.

Messaggio

Per aggiungere un messaggio post-invio, fai clic su Messaggio e inserisci il testo nel campo del messaggio. Questo testo appare dopo che un visitatore ha inviato le proprie informazioni.

Nel campo HTML, è possibile aggiungere codice HTML per il rendering insieme al messaggio post-invio. Tieni presente che se il blocco della newsletter ha un reindirizzamento post-invio, il messaggio post-invio non apparirà.

Nota

Aggiungere codice HTML dopo la pubblicazione è considerata una modifica avanzata che non rientra nell'ambito del supporto Squarespace.

Reindirizza

Per impostare un reindirizzamento successivo all'invio, clicca su Reindirizza, quindi su Allega link. Per reindirizzare a un altro sito web, incolla l'URL completo nel campo apposito. Per reindirizzare a una pagina del tuo sito, cerca la pagina nel campo e selezionala tra i risultati.

Per testare un reindirizzamento post-invio, invia il blocco newsletter durante la disconnessione o in un browser in incognito. I reindirizzamenti post-invio non funzionano durante l'accesso al sito.

Per eliminare un reindirizzamento post-invio, elimina il link dal campo URL.

Personalizzare il layout e l'aspetto

Per personalizzare il layout, l'allineamento e l'aspetto del blocco, clicca sulla scheda Progettazione:

  • Layout: clicca su A colonna per disporre i campi in una colonna oppure clicca su Float per disporre i campi in una riga.
  • Allineamento: clicca sull'icona di allineamento corrispondente per allineare il blocco a sinistra, al centro o a destra.
  • Sfondo: nella versione 7.1, attiva questa opzione per aggiungere un colore di sfondo ai blocchi, impostare i raggi degli angoli e modificare il padding interno dello sfondo. I colori di sfondo per i blocchi non sono supportati nella versione 7.0.
  • Tratto - Attiva una linea solida o tratteggiata che delimiti il blocco. Per le linee solide e tratteggiate, imposta il tratto Colore e Spessore
  • Modalità Blend - Utilizza il menu a discesa per scegliere un'impostazione di trasparenza. Questi effetti sono ottimali se stai sovrapponendo un blocco newsletter a un'immagine o ad altri contenuti visivi.
  • Sfocatura - Attiva l'opzione per sfocare l'Elemento o lo Sfondo e sposta il cursore per regolare il livello di sfocatura.

Accesso a questa funzionalità

Le personalizzazioni Tratto, Modalità Blend e Sfocatura sono disponibili per le sezioni dell'Editor fluido. Per le sezioni che utilizzano l'editor classico, è disponibile solo Tratto.

Scegli un'opzione di archiviazione

Per scegliere dove inviare i contributi della newsletter, modifica il blocco newsletter e fai clic sulla scheda Archiviazione. Per impostazione predefinita, i blocchi newsletter utilizzano Campagne e-mail di Squarespace per l'archiviazione, ma puoi anche collegarli a Mailchimp, Zapier e Google Drive.

Per informazioni su ciascuna opzione di archiviazione, visita Gestire l'archiviazione di moduli e newsletter.

Accesso a questa funzionalità

Le integrazioni di Mailchimp e Zapier nei blocchi newsletter sono disponibili nei piani Core, Plus, Advanced, Business, Commerce Base e Commerce Avanzato. Per maggiori informazioni, visita Scegliere un piano Squarespace.

Abilita le opzioni di verifica degli abbonati

Per verificare gli iscritti ed evitare le iscrizioni da parte di robot, i blocchi di newsletter hanno Google reCAPTCHA abilitato come impostazione predefinita.

Google reCAPTCHA è una funzione di sicurezza invisibile che contribuisce a evitare l'invio di moduli da parte dei robot. Per ulteriori informazioni su Google reCAPTCHA, visita Aggiungere Google reCAPTCHA ai moduli.

È inoltre possibile attivare un'e-mail di conferma per la verifica. Tieni presente che se utilizzi Squarespace per l'archiviazione devi avere almeno una di queste opzioni attive. Inoltre, Google reCAPTCHA è disponibile solo per i blocchi di newsletter che utilizzano Squarespace per l'archiviazione. Per saperne di più, visita Opzioni di verifica degli abbonati.

Definire lo stile del Blocco newsletter

Per modificare l'aspetto del blocco:

Tipo di carattere

Per definire lo stile dei tipi di caratteri usati nel blocco:

  1. Durante la modifica di una pagina, apri Stili sito, quindi fai clic su > accanto a Tipi di carattere.
  2. Clicca su Assegna stili
  3. Scorri fino alla sezione Blocco newsletter e clicca su ciascuna opzione per personalizzare i diversi tipi di carattere. Utilizza il pannello Pulsanti per il testo dei pulsanti.
  4. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.

Se aggiungi un messaggio post-invio, il testo segue queste opzioni di stile:

  • Tipo di carattere - Impostazioni Paragrafo nel pannello Tipi di carattere
  • Dimensione: cursore del Paragrafo 2 nella sezione Paragrafi del pannello Tipi di carattere
  • Colore - Colore del Paragrafo (Medio) nel tema sezione scelto

Colori

Per definire lo stile dei colori usati nel blocco:

  1. Durante la modifica di una pagina, apri Stili sito, quindi fai clic su > accanto a Colori.
  2. Passa il mouse sul tema e fai clic sull'icona della matita.
  3. Scorri fino alla sezione Blocco newsletter o clicca sul Blocco newsletter presente sul tuo sito per visualizzare tutti i tweak pertinenti.
  4. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.

I blocchi newsletter sono trasparenti per impostazione predefinita, quindi il loro colore corrisponderà allo sfondo del sito o della sezione. Se desideri che un blocco newsletter si distingua dal resto del tuo sito, abilita un colore di sfondo nella scheda Design del blocco.

Pulsante

Personalizza lo stile del pulsante Blocco newsletter e del relativo testo nel Pannello dei pulsanti degli stili sito. I pulsanti Blocco newsletter seguono le impostazioni dello stile Principale. Se vuoi mantenere il layout dei Blocchi newsletter, le modifiche al padding non influiscono sulla larghezza o sull'altezza dei pulsanti. Per garantire un aspetto uniforme, le opzioni di stile dei pulsanti si applicano alla maggior parte dei pulsanti del sito.

Tipo di carattere

Per definire lo stile dei tipi di caratteri usati nel blocco:

  1. Apri il pannello Design, quindi fai clic su Stili sito.
  2. Scorri verso il basso fino alla sezione del blocco newsletter.

Le opzioni variano in base al modello, ma saranno disponibili alcuni o tutti i tweak di stile riportati di seguito:

  • Stile - Scegli tra Scuro, Chiaro o Personalizzato
  • Colore di sfondo
  • Spaziatura
  • Colore Intestazione - Disponibile con lo stile Personalizzato
  • Colore del testo - Disponibile con lo stile Personalizzato
  • Colore Pulsante
  • Colore Testo Pulsante - Non disponibile quando lo stile del pulsante è impostato su Bordato
  • Opzioni Alterna (ad esempio, Alterna colore di sfondo) - Disponibili in alcuni modelli. Questi tweak influiscono sui Blocchi newsletter al di fuori dell'area del contenuto principale, ad esempio piè di pagina o intestazioni di pagina, per fare in modo che risaltino rispetto ai diversi colori di sfondo.

Nelle altre sezioni di Stili sito:

  • Utilizza i tweak Intestazione, (solitamente Intestazione 2) per cambiare il tipo di carattere del titolo.
  • Utilizza i tweak Corpo per modificare il tipo di carattere del resto del testo. In alcuni modelli, se inserisci il Blocco newsletter nel piè di pagina, potrebbe essere necessario utilizzare tweak specifici del piè di pagina.
  • Non è possibile modificare le dimensioni del testo.
  • Utilizza i tweak nella sezione Pulsanti per personalizzare stile e forma del pulsante Invia. Per maggiori informazioni, visita Definire lo stile dei pulsanti.

Traccia le iscrizioni alla newsletter

Verifica il livello di coinvolgimento dei visitatori con i tuoi moduli di iscrizione alla newsletter grazie alla funzione Conversioni moduli e pulsanti. Puoi tenere traccia del tasso di conversione tramite moduli, che confronta il numero di visualizzazioni ricevute da un modulo con il numero di volte in cui è stato inviato.

Risoluzione dei problemi

Il numero di richieste inviate non corrisponde al numero di iscritti

Se scegli Squarespace o Mailchimp come soluzione di archiviazione, i visitatori che compilano il modulo potrebbero ricevere un'e-mail che chiede loro di confermare l'abbonamento. Questo, in determinate situazioni, può generare discrepanze tra il numero di invii e il numero di abbonati:

  • L'utente non ha ancora verificato l'iscrizione con l'e-mail di conferma
  • L'utente ha inviato la propria e-mail più volte in un breve arco di tempo senza verificare l'iscrizione tramite l'e-mail di conferma iniziale
  • L'utente ha inviato la propria e-mail, ma il suo indirizzo è già presente nella mailing list

Puoi adottare alcune misure per ridurre queste discrepanze:

Il messaggio di conferma non appare (versione 7.0)

Se hai impostato il tweak del Blocco newsletter su Chiaro e il colore di sfondo è bianco, visualizzerai testo bianco sopra uno sfondo bianco, rendendo difficile la lettura. Modifica uno dei tweak per risolvere questo problema.

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.