Smart. Concentrazione. Email.
Posta elettronica veloce e multipiattaforma progettata per filtrare i fastidi.
Definizione
💡 AMP for Email: un formato che ti permette di incorporare componenti interattivi, simili a quelli di un'app, direttamente nei messaggi email. Pensa a moduli che puoi compilare, caroselli di immagini che puoi scorrere o elenchi di prodotti che si aggiornano in tempo reale, il tutto senza uscire dalla tua casella di posta.
Cosa fa AMP for Email?
Ti ricordi quando le email erano solo testo e immagini statici? AMP ribalta questo modello.
Con AMP for Email, i messaggi possono fare cose. Cose vere. Una conferma di prenotazione al ristorante che ti permette di cambiare l'orario della prenotazione cliccando sui pulsanti direttamente nell'email. Un messaggio e-commerce in cui disponibilità e prezzi dei prodotti si aggiornano automaticamente, anche giorni dopo l'arrivo dell'email. Inviti a eventi in cui puoi confermare la tua partecipazione con un tocco invece di aprire un browser.
La tecnologia viene da Google (si basa sul suo framework web AMP) ed è progettata per ridurre il divario tra ciò che puoi fare su un sito web e ciò che puoi fare in un client di posta elettronica. In pratica, rende le email meno simili a documenti statici e più simili a mini web app.
Ma c'è un problema: il supporto è limitato. Gmail lo gestisce bene, Yahoo e Outlook hanno livelli di supporto variabili e alcuni client non lo supportano affatto. Secondo i dati di Litmus Email Analytics, solo circa il 23% delle aperture delle email avviene in client che supportano pienamente AMP. Quindi stai creando esperienze interattive per meno di un quarto del tuo pubblico. Tutti gli altri vedono una versione di fallback HTML email.
Come funziona AMP for Email?
Le email AMP contengono in realtà tre versioni dello stesso messaggio: una versione AMP, una versione HTML e una versione in testo semplice. Il client di posta elettronica sceglie quella che supporta e visualizza quella.
La versione AMP usa componenti specifici (chiamati componenti AMP) che abilitano l'interattività. Cose come <amp-carousel> per i caroselli di immagini, <amp-form> per inviare dati, <amp-list> per contenuti dinamici che si aggiornano da un server. Questi componenti sono isolati in sandbox e convalidati, quindi non possono eseguire JavaScript arbitrario né fare nulla di dannoso. La sicurezza è stata una considerazione progettuale importante.
Il fallback HTML è ciò che vedono tutti gli altri. Lo progetti in modo che assomigli alla versione AMP, solo senza le parti interattive. Un carosello diventa una serie di immagini statiche. Un modulo diventa un pulsante che apre il tuo sito web.
Il testo semplice è il tuo fallback estremo per i client antiquati o per gli utenti che preferiscono email solo testuali.
Quando qualcuno interagisce con un componente AMP (cliccando un pulsante, inviando un modulo), l'azione invia dati al tuo server tramite endpoint HTTPS sicuri. Il tuo server li elabora e può rimandare dati aggiornati per rinfrescare parti dell'email. È così che i prezzi dei prodotti o i livelli di inventario restano aggiornati anche giorni dopo l'invio.
I requisiti tecnici però sono piuttosto rigidi. Devi convalidare il dominio del mittente con Google, implementare una corretta autenticazione DKIM e SPF e superare un processo di revisione del mittente. Non è proprio un progettino da weekend per team piccoli.
Casi d'uso di AMP for Email
L'e-commerce ama AMP. Consigli di prodotto che si aggiornano in base all'inventario attuale, esperienze di navigazione e acquisto in cui le persone aggiungono articoli al carrello senza uscire da Gmail, promemoria del carrello abbandonato con prezzi aggiornati in tempo reale. Aumenta le conversioni perché c'è meno attrito.
La gestione degli eventi diventa più fluida. Moduli RSVP integrati negli inviti, integrazione con il calendario con un clic, elenchi dei partecipanti che si aggiornano man mano che più persone confermano. Meglio che mandare le persone a una pagina di registrazione esterna.
Sondaggi e feedback diventano meno pesanti. Invece di "clicca qui per partecipare al nostro sondaggio", il sondaggio è dentro l'email. I tassi di risposta sono più alti quando le persone non devono passare a un browser.
Feed di contenuti come riepiloghi di notizie o raccolte di post del blog possono caricare contenuti freschi al momento dell'apertura invece che al momento dell'invio. L'email diventa di fatto una vista in tempo reale dei tuoi contenuti più recenti.
Viaggi e ospitalità lo usano per conferme di prenotazione in cui puoi selezionare i posti, preordinare i pasti o fare il check-in per i voli direttamente nell'email di conferma. Meno passaggi tra app, esperienza migliore.
Consigli per usare AMP for Email
Costruisci sempre prima il fallback. Progetta la versione HTML prima di mettere mano ad AMP. La maggior parte del tuo pubblico vedrà quella e, se il fallback fa schifo, tutta la campagna fa schifo.
Non esagerare. Solo perché puoi aggiungere 47 elementi interattivi non significa che dovresti farlo. Concentrati su una o due interazioni significative che migliorino davvero l'esperienza utente. Caroselli e moduli che servono davvero a qualcosa.
Testa a fondo. Il supporto ad AMP varia enormemente tra client e versioni. Ciò che funziona su Gmail web potrebbe rompersi nell'app mobile di Gmail. Testa tutto in caselle di posta reali prima di inviare alla tua lista completa.
Rispetta i tempi di caricamento. I contenuti dinamici che si aggiornano all'apertura richiedono chiamate al server. Se i tuoi endpoint sono lenti, l'email sembrerà rotta. Mantieni tutto veloce.
Considera l'aspetto della privacy. Le email AMP possono tracciare quando le persone le aprono e interagiscono con i componenti in modi che le email normali non consentono. Sii trasparente sulla raccolta dei dati.
Valuta il costo di sviluppo. Creare email AMP richiede molto più tempo rispetto alle normali email HTML. Assicurati che l'interattività migliori davvero le tue metriche prima di investire pesantemente.