DocumentatieCampaignDocumentatie voor Campaign Standard

E-mailinhoud van verouderde editor converteren converting-an-html-content

Last update: Fri Dec 29 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Gemaakt voor:

  • Intermediate
  • User

Werk met de e-mailontwerper en maak herbruikbare sjablonen en fragmenten op van uw e-mailprogramma dat u hebt gemaakt in de Verouderde editor.

Met deze optie kunt u een E-mailDesigner-sjabloon maken door een HTML-e-mail te gebruiken en deze in HTML-onderdelen te verdelen in de e-mailontwerper.

NOTE
Net als in de compatibiliteitsmodus kan een HTML-component met beperkte opties worden bewerkt: u kunt alleen op plaats edities uitvoeren.
IMPORTANT
Deze sectie is bedoeld voor geavanceerde gebruikers die vertrouwd zijn met HTML-code.

E-mailinhoud voorbereiden

  1. Selecteer een HTML-e-mailbericht.
  2. Secties identificeren om de HTML-e-mail te delen.
  3. Knip de verschillende blokken uit uw HTML.

Uw e-mailstructuur maken

  1. Open de Email Designer om een lege e-mailinhoud te maken.
  2. Stel de kenmerken voor het tekstniveau in: achtergrondkleuren, breedte, enzovoort. Ga voor meer informatie naar E-mailstijlen bewerken.
  3. Voeg zoveel structuurcomponenten toe als secties. Ga voor meer informatie naar De e-mailstructuur bewerken.

HTML-inhoud toevoegen

  1. Voeg een HTML-component toe aan elke structuurcomponent. Ga voor meer informatie naar Fragmenten en componenten toevoegen.
  2. Kopieer en plak de HTML in elke component.

De stijl van uw e-mail beheren manage-the-style-of-your-email

  1. Overschakelen op Mobile view. Zie deze sectievoor meer informatie.

  2. U kunt dit corrigeren door over te schakelen naar de modus Broncode en de stijlsectie te kopiëren en te plakken in een nieuwe stijlsectie. Bijvoorbeeld:

    code language-none 
    <style type="text/css">
a {text-decoration:none;}
body {min-width:100% !important; margin:0 auto !important; padding:0 !important;}
img {line-height:100%; text-decoration:none; -ms-interpolation-mode:bicubic;}
...
</style>
    note note
    NOTE
    Voeg vervolgens de stijl in een andere aangepaste stijltag toe.
    Wijzig de CSS die is gegenereerd door de e-mailontwerper niet:
    • <style data-name="default" type="text/css">(##)</style>
    • <style data-name="supportIOS10" type="text/css">(##)</style>
    • <style data-name="mediaIOS8" type="text/css">(##)</style>
    • <style data-name="media-default-max-width-500px" type="text/css">(##)</style>
    • <style data-name="media-default--webkit-min-device-pixel-ratio-0" type="text/css">(##)</style>

  3. Ga terug naar de mobiele weergave om te controleren of uw inhoud correct wordt weergegeven en sla uw wijzigingen op.

Hoofdletters gebruiken

Laten we proberen deze e-mail, gemaakt in de verouderde editor, om te zetten in een Email Designer sjabloon.

Het gedeelte van uw e-mail identificeren

We kunnen elf secties in deze e-mail identificeren.

Om te identificeren welk element is welke sectie van de HTML, kunt u het selecteren.

Als u de HTML-versie van het e-mailbericht wilt weergeven, klikt u op Show source.

De e-mailsjabloon en de structuur ervan maken

  1. Slepen en slepen Structure components de indeling van onze e-mail weerspiegelen.

  2. Herhaal dit zo vaak als nodig is. We moeten elf structuurcomponenten maken.

HTML-inhoudscomponenten invoegen

  1. Een HTML component in elke Structure component .

  2. Voor elke sectie klikt u op Show source code .

  3. Voeg de sectie HTML in.

  4. Klik op Save.

U kunt nu de weergave van uw e-mail controleren.

Stijlen beheren voor mobiele weergave

  1. Voeg CSS-elementen in om ervoor te zorgen dat uw e-mail geschikt is voor de mobiele weergave.

  2. Schakel over naar broncode en kopieer en plak de stijlsectie in een nieuwe stijlsectie.

Raadpleeg voor meer informatie hierover De stijl van uw e-mail beheren.

Uw verouderde e-mail is nu beschikbaar in de e-mailontwerper.

recommendation-more-help
3ef63344-7f3d-48f9-85ed-02bf569c4fff