Aggiungere link di ancoraggio al contenuto dell'email con l'HTML

Questo articolo usa il codice HTML per spiegarti come aggiungere un link di ancoraggio in fondo al contenuto di un'email. Questa funzione può aiutare i lettori a navigare nel contenuto dell'email e a passare all'azione, per esempio iscriversi a una newsletter o seguire un link verso un sito web.

Per esempio, aggiungere un link di ancoraggio in fondo al contenuto di un'email può catturare efficacemente l'attenzione dei lettori e indirizzarli verso un'azione precisa. Proponendo una call to action chiara e facilitando il passaggio all'azione per i lettori, puoi aumentare la probabilità di raggiungere i tuoi obiettivi di marketing o di comunicazione.

Perché è importante

I link di ancoraggio sono essenziali per migliorare la navigazione nelle email, in particolare nelle newsletter più lunghe o nelle email di tipo riassuntivo. Migliorano l'esperienza utente permettendo ai lettori di accedere direttamente alle sezioni che li interessano, riducendo la fatica legata allo scorrimento e aumentando il coinvolgimento con il tuo contenuto. Questa funzione è particolarmente utile per le email con più argomenti, presentazioni di prodotti o programmi di eventi, perché aiuta i lettori a trovare rapidamente le informazioni rilevanti.

Istruzioni passo per passo

Crea un blocco HTML
- Crea un blocco HTML nella tua email
- Scorri fino in fondo al contenuto della tua email.

Inserisci il tag di ancoraggio. Inserisci un tag di ancoraggio digitando il seguente codice HTML:

<a name="bottom"></a>Questo codice crea una posizione verso cui il link navigherà quando ci si clicca sopra.

Crea il testo del link
- Digita il testo che vuoi usare come link, per esempio "Clicca qui per maggiori informazioni."
- Evidenzia il testo che hai digitato e clicca sul pulsante "Inserisci un link" nel tuo editor HTML.
Definisci la destinazione del link
- Nel campo "URL" della finestra di dialogo del link, digita "#bottom"
- Questo creerà un link e navigherà verso la posizione che hai creato con il tag di ancoraggio
- Clicca su "OK" per creare il link.
Salva e invia
- Salva il contenuto della tua email e invia l'email ai tuoi destinatari.

Esempio di codice HTML

Ecco un esempio di come potrebbe apparire il codice HTML per un contenuto di email con un link verso il basso:

<p>This is your email content.</p><p>Click <a href="#bottom">here</a> for more information.</p><a name="bottom"></a>

In questo esempio, il tag di ancoraggio crea la posizione verso cui il link navigherà, e l'attributo href nel tag del link punta a questa posizione. Quando il lettore clicca sul link, viene indirizzato in fondo al contenuto dell'email, dove si trova il tag di ancoraggio.

Risoluzione dei problemi

I link di ancoraggio non funzionano

Assicurati che i nomi degli ancoraggi non contengano spazi né caratteri speciali
Usa nomi di ancoraggio unici per ogni destinazione di link
Testa in più client di posta, perché alcuni non supportano gli ancoraggi

I link portano nel posto sbagliato

Verifica che href="#nomeancora" corrisponda esattamente al nome dell'ancora
Verifica l'assenza di nomi di ancoraggio duplicati nella tua email
Posiziona le ancore prima del contenuto verso cui vuoi creare un link

Compatibilità dei client di posta

Alcuni client di posta (come Gmail) possono rimuovere la funzione di ancoraggio
Proponi metodi di navigazione alternativi per i client non compatibili
Testa accuratamente nei principali client di posta del tuo pubblico target

Il codice HTML non si visualizza

Usa il blocco di contenuto HTML, non un blocco di testo
Assicurati di avere una sintassi HTML corretta con tag di chiusura
Fai un'anteprima nell'editor di email prima dell'invio

Problemi di navigazione su mobile

Testa i link di ancoraggio sui dispositivi mobili
Tieni conto delle dimensioni ridotte dello schermo quando pianifichi i punti di ancoraggio
Mantieni un testo del link di ancoraggio abbastanza grande da poter essere toccato su mobile