Geheel nieuwe e-mails ontwerpen

Laatst bijgewerkt: 1 april 2025

Gemaakt voor:

  • Beginner
  • Gebruiker

Leer hoe u e-mailinhoud kunt vervaardigen. Met Email Designer kunt u e-mails en sjablonen maken die beginnen met of zonder uw eigen vooraf gedefinieerde inhoud.

Hier volgen de belangrijkste stappen voor het maken en ontwerpen van een geheel nieuwe e-mailinhoud met behulp van de e-mailtoepassing Designer:

  1. Maak een e-mail en open de inhoud ervan.
  2. Voeg structuurcomponenten toe om de e-mail vorm te geven. Zie het Uitgeven van de e-mailstructuur.
  3. Voeg inhoudscomponenten en fragmenten in de structuurcomponenten in. Zie Toevoegend fragmenten en inhoudscomponenten.
  4. Voeg afbeeldingen toe en bewerk de tekst van de e-mail. Zie Invoegend beelden.
  5. Pas uw e-mail aan door personaliseringsgebieden, verbindingen, etc. toe te voegen. Zie Invoegend een verpersoonlijkingsgebied, Invoegend een verbindingen die dynamische inhoud in e-mailbepalen.
  6. Bepaal de onderwerpregel van uw e-mail. Zie Personaliserend de onderwerpregel van e-mail.
  7. Bekijk uw e-mail.
  8. Sla de inhoud op en voer het bericht verder nadat u hebt bepaald dat u een publiek hebt gedefinieerd en het verzenden op de juiste wijze hebt gepland.

U kunt deze inleidende videoook controleren.

NOTE
U kunt het ontwerpen van nieuwe e-mailinhoud voorkomen door sjablonen voor inhoud buiten de verpakking te gebruiken. Voor meer op dit, zie malplaatjes van de Inhoud.

E-mailstructuur definiëren

Met de e-mail Designer kunt u eenvoudig de structuur van uw e-mail definiëren. Door structuurelementen toe te voegen en te bewegen met eenvoudige belemmering-en-dalingsacties, kunt u de vorm van uw e-mail binnen seconden ontwerpen.

De structuur van een e-mail bewerken:

  1. Open een bestaande inhoud of maak een nieuwe e-mailinhoud.

  2. Heb toegang tot Structure components door het + pictogram op de linkerzijde te selecteren.

  3. Sleep de structuurcomponenten die u nodig hebt om uw e-mail vorm te geven en zet deze neer.

    Een blauwe lijn materialiseert de nauwkeurige plaats van de structuurcomponenten alvorens u het laat vallen. U kunt het boven, tussen of onder een andere component, maar niet binnen laten vallen.

    NOTE
    Kolommen zijn niet compatibel met alle e-mailprogramma's. Kolommen worden niet gestapeld als deze functie niet wordt ondersteund.
    Nadat u de onderdelen in de e-mail hebt geplaatst, kunt u deze alleen verplaatsen of verwijderen als er al een inhoudscomponent of een fragment in de e-mail is geplaatst.

  4. Er zijn verschillende structuurcomponenten beschikbaar die uit een of meer kolommen zijn samengesteld.

    Selecteer de component n:n column om het aantal kolommen van uw keuze (tussen 3 en 10) te definiëren. U kunt de breedte van elke kolom ook bepalen door de pijlen bij de bodem van elke kolom te bewegen.

    NOTE
    Elke kolomgrootte mag niet kleiner zijn dan 10% van de totale breedte van de structuurcomponent. U kunt geen kolom verwijderen die niet leeg is.

Nadat de structuur is gedefinieerd, kunt u inhoudsfragmenten en -componenten aan uw e-mail toevoegen.

Een preheader gebruiken

Een preheader is een korte samenvattingstekst die op de onderwerpregel volgt wanneer een e-mail van uw Postvak IN wordt weergegeven. De preheader biedt een hogere open snelheid.

Selecteer het bewerkingsvak Preheader en vul de inhoud in.

U kunt een Content block , een Dynamic content of een Personalization fields element toevoegen aan de inhoud van de voorkop.

NOTE
De preheader is niet compatibel met alle e-mailprogramma's. Voorheader wordt niet weergegeven als dit niet wordt ondersteund.

Contentonderdelen gebruiken

Inhoudscomponenten zijn onbewerkte, lege componenten die u kunt bewerken wanneer u ze eenmaal in een e-mail hebt geplaatst.

U kunt zoveel inhoudscomponenten toevoegen als u wilt in een structuurcomponent. U kunt ze ook binnen de structuurcomponent of naar een andere structuurcomponent verplaatsen.

Hier volgt een lijst met de beschikbare onderdelen in de e-mailtoepassing van Designer:

Button

Als u meerdere knoppen moet gebruiken in plaats van elke knop helemaal opnieuw te bewerken, kunt u de component Button dupliceren met de contextuele werkbalk.

U kunt knoppen ook opslaan in fragmenten die opnieuw kunnen worden gebruikt. Voor meer op dit, zie Creërend een inhoudsfragmenten het Opslaan van inhoud als fragment.

Selecteer Fallback view om de fallback-afbeelding weer te geven in de Designer-e-mail.

Text

Gebruik deze component om tekst in te voegen in uw e-mail. U kunt de kleur, stijl en grootte van de tekst aanpassen in Component Settings .

Divider

Gebruik deze component om een scheidingslijn in te voegen in uw e-mail. U kunt de kleur, stijl en grootte van de eindlijn selecteren in Component Settings .

HTML

Met deze component kunt u de verschillende onderdelen van uw bestaande HTML kopiëren en plakken. Zo kunt u gratis modulaire HTML-componenten maken.

NOTE
Een gratis HTML-component is bewerkbaar met beperkte opties. Als alle stijlen niet gealigneerd zijn, zorg ervoor om juiste CSS in de hoofd sectie van de code van HTML toe te voegen, anders zal e-mail niet ontvankelijk zijn. Gebruik de Preview knoop om de ontvankelijkheid van uw inhoud te testen (zie het Voorvertonen van berichten).

Om een externe inhoud eenvoudig compatibel te maken met de e-mailtoepassing Designer, raadt Adobe aan een geheel nieuw bericht te maken en de inhoud van uw bestaande e-mailbericht te kopiëren naar fragmenten en componenten.

Als u inhoud hebt die niet opnieuw kan worden gemaakt, kunt u de HTML-code uit de oorspronkelijke e-mail kopiëren en plakken met de inhoudcomponent Html . Zorg ervoor dat je bekend bent met HTML voordat je verdergaat.

NOTE
De nieuwe inhoud is niet de exacte kopie van uw oorspronkelijke e-mail, maar de onderstaande stappen begeleiden u bij het maken van een bericht dat zo dicht mogelijk bij u ligt.

alvorens uw inhoud te kopiëren

  1. In uw originele e-mail, identificeer de herbruikbare secties van de secties die aan elke e-mail uniek zullen zijn die u zult verzenden.
  2. Sla alle afbeeldingen en elementen op die u wilt gebruiken.
  3. Als u bekend bent met HTML, kunt u de originele HTML-inhoud opsplitsen in verschillende onderdelen.

Video

Voeg de videocomponent in een structuurelement van uw e-mail in en voer de videokoppeling in de Component Settings in.

NOTE
Video is niet compatibel met alle e-mailprogramma's. Als dit niet wordt ondersteund, wordt fallback weergegeven.

Afbeelding

Gebruik deze component om een afbeelding in te voegen in uw e-mail.

Voeg de afbeeldingscomponent in een structuurcomponent in en klik op Bladeren om een afbeeldingsbestand van uw computer te uploaden.

Social

Gebruik deze component om koppelingen naar pagina's met sociale media in uw e-mail in te voegen. U kunt selecteren welke koppelingen u wilt weergeven en de grootte van het bijbehorende pictogram in Component Settings .

  1. Sleep de component Carousel naar een structuurcomponent.

  2. Blader naar de gewenste afbeeldingen op uw computer.

  3. Stel in het deelvenster Settings het gewenste aantal miniaturen in de carrousel in.

  4. Selecteer een fallback-afbeelding op uw computer.

De carrouselcomponent is niet compatibel met alle e-mailprogramma's. Upload een fallback om een afbeelding weer te geven wanneer de carrousel niet in de e-mail wordt ondersteund.

NOTE
De carrouselcomponent is compatibel met de volgende e-mailplatforms: Apple Mail 7, Apple Mail 8, Outlook 2011 voor Mac, Outlook 2016 voor Mac, Mozilla Thunderird, iPad en iPad mini iOS, iPhone iOS, Android, AOL (Chrome, Firefox en Safari).

Verwante onderwerpen:

recommendation-more-help