E-mailbericht schrijven

Nadat u ​ een e-mailmiddel aan een knoop van de reisactie ​ toevoegt, kunt u de inhoud voor het e-mailbericht bepalen.

Klik op Edit email content op de tab Details ​in het rechterdeelvenster.

​ Klik op E-mailinhoud bewerken ​ {width="700" modal="regular"}

Met deze handeling worden de ontwerpgereedschappen voor e-mail gestart, waarin u kunt kiezen hoe u uw e-mail wilt ontwerpen op basis van de volgende opties:

Nadat u de e-mailinhoud hebt gemaakt en aangepast, kunt u de inhoud exporteren voor validatie of later gebruik. Klik op Export HTML om de inhoud op te slaan als een ZIP-bestand dat uw HTML en elementen bevat.

TIP
Gebruik AI Assistant in Adobe Journey Optimizer B2B edition, aangedreven door generatieve AI om uw inhoud naar het volgende niveau te tillen. Met AI Assistant kunt u de impact van uw leveringen optimaliseren door volledige e-mails, gerichte tekstinhoud en aanbevelingen voor AI Assistant te genereren voor afbeeldingen die op uw publiek zijn afgestemd. Meer informatie

Ontwerp uw e-mail helemaal zelf design-from-scratch

Gebruik de ruimte voor het ontwerpen van visuele inhoud om de structuur en inhoud van het e-mailbericht te definiëren. Door structurele componenten toe te voegen en te bewegen met eenvoudige belemmering-en-dalingsacties, kunt u de vorm van de herbruikbare e-mailinhoud binnen seconden ontwerpen.

  1. Selecteer de optie Design your template ​op de startpagina van Design from scratch.

  2. Kies in het dialoogvenster Create email ​het type e-mailinhoud dat u wilt ontwerpen.

    • Use Themes - kies deze optie om e-mail op wijze van het Thema tot stand te brengen. In deze modus kunt u een gedefinieerd merkthema gebruiken om het ontwerpproces voor inhoud te stroomlijnen en ervoor te zorgen dat het ontwerp wordt afgestemd op gedefinieerde standaarden.

    • Manual Styling - kies deze optie om e-mail op Handmatige wijze tot stand te brengen. In deze modus stelt u de opmaak handmatig in voor alle structuur- en inhoudscomponenten die u toevoegt aan het lege canvas.

  3. ​ voegt structuur en inhoud ​ aan het malplaatje toe.

  4. ​ Overzicht en werk verbindingen ​ bij.

  5. ​ Test e-mail ​.

Als u tevreden bent met de inhoud, klikt u op Save .

Bestaande HTML-inhoud importeren

Geïmporteerde inhoud kan:

  • Een HTML-bestand met een opgenomen stijlblad

  • Een ZIP-bestand dat een HTML-bestand, de stijlpagina (.css) en afbeeldingen bevat

    note note
    NOTE
    Er gelden geen beperkingen voor de .zip-bestandsstructuur. Verwijzingen moeten echter relatief zijn en passen bij de boomstructuur van de ZIP-map. De afbeeldingen worden altijd geüpload naar de opslagplaats voor gekoppelde Marketo's Engage. Als u de afbeeldingsbestanden in Experience Manager Assets wilt beheren, uploadt u ze afzonderlijk in de app-interface en wijzigt u de afbeeldingskoppelingen in de e-mailontwerper.

om een dossier in te voeren dat de inhoud van HTML bevat:

  1. Selecteer de optie Import HTML op de startpagina van Design your template.

  2. Sleep het HTML- of ZIP-bestand met de inhoud van uw HTML en klik op Import .

​ de invoer HTML- inhoud in een ZIP dossier ​ {width="500"}

NOTE
Als u een <table> -tag als eerste laag in een HTML-bestand gebruikt, kan dit leiden tot stijlverlies, zoals de achtergrond- en breedte-instellingen in de bovenste laagtag.

U kunt de geïmporteerde inhoud naar wens aanpassen met de gereedschappen in de visuele e-maileditor.

Een sjabloon selecteren

U kunt kiezen uit:

  • malplaatjes van de Steekproef. De Journey Optimizer-interface bevat 20 e-mailsjablonen die u kunt kiezen.

  • Bewaarde malplaatjes. Gebruik een opgeslagen aangepaste sjabloon die u helemaal zelf hebt gemaakt via het menu Templates ​of die u via de optie​ Save as content template hebt opgeslagen in een e-mail.

Gebruik de sectie Select design template ​om uw inhoud op te bouwen van een sjabloon. U kunt een voorbeeldsjabloon of een opgeslagen aangepaste e-mailsjabloon uit uw Journey Optimizer B2B Edition-exemplaar gebruiken.

Bewaarde malplaatjes

Op het Ontwerp uw malplaatje homepage, wordt het malplaatjes van de Steekproef lusje geselecteerd door gebrek. Als u een aangepaste sjabloon wilt gebruiken, selecteert u de tab Saved templates .

De lijst met alle e-mailsjablonen die in de huidige sandbox zijn gemaakt, wordt weergegeven. U kunt ze sorteren op Name,Last modified en Last created.

​ kies een bewaard malplaatje ​ {width="800" modal="regular"}

Selecteer de gewenste sjabloon in de lijst.

Na de selectie wordt een voorbeeld van de sjabloon weergegeven. In de voorvertoningsmodus kunt u met de rechter- en linkerpijltoets navigeren tussen alle sjablonen van één categorie (voorbeeld of opgeslagen, afhankelijk van uw selectie).

​ Voorproef het bewaarde malplaatje ​ {width="800" modal="regular"}

Wanneer de weergave overeenkomt met wat u wilt gebruiken, klikt u op Use this template rechtsboven in het voorvertoningsvenster.

Met deze actie kopieert u de inhoud naar de visuele ontwerper van de inhoud, waar u de inhoud desgewenst kunt bewerken.

malplaatjes van de Steekproef

De Uitgave van Adobe Journey Optimizer B2B biedt een selectie van e-mailmalplaatjes aan die worden aangeboden uit-van-de-doos, die voor het creëren van e-mails en e-mailmalplaatjes kan worden gebruikt.

​ kies een malplaatje dat door Adobe ​ {width="800" modal="regular"} wordt verstrekt

NOTE
Op opgeslagen sjablonen kunnen governance-instellingen (inhoudvergrendeling) zijn toegepast op een of meer componenten. De visuele ontwerpruimte verstrekt richtlijnen over gesloten componenten wanneer u ​ auteur een e-mail van een geregeerd malplaatje ​.

Structuur en inhoud toevoegen structure-content

  1. Als u het inhoudsontwerp wilt starten, sleept u een item van de Structures naar het canvas.

    Voeg zoveel items vanuit Structures ​toe als u nodig hebt en bewerk de instellingen voor elk item in het rechterdeelvenster.

    note tip
    TIP
    Selecteer de n:nkolom component om het aantal kolommen van uw keus (tussen drie en 10) te bepalen. U kunt ook de breedte van elke kolom definiëren door de pijlen onder de kolom te verplaatsen.

    ​ sleep een structuur op het canvas en pas de montages ​ {width="800" modal="regular"} aan

    Elke kolomgrootte mag niet kleiner zijn dan 10% van de totale breedte van de structuurcomponent. Alleen lege kolommen kunnen worden verwijderd.

  2. Vouw de sectie Contents uit en voeg zoveel inhoudscomponenten toe als u nodig hebt in een of meer structuurcomponenten.

    ​ sleep een inhoudselement op het canvas en pas de montages ​ {width="800" modal="regular"} aan

  3. Indien nodig kunt u aanvullende aanpassingen aanbrengen voor elke component op de tabbladen Settings ​of​ Style .

    U kunt bijvoorbeeld de tekststijl, opvulling of marge van elke component wijzigen.

  4. Als u voorwaardelijke inhoud wilt toevoegen en de inhoud wilt aanpassen aan de doelprofielen op basis van voorwaardelijke regels, selecteert u een inhoudscomponent en klikt u op het pictogram Enable conditional content op de werkbalk van de component.

    Voor meer informatie, zie Voorwaardelijke inhoud.

Aangepaste CSS toevoegen

U kunt uw eigen aangepaste CSS rechtstreeks toevoegen binnen de ontwerpruimte van de e-mail. Gebruik aangepaste CSS om geavanceerde en specifieke stijlen toe te passen, voor meer flexibiliteit en controle over de weergave van uw inhoud. Het wordt aanbevolen deze opmaak op het hoogste niveau toe te voegen voordat u inhoudcomponenten zoals afbeeldingen, knoppen en tekst opneemt.

Selecteer met ten minste één inhoudscomponent op het canvas de component Body in de linkernavigatiestructuur voor toegang tot de aangepaste CSS-editor.

NOTE
Als uw e-mailbericht gebruikend a ​ malplaatje met gesloten inhoud ​ wordt ontworpen, kunt u geen douaneCSS aan uw inhoud toevoegen. Het knoplabel verandert in View custom CSS en eventuele aangepaste CSS die al in de inhoud aanwezig is, is alleen-lezen.

​ heb toegang tot de lichaamstijlen ​ {width="800" modal="regular"}

  1. In het lusje van Stijlen dat op het recht wordt getoond, klik Add custom CSS.

    note note
    NOTE
    De knop Add custom CSS is alleen beschikbaar wanneer de component Body ​is geselecteerd. U kunt echter aangepaste CSS-stijlen toepassen op alle componenten in de stijl.

    De pop-upeditor van Add custom CSS ​wordt weergegeven met opmerkingen voor plaatsaanduidingscode.

  2. Voer uw CSS-code in de editor in.

    Zorg ervoor dat de aangepaste CSS geldig is en de juiste syntaxis volgt. Als de ingevoerde CSS ongeldig is, wordt een foutbericht weergegeven en kan de CSS niet worden opgeslagen. Meer leren, zie ​ CSS geldigheid ​.

  3. Klik op Save om de aangepaste CSS op te slaan.

    Het aangepaste stijlblad wordt toegepast op de bestaande inhoud. U kunt controleren of uw aangepaste CSS is toegepast naar wens. Voor informatie over hoe te om veranderingen aan te brengen en de toepassing van het stijlblad aan te passen, zie ​ het Oplossen van problemen ​.

NOTE
Als u alle inhoud verwijdert, wordt de CSS-sectie niet meer weergegeven in het deelvenster Tekenstijlen en wordt de eerder gedefinieerde aangepaste CSS niet meer toegepast. Als u inhoud weer toevoegt, verschijnt de sectie CSS styles opnieuw en wordt de aangepaste CSS opnieuw toegepast.

Fragmenten toevoegen

NOTE
De fragmenten zijn niet dwars-compatibel tussen de wijze van het Thema en Handmatige wijze in de e-mailinhoud. Om een fragment in e-mailinhoud te gebruiken waar een thema wordt toegepast, moet het fragment ook op wijze van het Thema worden gecreeerd.

A visual fragment is a reusable design component that can be referenced by multiple content assets across Adobe Journey Optimizer B2B Edition. It is usually a block of content that can be pre-created and quickly inserted to make authoring quicker and more consistent.

The following example outlines steps to add fragments as you author your content.

  1. To open the fragments listing, select the Fragments icon ( Fragments icon ).

    U kunt:

    • Sorteer de aanbieding.
    • Browse, search, or filter the listing.
    • Switch between thumbnail and list views.
    • Vernieuw de lijst om een van de onlangs gemaakte fragmenten weer te geven.

    Select a fragment from the list {width="700" modal="regular"}

  2. Drag and drop any of the fragments into the structural component.

    De editor geeft het fragment weer binnen de sectie/het element van de e-mailstructuur.

    note tip
    TIP
    To add the fragment so that it occupies the entire horizontal layout within the email, add a 1:1 column structure and then drag and drop the fragment into it.

    The content of the fragment is dynamically updated within the structure to show how the content appears in your content.

recommendation-more-help

Editable fields in customizable fragments

A visual fragment can include editable fields that you can customize. Custom fields allow you to modify parameters when you incorporate the fragment into your content and create a tailored experience without affecting the original fragment. The frament author can design the fragmant for customization of text, image, and button components. If an included fragment contains components with editable fields, you can change the default values to customize it for your content.

  1. Select the fragment component.

    The Settings displayed on the right include and editable fields with the default values.

    Change fragment component parameters {width="700" modal="regular"}

  2. Change any editable field as needed.

Nadat het e-mailbericht is opgeslagen, wordt het weergegeven op de pagina met fragmentdetails wanneer u het tabblad Used By ​in het overzicht selecteert.

Afbeeldingselementen toevoegen

In de visuele inhoudsredacteur, selecteer het Marketo Engage Assets ( het pictogram van Assets van Marketo Engage ) pictogram of Experience Manager Assets ( het pictogram van AEM Assets ) pictogram in de linkernavigatiebar. Vanuit de elementenkiezer kunt u rechtstreeks in de bronbibliotheek opgeslagen elementen selecteren.

NOTE
Als u Adobe Experience Manager als Cloud Services hebt ingericht, hebt u toegang tot de opslagruimten voor zowel Marketo Engage Design Studio als Adobe Experience Manager Assets as a Cloud Service wanneer uw gebruikersaccount de vereiste machtigingen heeft. Deze opslagruimten zijn gescheiden en niet gesynchroniseerd. U kunt afbeeldingselementen uit beide bronnen gebruiken.
  • Voeg een nieuw element toe door het afbeeldingselement naar een structuurcomponent te slepen.

    ​ belemmering een activa van Marketo Engage op het canvas en pas de montages ​ {width="800" modal="regular"} aan

  • Vervang een bestaand afbeeldingselement door dit te selecteren op het canvas en op Select an asset te klikken in de brongereedschappen van de afbeelding.

    ​ Uitgezocht een middel van de bronbibliotheek ​ {width="600" modal="regular"}

Voor meer informatie over het gebruiken van activa van uw brontype, zie ​ activa van het Gebruik voor inhoud creatie ​.

Terwijl u met de inhoud werkt in de visuele ontwerpruimte, hebt u via de navigatiestructuur toegang tot de componenten, kolommen en inhoudselementen. Klik het Navigation tree ​pictogram ( het boompictogram van de Navigatie ) op de linkerzijde om de boom te tonen.

​ heb toegang tot de inhoudslagen ​ {width="800" modal="regular"}

In het volgende voorbeeld worden stappen beschreven voor het aanpassen van opvulling en verticale uitlijning binnen een structuurcomponent met kolommen.

  1. Selecteer de kolom in de structuurcomponent direct in het canvas of gebruikend de boom van de Navigatie die bij de linkerzijde wordt getoond.

  2. Klik in de kolomwerkbalk op het gereedschap Select a column ​en kies het gereedschap dat u wilt bewerken.

    U kunt deze ook selecteren in de boomstructuur. De bewerkbare parameters voor die kolom worden weergegeven op de tabbladen Settings ​en​ Styles rechts.

    ​ de componenten van de Kolom die in de visuele ontwerper ​ {width="800" modal="regular"} worden getoond

  3. Als u de kolomeigenschappen wilt bewerken, klikt u op de tab Styles ​aan de rechterkant en wijzigt u deze naar wens:

    • Wijzig voor Background de achtergrondkleur zo nodig.

      Schakel het selectievakje voor een transparante achtergrond uit. Schakel de instelling Background image in om een afbeelding te gebruiken als achtergrond in plaats van als een effen kleur.

    • Voor Alignment, selecteer de Hoogste, Midden, of Onderste pictogram.

    • Definieer bij Padding de opvulling voor alle zijden.

      Selecteer Different padding for each side als u de opvulling wilt verfijnen. Klik het __ pictogram van het Slot {om synchronisatie te breken.

    • Vouw de sectie Advanced uit om inline stijlen voor de kolom te definiëren.

    ​ verander de stijlen voor de geselecteerde kolom ​ {width="700" modal="regular"}

  4. Herhaal indien nodig deze stappen om de uitlijning en opvulling voor de andere kolommen in de component aan te passen.

  5. Sla uw wijzigingen op.

Inhoud personaliseren

Journey Optimizer B2B edition gebruikt een inline eenvoudige syntaxis waarmee u expressies kunt maken met gepersonaliseerde inhoud tussen accolades {} . U kunt meerdere expressies zonder beperkingen toevoegen in dezelfde inhoud of hetzelfde veld.

Voorbeelden:

  • Hello {{lead.firstName}} {{lead.lastName}}
  • Hello {%= lead.mktoName ?: "Marketer" %}
NOTE
Journey Optimizer B2B edition volgt nu camel geval syntaxis voor personalisatietokens in e-mails om de andere toepassingen van Adobe Experience Platform voor een verenigbare ervaring aan te passen. Dit symbolische formaat is volledig compatibel met de ​ sjabloontaal van Handels ​. Alle tokens die vóór deze wijziging zijn toegevoegd, worden automatisch bijgewerkt.

Bij het verwerken van de inhoud vervangt Journey Optimizer B2B edition de expressie door de gegevens in de Experience Platform-database. Zo, wordt het eerste voorbeeld Sint Smit van Hello.

In het volgende voorbeeld worden stappen beschreven voor het aanpassen van inhoud met behulp van lood-/accountkenmerken en systeemtokens.

  1. Selecteer de tekstcomponent en klik verpersoonlijking pictogram in de toolbar toevoegen.

    ​ klik het Persoonlijke pictogram ​ {width="600"}

    Deze actie opent geeft Personalization dialoog uit.

  2. Voeg een token toe door op de plusknop ( + ) naast de token te klikken.

    Als u het token met een fallback wilt toevoegen (standaardtekst die verschijnt wanneer dat veld niet beschikbaar is voor een lead), klikt u op het pictogram Meer ( ) en kiest u Insert with fallback text .

    ​ construeert gepersonaliseerde tekst gebruikend tokens ​ {width="700" modal="regular"}

  3. Voeg aanvullende tokens of andere statische tekst toe die u wilt opnemen.

  4. Klik op Save.

    Het verpersoonlijkings scripting wordt getoond in de visuele ontwerpruimte. U kunt deze selecteren om indien nodig wijzigingen aan te brengen.

    ​ Uitgezochte verpersoonlijkingsmanuscript ​ {width="600"}

NOTE
Als My Tokens ​is gedefinieerd voor de accountreis, kunt u deze reisspecifieke tokens ook gebruiken voor uw e-mailinhoud. Zie ​ de tokens van de Douane voor e-mailverpersoonlijking ​ voor meer informatie.

Gekoppelde URL-tracking bewerken

  1. Klik het Links ​pictogram ( toon het verbindingspictogram ) op de linkerzijde om alle verbonden URLs in uw te volgen inhoud te tonen.

  2. Indien nodig, klik uitgeven ( geef pictogram uit) pictogram en wijzig Tracking Type of Label.

    U kunt Markeringen voor een verbinding ook toevoegen.

​ klik het Edit pictogram om verbinding het volgen ​ {width="500"} toegang te hebben

Donkere modusstijl toepassen

De wijze van het gebruik Donker om uw e-mailvertoning voor een donker thema in een e-mailcliënt te herzien. In een donkere modus of een thema kan een ondersteunende e-mailclient of app e-mails weergeven met donkere achtergronden en lichtere kleuren voor tekst, knoppen en andere visuele elementen. Bij het hoogste recht van het ontwerpcanvas, verander de selecteur in Donkere wijze ( het de wijzepictogram van de Donkere wijze ). Geef vervolgens een voorvertoning weer van de specifieke aangepaste instellingen die worden gebruikt voor weergave door de ondersteunende e-mailclients wanneer hun donkere thema is ingeschakeld.

​ het ontwerpcanvas van e-mail die de donkere wijzekiezer en e-mailinhoud tonen op donkere wijze wordt getoond ​ {width="700" modal="regular"}

Voor meer informatie over donkere wijze het stileren en beste praktijken, zie ​ Donkere wijze voor e-mailinhoud ​.

Weergaveopties

Gebruik de opties voor weergave- en inhoudsvalidatie die beschikbaar zijn in de visuele e-maileditor.

  • Zoom in of uit op de inhoud met de vooraf ingestelde zoomopties.

  • Schakel de weergave van de inhoud in op Desktop, Mobiel of Alleen tekst/Onbewerkte tekst.

    • Klik het pictogram van de Mening voor inhoudsvoorproef over apparaten.
    • Selecteer een van de apparaten die buiten het vak vallen of voer aangepaste afmetingen in om een voorvertoning van de inhoud weer te geven.

Meer opties

Vanuit het menu More … ​boven aan de visuele ontwerpruimte kunt u de volgende handelingen uitvoeren:

​ klik Meer om tot malplaatjeacties ​ {width="500"} toegang te hebben

  • Reset email - Klik op deze optie om het canvas voor het e-mailontwerp op een lege site te wissen en de opbouw van de inhoud opnieuw te starten.
  • Save as fragment - Sla alle e-mailberichten of delen ervan op als een fragment dat opnieuw moet worden gebruikt in meerdere e-mailsjablonen of e-mailsjablonen. U geeft een naam en beschrijving voor het fragment op en slaat het op in de lijst met beschikbare fragmenten.
  • Change your design - terugkeer aan het Ontwerp uw e-mailpagina. Vervolgens kunt u een andere sjabloon kiezen om het ontwerpproces opnieuw te starten. U kunt ook verkiezen om de inhoud van kras met een leeg canvas (Klassieke wijze) te ontwerpen of a ​ merkthema ​ te gebruiken (wijze van het Thema).
  • Save as content template - Sla de e-mailtekst op als een e-mailsjabloon die opnieuw moet worden gebruikt in meerdere e-mails of e-mailsjablonen. U geeft een naam en beschrijving voor de sjabloon op en slaat deze op in de lijst met opgeslagen e-mailsjablonen.
  • Export HTML - Download de inhoud in het visuele canvas naar uw lokale systeem in de HTML-indeling die is verpakt als een zip-bestand.

E-mail controleren en testen email-testing

Wanneer de inhoud van uw bericht is gedefinieerd, kunt u testprofielen gebruiken om deze voor te vertonen, proefdrukken te verzenden en de weergave ervan in hoogte-breedteverhoudingen voor desktops en mobiele apparaten te bekijken. Als u persoonlijke inhoud hebt ingevoegd, kunt u met testprofielgegevens een voorvertoning weergeven van de weergave van deze inhoud in het bericht.

Om ​ voorproef de e-mailinhoud ​, klik Simulate content en selecteer een testprofiel om uw bericht te controleren gebruikend de gegevens van het persoonprofiel.

​ Simuleer de e-mailinhoud om uw ontwerp te controleren ​ {width="700" modal="regular"}

U hebt toegang tot aanvullende gereedschappen voor het valideren en reviseren van de e-mailinhoud:

6ef00091-a233-4243-8773-0da8461f7ef0