Anpassningsbara fragment customizable-fragments

När fragment används i en e-postmall eller e-postmall låses de som standard på grund av arv, vilket innebär att ändringar som görs i ett fragment automatiskt sprids till alla resurser där det används. Med anpassningsbara fragment kan specifika fält i ett fragment definieras som redigerbara när fragmentet läggs till i en e-post- eller e-postmall. Om du till exempel har ett fragment med en banderoll, viss text och en knapp kan du ange vissa fält, som bild- eller knappens mål-URL, som redigerbara.

Med anpassningsbara fragment kan ni hantera och personalisera innehåll utan att skapa helt nya innehållsblock eller störa fragmentarv. Ändringar som görs på fragmentnivån sprids fortfarande, samtidigt som de kan anpassas på e-post- eller e-postmallnivå.

Både visuella fragment och uttrycksfragment kan markeras som anpassningsbara.

Lägga till redigerbara fält i visuella fragment visual

Gör så här för att göra delar av ett visuellt fragment redigerbara:

När du har lagt till fragmentet i ett e-postmeddelande kan användarna anpassa alla redigerbara fält som är konfigurerade i fragmentet.

Redigerbara HTML-komponenter i fragment editable-html

I en HTML-komponent kan följande typer av element göras redigerbara:

Varje parametriserat CSS-egenskapsvärde måste vara exakt {{{varName}}}: inga suffix, ingen ytterligare text, inga flera variabler och ingen sammanfogning inom en enda egenskap.

Om du vill parametrisera flersidiga egenskaper som utfyllnad, antingen:

Så här fungerar redigerbara fält i HTML-komponenter components

Redigerbara fält i en HTML-komponent skapas genom att interna variabler deklareras direkt i komponentens källkod. Varje variabel har ett unikt ID och ett standardvärde. Variabeln refereras sedan till där det redigerbara värdet ska visas i koden.

När fragmentet har sparats och publicerats visas automatiskt alla variabler som deklarerats i HTML-komponenten som en redigerbar parameter när fragmentet läggs till i ett e-postmeddelande.

E-postförfattaren kan sedan åsidosätta standardvärdet för variabeln från e-postens Designer (till exempel ändra en bakgrundsfärg, byta en CTA-URL eller uppdatera en rubrik) utan att ändra det underliggande HTML.

Syntaxreferens syntax

Redigerbara fält definieras och refereras med två mönster:

Deklarera en variabel declaring

Använd den infogade deklarationen för att definiera en variabel med ett unikt ID och ett standardvärde:

{{#inline "variableID"}}default_value{{/inline}}

Ersätt variableID med en unik identifierare för det redigerbara fältet. ID:t måste vara unikt i komponenten och får inte innehålla blanksteg.

Ersätt default_value med det värde som ska användas om e-postförfattaren inte åsidosätter det.

Referera till en variabel referencing

Använd trippelklammerparenteser för att referera till variabeln när dess värde ska visas i markeringen:

{{{variableID}}}

Samma variabel-ID kan refereras hur många gånger som helst inom HTML. Alla referenser tolkas till det värde som e-postförfattaren anger (eller till standardvärdet om ingen åsidosättning anges).

Valfria parametrar optional

Den infogade deklarationen stöder valfria parametrar som ändrar hur det redigerbara fältet presenteras eller bearbetas:

Lägga till redigerbara fält i en HTML-komponent adding-editable-fields

Så här gör du för att göra delar av en HTML-komponent i ett visuellt fragment redigerbara:

Använda fragmentet i ett e-postmeddelande using-fragment

När fragmentet har publicerats visas alla variabler som deklarerats i dess HTML-komponenter som redigerbara parametrar i e-post-Designer.

Så här anpassar du dem när du använder fragmentet i ett e-postmeddelande:

Fragmentet återger med de anpassade värdena, men ärver ändå eventuella framtida strukturella uppdateringar av det publicerade fragmentet.

Exempel: enkelt fragment med redigerbar text, färg och URL example

I följande exempel skapas en liten reklambanderoll med fyra redigerbara fält:

När fragmentet har publicerats kan en e-postförfattare åsidosätta dessa värden när fragmentet läggs till i ett e-postmeddelande.

Enkel redigerbar banderoll

<!-- Define editable variables -->
{{#inline "bgColor"}}#0057FF{{/inline}}
{{#inline "headlineText"}}Example Headline{{/inline}}
{{#inline "ctaText"}}Learn More{{/inline}}
{{#inline "ctaUrl" assetType="url"}}https://www.example.com{{/inline}}

<!-- Use the variables in the HTML -->
<table width="100%" cellpadding="0" cellspacing="0"
       style="background-color:{{{bgColor}}}; border-radius:8px;" >
  <tr>
    <td style="padding:30px; text-align:center; font-family:Arial,sans-serif;">
      <h2 style="color:#ffffff; font-size:24px; margin:0;">
        {{{headlineText}}}
      </h2>
      <a href="{{{ctaUrl}}}"
         style="display:inline-block; margin-top:16px; padding:12px 28px;
                background:#ffffff; color:{{{bgColor}}};
                font-weight:bold; border-radius:4px; text-decoration:none;">
        {{{ctaText}}}
      </a>
    </td>
  </tr>
</table>

I detta exempel:

God praxis best-practices

Saker att veta things-to-know