Authoring dei frammenti

Dopo aver creato un frammento, utilizza l'editor visivo per creare i componenti strutturali e di contenuto nel frammento.

Aggiungere struttura e contenuto design-fragment

  1. Per iniziare la progettazione del contenuto, trascina un elemento dalle Strutture e rilascialo nell'area di lavoro.

    Aggiungi tutti gli elementi da Strutture necessari e modifica le impostazioni per ciascuno nel riquadro a destra.

    note tip
    TIP
    Seleziona il componente n:n column per definire il numero di colonne desiderato (tra tre e 10). Puoi anche definire la larghezza di ciascuna colonna spostando le frecce sotto di essa.

    Trascina una struttura nell'area di lavoro e regola le impostazioni {width="800" modal="regular"}

    Le dimensioni di ogni colonna non possono essere inferiori al 10% della larghezza totale del componente struttura. È possibile rimuovere solo colonne vuote.

  2. Espandi la sezione Contents e aggiungi tutti gli elementi necessari in uno o più componenti della struttura.

    Trascina un elemento di contenuto nell'area di lavoro e regola le impostazioni {width="800" modal="regular"}

  3. Se necessario, puoi effettuare ulteriori personalizzazioni per ciascun componente nelle schede Impostazioni o Stile.

    Ad esempio, puoi modificare lo stile del testo, la spaziatura interna o il margine di ciascun componente.

  4. Per aggiungere contenuto condizionale e adattarlo ai profili target in base alle regole condizionali, selezionare un componente di contenuto e fare clic sull'icona Abilita contenuto condizionale nella barra degli strumenti del componente.

    Per ulteriori informazioni, vedere Contenuto condizionale.

Aggiungere risorse

Nell'editor del contenuto visivo, seleziona l'icona Assets di Marketo Engage ( icona Assets di Marketo Engage ) o l'icona Experience Manager Assets ( icona AEM Assets ) nella barra di navigazione a sinistra. Dal selettore delle risorse, puoi selezionare direttamente le risorse memorizzate nella libreria di origine.

NOTE
Se hai effettuato il provisioning con Adobe Experience Manager as a Cloud Services, potrai accedere agli archivi sia per Marketo Engage Design Studio che per Adobe Experience Manager Assets as a Cloud Service quando il tuo account utente dispone delle autorizzazioni necessarie. Questi archivi sono separati e non sincronizzati. Puoi utilizzare le risorse immagine da entrambe le origini.
  • Aggiungi una nuova risorsa trascinando la risorsa immagine in un componente struttura.

    Trascina una risorsa Marketo Engage nell'area di lavoro e regola le impostazioni {width="800" modal="regular"}

  • Sostituisci una risorsa immagine esistente selezionandola nell'area di lavoro e fai clic su Seleziona una risorsa negli strumenti di origine delle immagini.

    Seleziona una risorsa dalla libreria di origine {width="600" modal="regular"}

Per ulteriori informazioni sull'utilizzo delle risorse del tipo di origine, vedere Utilizzare le risorse per l'authoring dei contenuti.

Spostarsi tra livelli, impostazioni e stili

Mentre si lavora con il contenuto nella finestra di progettazione visiva, è possibile accedere ai livelli/contenitori e agli elementi utilizzando la struttura Navigazione. Fai clic sull'icona Navigazione per visualizzare la struttura a sinistra dell'area di lavoro.

Accedere ai livelli di contenuto {width="800" modal="regular"}

L’esempio seguente illustra i passaggi per regolare la spaziatura e l’allineamento verticale all’interno di un componente struttura composto da colonne.

  1. Selezionare la colonna nel componente struttura direttamente nell'area di lavoro o utilizzando la struttura di spostamento visualizzata a sinistra.

  2. Dalla barra degli strumenti della colonna, fare clic sullo strumento Seleziona una colonna e scegliere quello che si desidera modificare.

    Puoi anche selezionarla dall’albero della struttura. I parametri modificabili per tale colonna vengono visualizzati nelle schede Impostazioni e Stili a destra.

    Componenti colonna visualizzati nella finestra di progettazione visiva {width="800" modal="regular"}

  3. Per modificare le proprietà della colonna, fai clic sulla scheda Stili a destra e modificale in base alle tue esigenze:

    • Per Sfondo, modifica il colore di sfondo in base alle esigenze.

      Deselezionare la casella di controllo relativa a uno sfondo trasparente. Abilita l'impostazione Immagine di sfondo per utilizzare un'immagine come sfondo invece di un colore a tinta unita.

    • Per Allineamento, seleziona l'icona Superiore, Centro o Inferiore.

    • Per Spaziatura interna, definire la spaziatura per tutti i lati.

      Selezionare Spaziatura interna diversa per ogni lato per ottimizzare la spaziatura. Fai clic sull'icona Blocca per interrompere la sincronizzazione.

    • Espandi la sezione Avanzate per definire gli stili in linea per la colonna.

    Modifica gli stili per la colonna selezionata {width="700" modal="regular"}

  4. Se necessario, ripeti questi passaggi per regolare l’allineamento e la spaziatura per le altre colonne del componente.

  5. Salva le modifiche.

Personalizzazione dei contenuti

Journey Optimizer B2B edition utilizza una sintassi inline semplice che consente di creare espressioni con contenuto personalizzato racchiuso tra parentesi graffe {}. È possibile aggiungere più espressioni nello stesso contenuto o campo senza restrizioni.

Esempi:

  • Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}}

  • Hello {{profile.person.name.fullName}}

Durante l’elaborazione del contenuto, Journey Optimizer B2B edition sostituisce l’espressione con i dati contenuti nel database Experience Platform. Il primo esempio diventa Hello John Doe.

L’esempio seguente illustra i passaggi per personalizzare il contenuto utilizzando gli attributi lead/account e i token di sistema.

  1. Seleziona il componente testo e fai clic sull'icona Aggiungi personalizzazione nella barra degli strumenti.

    Fare clic sull'icona Personalizza {width="600"}

    Questa azione apre la finestra di dialogo Modifica Personalization.

  2. Fare clic su + o per aggiungere un token allo spazio vuoto.

    Creare testo personalizzato utilizzando token {width="700" modal="regular"}

  3. Fai clic su Salva.

Abilita personalizzazione frammento

Quando un autore aggiunge un frammento a un e-mail o modello e-mail, il contenuto del frammento è bloccato per impostazione predefinita. Eventuali modifiche apportate al frammento pubblicato vengono propagate automaticamente a tutte le risorse di contenuto in cui viene utilizzato il frammento. Quando imposti un parametro per un componente del frammento come modificabile, l’autore dell’e-mail o del modello può specificare un valore di campo personalizzato specifico per le sue esigenze. Questo flag di personalizzazione è limitato ai componenti visivi immagine, testo e pulsante.

Ad esempio, se progetti un banner riutilizzabile che include un pulsante cliccabile, puoi designare il parametro URL per il pulsante come modificabile. Gli autori delle e-mail possono quindi utilizzare un URL più specifico per la propria campagna e-mail. Con questi campi personalizzabili, gli addetti al marketing possono gestire e personalizzare contenuti riutilizzabili senza la necessità di creare blocchi di contenuto completamente nuovi o interrompere gli aggiornamenti ereditati dal frammento originale.

  1. Nell’editor di contenuto visivo, seleziona l’immagine, il testo o l’elemento pulsante in cui desideri abilitare la personalizzazione.

  2. Nei dettagli del componente a destra, seleziona la scheda Campi modificabili.

  3. Fai clic sull'opzione Abilita edizione e imposta i campi modificabili.

    Abilita campi modificabili per un componente immagine frammento {width="700" modal="regular"}

    Puoi abilitare la personalizzazione per i campi visualizzati, che dipendono dal tipo di componente e dai parametri definiti nel frammento.

    Cambia l’opzione in uno stato abilitato per ogni campo in cui desideri consentire la personalizzazione.

  4. Fai clic su Panoramica per esaminare tutti i campi modificabili e i relativi valori predefiniti.

    Esaminare i campi modificabili e i relativi valori predefiniti {width="700" modal="regular"}

  5. Salva le modifiche.

Modifica tracciamento URL collegato

  1. Fai clic sull'icona Collegamenti ( Mostra icona collegamenti ) a sinistra per visualizzare tutti gli URL collegati nel contenuto da tracciare.

  2. Se necessario, fare clic sull'icona Modifica ( Modifica icona ) e modificare il Tipo di tracciamento o Etichetta.

    Puoi anche aggiungere Tag per un collegamento.

Fai clic sull'icona Modifica per accedere al tracciamento dei collegamenti {width="500"}

recommendation-more-help
6ef00091-a233-4243-8773-0da8461f7ef0