Konverterar e-postinnehåll för äldre redigerare converting-an-html-content

Börja arbeta med e-post-Designer och skapa återanvändbara mallar och fragment från e-post-HTML som skapats i den äldre redigeraren.

I det här exemplet kan du skapa en e-postmall för Designer genom att använda ett HTML-e-postmeddelande och dela upp den i HTML-komponenter i e-post-Designer.

NOTE
Kompatibilitetsläget är precis som kompatibilitetsläget redigerbart för en HTML-komponent med begränsade alternativ: du kan bara utföra en version på plats.
IMPORTANT
Det här avsnittet är avsett för avancerade användare som känner till HTML-kod.

Förbereda ditt e-postinnehåll

  1. Markera ett HTML-e-postmeddelande.
  2. Identifiera avsnitt som ska delas upp i e-postmeddelanden från HTML.
  3. Klipp ut de olika blocken från HTML.

Skapa en e-poststruktur

  1. Öppna Email Designer om du vill skapa ett tomt e-postinnehåll.
  2. Ange attribut för innehållsnivå: bakgrundsfärger, bredd osv. Mer information finns i Redigera e-postformat.
  3. Lägg till så många strukturkomponenter som du har avsnitt. Mer information finns i Redigera e-poststrukturen.

Lägg till HTML-innehåll

  1. Lägg till en HTML-komponent i varje strukturkomponent. Mer information finns i Lägga till fragment och komponenter.
  2. Kopiera och klistra in HTML i alla komponenter.

Hantera e-postmeddelandets format manage-the-style-of-your-email

  1. Växla till Mobile view. Mer information finns i det här avsnittet.

  2. Du åtgärdar detta genom att växla till källkodsläge och kopiera och klistra in stilavsnittet i ett nytt stilavsnitt. Exempel:

    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
    Se till att du lägger till formatet efter detta i en annan anpassad formattagg.
    Ändra inte CSS som genererats av e-post-Designer:
    • <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. Gå tillbaka till mobilvyn för att kontrollera att ditt innehåll visas korrekt och spara ändringarna.

Användningsfall

Vi försöker konvertera det här e-postmeddelandet, som har skapats i den äldre redigeraren, till en Email Designer-mall.

Identifiera avsnittet i ditt e-postmeddelande

Vi kan identifiera 11 avsnitt i det här e-postmeddelandet.

Om du vill se vilket element som är det i HTML kan du markera det.

Klicka på Show source om du vill visa HTML-versionen av e-postmeddelandet.

Skapa e-postmallen och dess struktur

  1. Dra och släpp Structure components som återspeglar layouten för e-postmeddelandet.

  2. Upprepa så många gånger som behövs. Vi måste skapa 11 strukturkomponenter.

Infoga HTML-innehållskomponenter

  1. Infoga en HTML component i varje Structure component .

  2. Klicka på Show source code för varje avsnitt.

  3. Infoga HTML.

  4. Klicka på Save.

Nu kan du kontrollera återgivningen av ditt e-postmeddelande.

Hantera format för att passa mobilvyn

  1. Infoga CSS-element för att säkerställa att din e-post är lämplig för mobilvyn.

  2. Växla till källkod och kopiera och klistra in stilavsnittet i ett nytt stilavsnitt.

Mer information finns i Hantera formatet för ditt e-postmeddelande.

Din gamla e-postadress finns nu i e-post-Designer.

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