E-mailontwerp
Adobe Journey Optimizer B2B edition gebruiken om e-mailberichten naar uw klanten te sturen. U kunt berichten in de visuele ontwerper maken, personaliseren en voorvertonen.
Een e-mailactie toevoegen aan een accountreis
U kunt e-mailleveringen instellen in een Account Journey wanneer u een Take an action-knooppunt toevoegt en het volgende doet:
-
Kies People voor het doel Action on.
-
Kies Send email bij Action on people.
-
Kies Create new email bij Email source.
U kunt ook de optie Select email from Adobe Marketo Engage selecteren om een van de vooraf geschreven e-mails in het Marketo Engage te gebruiken en te verzenden als onderdeel van de Account Journey.
note note NOTE Als u voor het eerst een e-mailbericht maakt, controleert u of het e-mailkanaal is geconfigureerd vanuit Adobe Marketo Engage. Meer leren, zie E-mailLeverbaarheidin de documentatie van het Marketo Engage verzekeren. {width="700" modal="regular"}
-
Klik onder aan het deelvenster Take an action op Create email.
-
Voer in het dialoogvenster een unieke Name in voor de e-mail en een Subject line .
{width="400"}
-
Klik op Create.
In de sectie Email properties van de pagina met e-mailinhoud zijn de velden From email en Reply to address al geconfigureerd. U kunt waarden invoeren voor de velden From name en Description(optioneel).
E-mailinhoud maken
Klik op Add email content boven in het voorvertoningsvenster van Email.
{width="700" modal="regular"}
Met deze actie start u de e-mailtoepassing Designer, waarin u kunt kiezen hoe u uw e-mailbericht wilt ontwerpen. Hiervoor kunt u de volgende opties kiezen:
-
Ontwerp uw e-mail van krasgebruikend de interface van Designer E-mail.
-
de Inhoud van de Invoer bestaande HTMLvan een dossier of een .zip omslag.
-
selecteer een bestaand malplaatjevan een lijst van ingebouwde of douane e-mailmalplaatjes.
Om de onderwerpregel met de uitdrukkingsredacteur te vormen en te personaliseren, klik het pictogram van Personalization en voeg om het even welke Marketo Engage tokens toe.
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.
Ontwerp uw e-mail helemaal zelf design-from-scratch
Gebruik de visuele inhoudeditor om de structuur van de e-mailinhoud 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.
-
Selecteer de optie Design from scratch op de startpagina van Design your template.
-
voegt structuur en inhoudaan het e-mailbericht toe.
-
voeg beeldactivaaan het e-mailbericht toe.
Wanneer de inhoud gereed is, klikt u op Simulate content boven om de rendering te controleren. U kunt kiezen voor de weergave Computer of Mobiel.
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:
-
Selecteer de optie Import HTML op de startpagina van Design your template.
-
Sleep het HTML- of ZIP-bestand met de inhoud van uw HTML en klik op Import .
{width="500"}
<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.
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.
{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).
{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.
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.
{width="800" modal="regular"} wordt verstrekt
Structuur en inhoud toevoegen structure-content
-
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 component n:n column om het aantal kolommen van uw keuze (tussen drie en 10) te definiëren. U kunt ook de breedte van elke kolom definiëren door de pijlen onder de kolom te verplaatsen. {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.
-
Vouw de sectie Contents uit en voeg zoveel elementen toe als u nodig hebt in een of meer structuurcomponenten.
{width="800" modal="regular"} aan
-
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.
-
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.
Fragmenten toevoegen
In de visuele inhoudsredacteur, wordt het pictogram van Fragmenten getoond op de linkerzijde. In het volgende voorbeeld worden de stappen beschreven die moeten worden uitgevoerd om fragmenten toe te voegen aan de sjablooninhoud.
-
Om de fragmenten lijst te openen, klik het pictogram van Fragmenten.
U kunt:
- Sorteer de aanbieding.
- Blader door de lijst, zoek de lijst of filter deze.
- Schakelen tussen de miniatuur- en lijstweergave.
- Vernieuw de lijst om een van de onlangs gemaakte fragmenten weer te geven.
{width="700" modal="regular"}
-
Sleep een van de fragmenten naar de tijdelijke aanduiding voor het structurele onderdeel.
De editor geeft het fragment weer binnen de sectie/het element van de e-mailstructuur.
De inhoud van het fragment wordt dynamisch bijgewerkt in de structuur om te tonen hoe de inhoud in de e-mail wordt weergegeven.
Nadat het e-mailbericht is opgeslagen, wordt het weergegeven op de pagina met fragmentdetails wanneer u het tabblad Used By in het overzicht selecteert. Fragmenten die aan een e-mailsjabloon zijn toegevoegd, kunnen niet worden bewerkt in de sjabloon. Het bronfragment definieert de inhoud.
Elementen toevoegen
In de visuele inhoudsredacteur, selecteer het Assets pictogram ( ) dat op de linkerzijde wordt getoond.
In het volgende voorbeeld worden de stappen beschreven waarmee elementen aan de sjablooninhoud worden toegevoegd:
-
Om de activa bibliotheek te openen, klik het Assets pictogram.
Vanuit de elementenkiezer kunt u rechtstreeks in de bronbibliotheek opgeslagen elementen selecteren.
-
Voeg een nieuw element toe door het afbeeldingselement naar een structuurcomponent te slepen.
{width="800" modal="regular"} aan
Voor meer informatie over het gebruiken van activa van uw brontype, zie activa aan uw inhoudtoevoegen.
-
Vervang een bestaand afbeeldingselement door dit te selecteren op het canvas en op Select an asset te klikken in de brongereedschappen van de afbeelding.
{width="600" modal="regular"}
Navigeren door de lagen, instellingen en stijlen
Aangezien u met de inhoud in de visuele ontwerper werkt, kunt u tot de lagen/containers en de elementen toegang hebben gebruikend de boom van de 1} Navigatie. Klik het pictogram van de Navigatie om de boom links van het canvas te tonen.
{width="800" modal="regular"}
In het volgende voorbeeld worden stappen beschreven voor het aanpassen van opvulling en verticale uitlijning binnen een structuurcomponent die uit kolommen bestaat.
-
Selecteer de kolom in de structuurcomponent direct in het canvas of gebruikend de boom van de Navigatie die bij de linkerzijde wordt getoond.
-
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.
{width="800" modal="regular"} worden getoond
-
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.
{width="700" modal="regular"}
-
-
Herhaal indien nodig deze stappen om de uitlijning en opvulling voor de andere kolommen in de component aan te passen.
-
Sla uw wijzigingen op.
Inhoud personaliseren
Journey Optimizer B2B Edition gebruikt een inline eenvoudige syntaxis waarmee u expressies kunt maken met gepersonaliseerde inhoud die wordt ingesloten door dubbele accolades {}
. U kunt meerdere expressies zonder beperkingen toevoegen in dezelfde inhoud of hetzelfde veld.
Voorbeelden:
-
Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}}
-
Hello {{profile.person.name.fullName}}
Bij het verwerken van het bericht (e-mail en SMS) vervangt Journey Optimizer B2B Edition de expressie door de gegevens in de database van het Experience Platform. 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.
-
Selecteer de tekstcomponent en klik verpersoonlijking pictogram in de toolbar toevoegen.
{width="600"}
Deze actie opent geeft Personalization dialoog uit.
-
Klik + of … om een teken aan de lege ruimte toe te voegen.
{width="700" modal="regular"}
-
Klik op Save.
Gekoppelde URL-tracking bewerken
-
Klik op het pictogram Links aan de linkerkant om alle URL's weer te geven van de inhoud die u wilt bijhouden.
-
Indien nodig, klik uitgeven (potlood) pictogram en wijzig Tracking Type of Label.
U kunt Markeringen voor een verbinding ook toevoegen.
{width="500"} toegang te hebben
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 e-mailontwerper kunt u de volgende handelingen uitvoeren:
{width="500"} toegang te hebben
- Reset email - Klik op deze optie om het canvas van de visuele e-mailontwerper 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. Van daar, kunt u een andere malplaatje kiezen om het ontwerpproces opnieuw te beginnen, of verkiezen om de inhoud van kras op een zwarte canvas te ontwerpen.\
- 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.
Waarschuwingen controleren
Terwijl u de inhoud van uw e-mailbericht ontwerpt, worden waarschuwingen weergegeven in de interface (rechtsboven op de pagina) wanneer er geen sleutelinstellingen aanwezig zijn.
Als deze knop niet wordt weergegeven, zijn er geen problemen gedetecteerd.
Er kunnen twee soorten waarschuwingen worden gedetecteerd:
-
Waarschuwingen die naar aanbevelingen en beste praktijken, zoals verwijzen:
-
The opt-out link is not present in the email body
: u kunt het beste een koppeling zonder abonnement toevoegen aan uw e-mailadres.note note NOTE E-mailberichten in marketingstijl moeten een opt-out-koppeling bevatten, die niet vereist is voor transactieberichten. -
Text version of HTML is empty
: vergeet niet een tekstversie van uw e-mailhoofdtekst te definiëren die wordt gebruikt wanneer HTML-inhoud niet kan worden weergegeven. -
Empty link is present in email body
: controleer of alle koppelingen in uw e-mail correct zijn. -
Email size has exceeded the limit of 100KB
: zorg ervoor dat de grootte van uw e-mail voor optimale levering niet groter is dan 100 kB.
-
-
Fouten die u verhinderen de reis/de campagne te testen of te activeren zolang zij niet, zoals worden opgelost:
-
The subject line is missing
: e-mailonderwerpregel is verplicht. -
The email version of the message is empty
: deze fout wordt weergegeven wanneer de e-mailinhoud niet is geconfigureerd.
-
E-mail controleren en testen preview-test
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 populaire desktops, mobiele clients en webclients te beheren. Als u persoonlijke inhoud hebt ingevoegd, kunt u met testprofielgegevens een voorvertoning weergeven van de weergave van deze inhoud in het bericht.
Als u een voorbeeld van de e-mailinhoud wilt weergeven, klikt u op Simulate content en voegt u vervolgens een testprofiel toe om uw bericht te controleren met behulp van de testprofielgegevens.
{width="700" modal="regular"}