3.5.2 Creare la campagna

Vai a https://experience.adobe.com/. Fare clic su Journey Optimizer.

Verrai reindirizzato alla visualizzazione Home in Journey Optimizer. Innanzitutto, assicurati di utilizzare la sandbox corretta. La sandbox da utilizzare si chiama --aepSandboxName--.

3.5.2.1 Creare il frammento di intestazione

Nel menu a sinistra, fai clic su Frammenti. Un frammento è un componente riutilizzabile all’interno di Journey Optimizer che evita la duplicazione e facilita le modifiche future che dovrebbero interessare tutti i messaggi, come le modifiche a un’intestazione o a un piè di pagina in un messaggio e-mail.

Fare clic su Crea frammento.

Immettere il nome --aepUserLdap-- - CitiSignal - Header e selezionare Tipo: frammento visivo. Fai clic su Crea.

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

Trascina e rilascia una colonna 1:1 dal menu nell'area di lavoro. Questo sarà il segnaposto per l'immagine del logo.

Successivamente, puoi utilizzare i Componenti contenuto per aggiungere contenuto all’interno di questi blocchi. Trascina e rilascia un componente Immagine nella prima cella della prima riga. Fare clic su Sfoglia.

Viene visualizzata un’apertura a comparsa con la libreria multimediale di AEM Assets. Vai alla cartella citi-signal-images, fai clic per selezionare l'immagine CitiSignal-Logo-White.png e fai clic su Select.

Poi vedrai questo. L'immagine è bianca e non è ancora visualizzata. A questo punto è necessario definire un colore di sfondo per la corretta visualizzazione dell'immagine. Fai clic su Stili, quindi fai clic sulla casella Colore di sfondo.

Nel popup, cambiare il codice colore Hex in #8821F4 e quindi cambiare lo stato attivo facendo clic nel campo 100%. Viene quindi visualizzato il nuovo colore applicato all'immagine.

L'immagine è anche un po' troppo grande in questo momento. Modifichiamo la larghezza facendo scorrere il commutatore Larghezza in 40%.

Il frammento di intestazione è ora pronto. Fai clic su Salva, quindi fai clic sulla freccia per tornare alla schermata precedente.

Il frammento deve essere pubblicato prima di poter essere utilizzato. Fai clic su Pubblica.

Dopo alcuni minuti, lo stato del frammento sarà Live.
Successivamente, devi creare un nuovo frammento per il piè di pagina dei messaggi e-mail. Fare clic su Crea frammento.

3.5.2.2 Creare il frammento di piè di pagina

Fare clic su Crea frammento.

Immettere il nome --aepUserLdap-- - CitiSignal - Footer e selezionare Tipo: frammento visivo. Fai clic su Crea.

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

Trascina e rilascia una colonna 1:1 dal menu nell'area di lavoro. Questo sarà il segnaposto per il contenuto del piè di pagina.

Successivamente, puoi utilizzare i Componenti contenuto per aggiungere contenuto all’interno di questi blocchi. Trascina e rilascia un componente HTML nella prima cella della prima riga. Fare clic sul componente per selezionarlo, quindi fare clic sull'icona </> per modificare il codice sorgente di HTML.

Poi vedrai questo.

Copia il frammento di codice HTML seguente e incollalo nella finestra Modifica HTML in Journey Optimizer.

<!--[if mso]><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td style="text-align: center;" ><![endif]-->
<table style="width: auto; display: inline-block;">
  <tbody>
    <tr class="component-social-container">
      <td style="padding: 5px">
        <a style="text-decoration: none;" href="https://www.facebook.com" data-component-social-icon-id="facebook">

        </a>
      </td>
      <td style="padding: 5px">
        <a style="text-decoration: none;" href="https://x.com" data-component-social-icon-id="twitter">

        </a>
      </td>
      <td style="padding: 5px">
        <a style="text-decoration: none;" href="https://www.instagram.com" data-component-social-icon-id="instagram">

        </a>
      </td>
    </tr>
  </tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->

Allora avrai questo. Alle righe 7, 12 e 17 ora devi inserire un file di immagine, utilizzando le risorse nella libreria di AEM Assets.

Verificare che il cursore si trovi nella riga 7, quindi scegliere Assets dal menu a sinistra. Fai clic su Apri selettore risorse per selezionare l'immagine.

Apri la cartella citi-signal-images e fai clic per selezionare l'immagine Icon_Facebook.png. Fai clic su Seleziona.

Assicurati che il cursore si trovi sulla riga 12, quindi fai clic su Apri selettore risorse per selezionare l'immagine.

Apri la cartella citi-signal-images e fai clic per selezionare l'immagine Icon_X.png. Fai clic su Seleziona.

Assicurati che il cursore si trovi alla riga 17, quindi fai clic su Apri selettore risorse per selezionare l'immagine.

Apri la cartella citi-signal-images e fai clic per selezionare l'immagine Icon_Instagram.png. Fai clic su Seleziona.

Poi vedrai questo. Fai clic su Salva.

Tornerai nell'editor. Le icone non sono ancora visibili perché lo sfondo e i file di immagine sono tutti in bianco. Per cambiare il colore di sfondo, passa a Stili e fai clic sulla casella di controllo Colore di sfondo.

Cambia il codice colore Hex in #000000.

Modifica l’allineamento in modo che sia centrato.

Aggiungiamo altre parti al piè di pagina. Trascina e rilascia un componente Immagine sopra il componente HTML appena creato. Fare clic su Sfoglia.

Fare clic per selezionare il file di immagine CitiSignal_Footer_Logo.png e fare clic su Seleziona.

Passa a Stili e fai clic sulla casella di controllo Colore di sfondo. Torniamo a usare il nero. Cambia il codice colore Hex in #000000.

Modifica la larghezza in 20% e verifica che l'allineamento sia impostato per essere centrato.

Trascina e rilascia un componente Testo sotto il componente HTML creato. Fare clic su Sfoglia.

Copiare e incollare il testo seguente sostituendo il testo segnaposto.

1234 N. South Street, Anywhere, US 12345

Unsubscribe

©2024 CitiSignal, Inc and its affiliates. All rights reserved.

Imposta l'allineamento Testo da centrare.

Cambia Colore carattere in bianco, #FFFFFF.

Cambia il colore di sfondo in nero, #000000.

Selezionare il testo Annulla sottoscrizione nel piè di pagina e fare clic sull'icona Collegamento nella barra dei menu. Imposta Type su External Opt-out/Unsubscription e imposta l'URL su https://aepdemo.net/unsubscribe.html (non è consentito avere un URL vuoto per il collegamento di annullamento dell'abbonamento).

Allora avrai questo. Il piè di pagina è pronto. Fare clic su Salva e quindi sulla freccia per tornare alla pagina precedente.

Fai clic su Pubblica per pubblicare il piè di pagina in modo che possa essere utilizzato in un'e-mail.

Dopo alcuni minuti lo stato del piè di pagina verrà modificato in Live.

3.5.2.3 Creare una campagna in fibra ottica

Ora creerai una campagna. A differenza del percorso basato sugli eventi dell’esercizio precedente, che si basa su eventi di esperienza o entrate o uscite di pubblico in arrivo per attivare un percorso per 1 cliente specifico, le campagne sono indirizzate a un intero pubblico una volta con contenuti univoci come newsletter, promozioni una tantum o informazioni generiche, oppure periodicamente con contenuti simili inviati regolarmente, come ad esempio campagne e promemoria di compleanno.

Nel menu, vai a Campagne e fai clic su Crea campagna.

Seleziona Pianificato - Marketing e fai clic su Crea.

Nella schermata di creazione della campagna, configura quanto segue:

Scorri verso il basso fino a Azione. Per Azione, seleziona E-mail.

Quindi, seleziona una configurazione e-mail esistente. Il contenuto verrà modificato in un paio di minuti.

Scorri fino a Pubblico. Fai clic su Seleziona pubblico.

Per il pubblico, selezionare il pubblico creato in 1.3.3 Creare una composizione federata, denominata --aepUserLdap-- - CitiSignal Eligible for Fiber. Fai clic su Salva.

Scorri verso il basso fino a Pianificazione. Per la Pianificazione, scegli In una data e un'ora specifiche e imposta un'ora a scelta.

Ora puoi iniziare a creare il messaggio e-mail stesso. Scorri verso l'alto e fai clic su Modifica contenuto.

Poi vedrai questo. Per la riga oggetto, utilizza:

{{profile.person.name.firstName}}, here's your Fiber offer!

Quindi, fare clic su Modifica corpo e-mail.

Scegli Progettazione da zero.

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

Trascina e rilascia 4 volte una colonna 1:1 nell'area di lavoro, per ottenere la seguente struttura:

Nel menu a sinistra, vai a Frammenti. Trascina l’intestazione creata in precedenza sul primo componente nell’area di lavoro. Trascinare il piè di pagina creato in precedenza sull'ultimo componente dell'area di lavoro.

Fai clic sull'icona + nel menu a sinistra. Vai a Sommario per iniziare ad aggiungere contenuti all'area di lavoro.

Trascina e rilascia un componente Testo sulla seconda riga.

Selezionare il testo predefinito nel componente Digitare qui il testo. e sostituirlo con il testo seguente. Cambia l'allineamento in Allineamento al centro.

Hi {{profile.person.name.firstName}}

As a CitiSignal customer, you're in pole position to discover our new Fiber offering. Have a look at the below offer and update your contract!

Stay connected.

Trascina e rilascia un componente Immagine sulla terza riga. Fare clic su Sfoglia.

Seleziona l’archivio AEM Assets creato come parte dei moduli precedenti. L'archivio deve essere denominato --aepUserLdap-- - Citi Signal dev. Fare clic per aprire la cartella --aepUserLdap-- - Workfront Assets.

Fai clic per selezionare l'immagine 2048x2048_buynow.png e fai clic su Seleziona.

L’e-mail della newsletter di base è ora pronta. Fai clic su Salva.

Torna al dashboard della campagna facendo clic sulla freccia accanto al testo dell'oggetto nell'angolo in alto a sinistra.

Fai clic su Rivedi per attivare.

L'errore potrebbe quindi essere visualizzato. In questo caso, potresti dover aspettare fino a 24 ore prima che il pubblico sia stato valutato, quindi provare di nuovo ad attivare la campagna. Potrebbe essere inoltre necessario aggiornare la pianificazione della campagna per eseguirla in un secondo momento.

Fare clic su Attiva.

Una volta attivata, la campagna verrà pianificata per l’esecuzione.

Hai finito questo esercizio.

Passaggi successivi

Vai a 3.5.3 Aggiungi lingue al tuo indirizzo e-mail

Torna a Adobe Journey Optimizer: Servizi di traduzione

Torna a Tutti i moduli