6.2 Creare il messaggio e-mail

In questo esercizio, configurerai il percorso da attivare quando qualcuno crea un account sul sito web demo.

Accedi a Adobe Journey Optimizer andando su Adobe Experience Cloud. Fare clic su Journey Optimizer.

Verrai reindirizzato alla visualizzazione Home in Journey Optimizer.

In primo luogo, assicurati di utilizzare la sandbox corretta. La sandbox da utilizzare si chiama --aepSandboxId--. Per passare da una sandbox all’altra, fai clic su PROVA DI PRODUZIONE (VA7) e seleziona la sandbox dall’elenco. In questo esempio, la sandbox si chiama AEP Enablement FY21.

Ti troverai quindi nella visualizzazione Home della sandbox --aepSandboxId--.

Nel menu a sinistra, fai clic su Messaggi.

Nella schermata Messaggi viene visualizzata una visualizzazione simile a questa. Fai clic su Crea messaggio.

Assegna al messaggio un titolo seguendo questa convenzione di denominazione ldap - Registration Email e sostituisci ldap dal tuo ldap, seleziona il CJM Alpha Preset e abilita il canale Email.

Fai clic sul pulsante Crea per creare il messaggio e-mail di registrazione.

La schermata successiva è il dashboard dei messaggi. Da lì potrai vedere la miniatura dell’e-mail quando verrà fornito il contenuto.

Sul lato destro sono riportate le proprietà E-mail:

• Da e-mail: l’indirizzo e-mail dal quale il destinatario riceverà il messaggio e-mail. Questo valore è specificato dal preset indicato nel passaggio precedente ed è di sola lettura.
• Nome: il nome del mittente da cui il destinatario riceverà il messaggio e-mail. Questo valore è specificato dal preset indicato nel passaggio precedente ed è di sola lettura.
• Oggetto: l’oggetto obbligatorio del messaggio che verrà modificato nel passaggio successivo.
• Corpo: un pulsante ti porta a E-mail Designer per creare e modificare il contenuto dell’e-mail.
• Funzioni opzionali: queste due caselle consentono di disabilitare il tracciamento delle aperture delle e-mail e dei clic delle e-mail e, pertanto, impediscono al messaggio di misurare metriche come tasso di apertura, tasso di click-through,…

In primo luogo, assicurati che le 2 caselle di controllo in Funzioni facoltative siano selezionate. In caso contrario, assicurarsi che siano entrambi attivati.

Fare clic sul campo di testo Riga oggetto.

Nell'area di testo inizia a scrivere Hi

L'oggetto non è ancora stato completato. Quindi devi inserire il token di personalizzazione per il campo Nome memorizzato in profile.person.name.firstName. Nel menu a sinistra, scorri verso il basso per trovare l'elemento Persona e fai clic sulla freccia per andare un livello più profondo.

Ora trova l'elemento Nome completo e fai clic sulla freccia per andare un livello più profondo.

Infine, trova il campo Nome e fai clic sul segno + accanto ad esso. Il token di personalizzazione verrà visualizzato nel campo di testo.

Quindi, aggiungi il testo , grazie per esserti registrato!. Fai clic su Salva.

Allora tornerai qui. Fai clic su E-mail Designer per creare il contenuto dell’e-mail.

Nella schermata successiva verranno visualizzati 3 metodi diversi per fornire il contenuto dell’e-mail:

• Progettazione da zero: Inizia con un’area di lavoro vuota e utilizza l’editor WYSIWYG per trascinare e rilasciare componenti di struttura e contenuto per creare visivamente il contenuto dell’e-mail.
• Crea un codice tuo: Crea il tuo modello e-mail codificandolo tramite HTML
• Importa HTML: Importa un modello HTML esistente, che potrai modificare.

Fai clic su Progettazione da zero.

Nel menu a sinistra trovi i componenti struttura che puoi utilizzare per definire la struttura dell’e-mail (righe e colonne).

Trascina un 1:2 column Left dal menu nell'area di lavoro. Segnaposto per l’immagine del logo.

Trascina un elemento 1:1 column sotto il componente precedente. Questo sarà il blocco banner.

Trascina una colonna 1:2 Sinistra sotto il componente precedente. Sarà il contenuto effettivo con un’immagine sul lato sinistro e del testo sul lato destro.

Quindi, trascina e rilascia una 1:1 column sotto il componente precedente. Questo sarà il piè di pagina dell’e-mail. A questo punto la tela deve avere questo aspetto:

Quindi, utilizziamo Componenti contenuto per aggiungere contenuto all’interno di questi blocchi. Fai clic sulla voce di menu Componenti contenuto

Trascina e rilascia un componente HTML nella prima cella della prima riga.

Fai clic sul componente HTML, quindi fai clic su Mostra il codice sorgente.

Vedrai questo:

Incolla qui questo codice: <img src="{%= %}" width="100px%">.

Quindi mettere il cursore, come indicato nella schermata:

Quindi, passa al campo --aepTenantId--.demoEnvironment.brandLogo. Fai clic sull’icona + per inserire il token di personalizzazione. Quindi, fai clic su Salva.

Ora hai configurato questo componente HTML per acquisire dinamicamente l’URL dell’immagine da un campo all’interno del Profilo cliente in tempo reale di Adobe Experience Platform.

Ora sei di nuovo qui:

Vai a Componenti contenuto e trascina e rilascia un componente Immagine nella prima cella della prima riga.

Fai clic su Sfoglia.

Nella finestra a comparsa Risorse, fai doppio clic sulla cartella module-23 . In questa cartella trovi tutte le risorse precedentemente preparate e caricate dal team creativo.

Seleziona module23-thankyou-new.png e fai clic su Seleziona.

A quel punto avrai questo:

Seleziona l’immagine e scorri verso il basso nel menu di destra fino a visualizzare il componente cursore di larghezza Dimensioni .

Usa il cursore per cambiare la larghezza in f.i. 60%.

Quindi, vai a Componenti contenuto e trascina e rilascia un componente Testo nel componente struttura alla quarta riga.

Selezionare il testo predefinito Digitare il testo qui. come per qualsiasi editor di testo. Scrivi invece Gentile. La barra degli strumenti Testo viene visualizzata in modalità testo.

Nella barra degli strumenti fai clic sull'icona Aggiungi personalizzazione .

Successivamente, devi portare il token di personalizzazione Nome memorizzato in profile.person.name.firstName. Nel menu, trova l'elemento Persona, espandi verso il basso fino all'elemento Nome completo, quindi fai clic sull'icona + per aggiungere il campo Nome all'editor di espressioni.

Fai clic su Salva.

Ora noterai come il campo di personalizzazione è stato aggiunto al testo.

Nello stesso campo di testo, premi due volte Invio per aggiungere due righe e scrivi Grazie per esserti registrato per.

Fai di nuovo clic su Aggiungi personalizzazione .

Quindi, devi inserire il token di personalizzazione Nome marchio memorizzato in --aepTenantId--.demoEnvironment.brandName. Nell’elenco a sinistra, individua l’elemento --aepTenantId-- e fai clic sulla freccia per approfondire il livello.

Quindi, trova l'elemento demoEnvironment e fai clic sulla freccia per andare un livello più profondo.

Infine, trova il campo brandName e fai clic sul segno + accanto ad esso. Il token di personalizzazione verrà visualizzato nel campo di testo. Fai clic su Salva.

Ora noterai come il campo di personalizzazione è stato aggiunto al testo.

Nel menu a sinistra, torna a Componenti struttura.

Trascina un elemento 1:1 column sotto il componente precedente. Questo sarà il blocco banner.

Quindi, vai a Componenti contenuto e trascina e rilascia un componente Testo nella quinta riga.

Sostituire il testo predefinito con Non più interessato? Annulla l'iscrizione immediatamente.

Ora seleziona la parola Annulla sottoscrizione e fai clic sull'icona Inserisci collegamento nella barra degli strumenti.

Nel menu a discesa Tipo di collegamento , seleziona Annulla abbonamento link e inserisci il seguente url all’interno del campo di testo URL della pagina di annullamento dell’abbonamento https://public.aepdemo.net/unsubscribe.html. Fai clic su Salva.

L’e-mail di conferma della registrazione ora include del contenuto. Ai fini del recapito messaggi (best practice relative all’invio di e-mail per assicurarsi che vengano recapitati nella cassetta postale del destinatario invece che nella cartella Spam), è importante anche che questa e-mail disponga di una versione di testo.

Fai clic sul pulsante Testo normale nella parte superiore di E-mail Designer per vedere in che modo Journey Optimizer ha sincronizzato automaticamente l’HTML con la versione di testo, in modo da non dover scrivere il testo un’altra volta.

Il controllo finale da eseguire per verificare che l'e-mail sia pronta per l'anteprima è fare clic sul pulsante Preview .

Per iniziare, identifica il profilo da utilizzare per l’anteprima. Seleziona lo spazio dei nomi email facendo clic sull'icona accanto al campo Enter identity namespace (Inserisci namespace identità).

Nell’elenco dei namespace di identità, selezionare lo spazio dei nomi E-mail. Fare clic su Seleziona.

Nel campo Valore identità , immetti l’indirizzo e-mail di un profilo demo precedente già memorizzato nel Profilo cliente in tempo reale. Ad esempio woutervangeluwe+31052021-10@gmail.com e fai clic sul pulsante Trova profilo di test

Una volta che il profilo viene visualizzato nella tabella, fai clic sulla scheda Anteprima per accedere alla schermata di anteprima.

Quando l’anteprima è pronta, verifica che la personalizzazione sia corretta nella riga dell’oggetto, che il testo del corpo e il collegamento di annullamento all’abbonamento siano evidenziati come collegamento ipertestuale.

Fai clic su Chiudi per chiudere l'anteprima.

Fai clic su Salva per salvare il messaggio.

Torna al dashboard dei messaggi facendo clic sulla freccia a1/> accanto all’oggetto nell’angolo in alto a sinistra.

Hai completato la bozza della tua e-mail di registrazione. Fai clic su Pubblica per pubblicare il messaggio e utilizzarlo in un percorso.

Fai di nuovo clic su Pubblica .

Attendi che venga visualizzato un messaggio di conferma verde nella parte inferiore dello schermo che indica che il messaggio è stato pubblicato.

Ha finito questo esercizio.

Passaggio successivo: 6.3 Journey Optimizer: Percorso di installazione

Torna al modulo 6

Torna a tutti i moduli