Aanpasbare fragmenten customizable-fragments

Wanneer fragmenten in een e-mailsjabloon of e-mailsjabloon worden gebruikt, worden ze standaard vergrendeld vanwege overerving. Dit houdt in dat wijzigingen die in een fragment worden aangebracht, automatisch worden doorgegeven aan alle elementen waar het wordt gebruikt. Met aanpasbare fragmenten kunnen specifieke velden in een fragment als bewerkbaar worden gedefinieerd wanneer het fragment aan een e-mail- of e-mailsjabloon wordt toegevoegd. Als u bijvoorbeeld een fragment met een banner, tekst en een knop hebt, kunt u bepaalde velden, zoals de URL van het afbeeldings- of knopdoel, als bewerkbaar aanmerken.

Met aanpasbare fragmenten kunt u inhoud beheren en personaliseren zonder geheel nieuwe inhoudsblokken te maken of de overerving van fragmenten te verstoren. Wijzigingen die op fragmentniveau worden aangebracht, worden nog steeds doorgevoerd, terwijl aanpassingen op het sjabloonniveau voor e-mail of e-mail mogelijk zijn.

Fragmenten met zowel visuele als expressies kunnen worden gemarkeerd als aanpasbaar.

Bewerkbare velden toevoegen aan visuele fragmenten visual

Voer de volgende stappen uit om gedeelten van een visueel fragment bewerkbaar te maken:

Nadat gebruikers het fragment aan een e-mail hebben toegevoegd, kunnen ze alle bewerkbare velden aanpassen die in het fragment zijn geconfigureerd.

Bewerkbare HTML-componenten in fragmenten editable-html

Binnen een HTML-component kunnen de volgende elementtypen bewerkbaar worden gemaakt:

Elke geparametereerde CSS-eigenschapswaarde moet exact {{{varName}}} zijn: geen achtervoegsels, geen extra tekst, geen veelvoudige variabelen, en geen aaneenschakeling binnen één enkel bezit.

U kunt als volgt parameters toewijzen aan eigenschappen met meerdere zijden, zoals opvulling:

De werking van bewerkbare velden in HTML-componenten components

Bewerkbare velden in een HTML-component worden gemaakt door inline variabelen rechtstreeks in de broncode van de component te declareren. Elke variabele heeft een unieke id en een standaardwaarde. Er wordt dan naar de variabele verwezen waar de bewerkbare waarde in de markering moet worden weergegeven.

Nadat het fragment is opgeslagen en gepubliceerd, wordt elke variabele die in de HTML-component is gedeclareerd, automatisch als een bewerkbare parameter weergegeven wanneer het fragment aan een e-mail wordt toegevoegd.

De auteur van de e-mail kan dan de standaardwaarde van om het even welke variabele van E-mail Designer (bijvoorbeeld, veranderend een achtergrondkleur, ruilend een CTA URL, of het bijwerken van een titel) zonder het onderliggende HTML met voeten te treden.

Syntaxisverwijzing syntax

Bewerkbare velden worden gedefinieerd en er wordt met behulp van twee patronen naar verwezen:

Een variabele declareren declaring

Gebruik de inline declaratie om een variabele met een unieke id en een standaardwaarde te definiëren:

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

Vervang variableID door een unieke id voor het bewerkbare veld. De id moet uniek zijn binnen de component en mag geen spaties bevatten.

Vervang default_value door de waarde die moet worden gebruikt als de e-mailauteur deze waarde niet overschrijft.

Een variabele verwijzen referencing

Gebruik drie accolades om naar de variabele te verwijzen waar de waarde ervan in de markering moet worden weergegeven:

{{{variableID}}}

Met dezelfde variabele-id kan een willekeurig aantal keren naar de HTML worden verwezen. Alle verwijzingen worden omgezet naar de waarde die de e-mailauteur instelt (of naar de standaardwaarde als er geen overschrijving is opgegeven).

Optionele parameters optional

De inline-declaratie ondersteunt optionele parameters die wijzigen hoe het bewerkbare veld wordt weergegeven of verwerkt:

Bewerkbare velden toevoegen aan een HTML-component adding-editable-fields

Ga als volgt te werk als u delen van een HTML-component binnen een visueel fragment bewerkbaar wilt maken:

Het fragment gebruiken in een e-mailbericht using-fragment

Nadat het fragment is gepubliceerd, worden alle variabelen die in de HTML-componenten zijn gedeclareerd, weergegeven als bewerkbare parameters in de e-mailtoepassing Designer.

U kunt als volgt de fragmenten aanpassen wanneer u het fragment in een e-mail gebruikt:

Het fragment wordt gerenderd met de aangepaste waarden, terwijl toekomstige structurele updates die aan het gepubliceerde fragment worden aangebracht, toch worden overgeërfd.

Voorbeeld: eenvoudig fragment met bewerkbare tekst, kleur en URL example

In het volgende voorbeeld wordt een kleine promotiebanner met vier bewerkbare velden gemaakt:

Nadat een auteur van een e-mail het fragment heeft gepubliceerd, kan hij of zij al deze waarden overschrijven bij het toevoegen van het fragment aan een e-mail.

Eenvoudige editable banner

<!-- 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>

In dit voorbeeld:

Aanbevolen procedures best-practices

Te weten dingen things-to-know