Documentatie GenStudio Gebruikershandleiding

Een sjabloon aanpassen

Laatst bijgewerkt: 19 maart 2025

Onderwerpen:
Inhoud genereren

Gemaakt voor:

tussenpersoon

U kunt een sjabloon aanpassen voor gebruik in GenStudio for Performance Marketing door plaatsaanduidingen voor inhoud of velden in te voegen die de generatieve AI gebruikt om inhoud in te voegen.

In de volgende secties wordt uitgelegd hoe u uw HTML-sjablonen voor GenStudio for Performance Marketing kunt aanpassen met de sjabloontaal Handlebars. In de syntaxis van Handlebars wordt gewone tekst met dubbele accolades gebruikt als plaatsaanduidingen voor inhoud. Zie wat Handlebarsin de_ de taalgids van Handlebars _is om te leren hoe te om uw malplaatje voor te bereiden.

Zodra uw malplaatje klaar is, kunt u het uploaden aan GenStudio for Performance Marketingen beginnen gepersonaliseerde e-mails te produceren die op uw douanemalplaatje worden gebaseerd.

TIP

Volg toegankelijkheidsrichtlijnenen beste praktijkenzodat u meer van uw publiek kunt bereiken en een optimale ervaring verstrekken.

Plaatsaanduidingen voor inhoud

GenStudio for Performance Marketing erkent bepaalde elementenbinnen een malplaatje, maar slechts als u hen met a erkende gebiedsnaamidentificeert.

In de kop of de hoofdtekst van een HTML-sjabloon kunt u de syntaxis van Handlebars gebruiken om een tijdelijke aanduiding voor inhoud in te voegen op de plaats waar u GenStudio for Performance Marketing nodig hebt om de sjabloon te vullen met werkelijke inhoud. GenStudio for Performance Marketing erkent en interpreteert de inhoudsplaceholders die op worden gebaseerd erkende gebied naam.

U kunt {{ headline }} bijvoorbeeld gebruiken met de syntaxis van Handlebars om aan te geven waar de kop van de e-mail moet worden geplaatst. GenStudio herkent dit veld, genereert een relevante kop op basis van uw richtlijnen en criteria en voegt de kop op deze locatie in:

<div>{{ headline }}</div>

Erkende veldnamen

In de volgende tabel staan de veldnamen die door GenStudio for Performance Marketing worden herkend voor het toevoegen van een tijdelijke aanduiding aan een sjabloon. Voeg deze veldnamen met de syntaxis Handlebars toe aan uw sjabloon waar u GenStudio for Performance Marketing nodig hebt om een bepaald type inhoud te genereren.

Veld	Rol	Kanaalsjabloon
`{{pre_header}}`	Preheader	email
`{{headline}}`	Titel	E-mail Meta en Banner en de Beeld van de Vertoning LinkedIn ad
`{{introductory_text}}`	Inleidende tekst	LinkedIn en
`{{body}}`	Platte kopie	E-mail Meta en Banner en de advertentie van de Vertoning
`{{cta}}`	Oproep tot actie	E-mail Meta en Banner en de Beeld van de Vertoning LinkedIn ad
`{{image}}`	Afbeelding—selecteren vanuit Content	E-mail Meta en Banner en de Beeld van de Vertoning LinkedIn ad
`{{on_image_text}}`	Op afbeeldingstekst	Meta en LinkedIn ad
`{{link}}`	Vraag aan actie op beeld zie Verbinding op beeld.	email
`{{brand_logo}}`	Logo van geselecteerd merk zie het merklogo gebiedsnaam.	e-mail Meta en LinkedIn en

GenStudio for Performance Marketing vult bepaalde velden automatisch in de volgende sjablonen in:

E-mailmalplaatje vereist u niet om het subject gebied te identificeren
Meta en malplaatje vereist u niet om headline te identificeren, body, en CTA gebieden
Banner en de advertentiesjabloon van de Vertoning vereist u niet om het CTA gebied te identificeren
LinkedIn en malplaatjes vereisen u niet om headline te identificeren, introductory_text, en CTA gebieden

WARNING

Voor Instagram-advertenties wordt de gegenereerde kop niet weergegeven in de uiteindelijke ervaring.

Er geldt een limiet van 20 velden wanneer u een sjabloon uploadt naar GenStudio for Performance Marketing. Aangezien het veld subject automatisch wordt gegenereerd in een e-mail, telt het als één veld. Dit betekent dat er 19 velden zijn toegestaan in een e-mailsjabloon.

TIP

U kunt uw malplaatje verifiëren gebruikend de malplaatjevoorproefin GenStudio for Performance Marketing.

Oproepen tot actie

Een Oproep tot actie (CTA) omvat een uitdrukking en een verbinding. De CTA- Rephrase en Add link -mogelijkheden werken alleen correct tijdens het genereren van varianten als u plaatsaanduidingen voor de koppeling en de woordgroep in uw sjabloon opneemt.

Gebruik de volgende richtlijnen voor het instellen van plaatsaanduidingen voor CTA:

CTA herfrase is beschikbaar en de koppeling kan worden bewerkt
<a class="button" href="{{pod1_link}}" >{{cta}}</a>
CTA herfragment is beschikbaar, maar de verbinding is niet editable omdat de daadwerkelijke verbinding in het malplaatje wordt verstrekt
<a align="center" href="https://link">{{cta}}</a>
De verbinding van CTA is editable, maar het herformuleren is niet beschikbaar omdat de uitdrukking in het malplaatje wordt verstrekt
<a class="button" href="{{pod1_link}}" >Register now</a>

GenStudio for Performance Marketing kan variantvraag-aan-actie uitdrukkingen, ook verstrekken. Zie {de Vraag van 0} herzien aan actie 🔗.

Koppeling op afbeelding

U kunt uw e-mailsjabloon aanpassen, zodat ontwerpers een koppeling naar een afbeelding kunnen toevoegen. Net als bij de CTA-koppeling kunt u de volgende richtlijnen gebruiken om een tijdelijke aanduiding link toe te passen op een afbeeldingstag:

<a href="{{link}}"><img src="image-source.jpg" alt="description"></a>

In dit voorbeeld:

{{link}} is een plaatsaanduiding voor de werkelijke URL.
src="image-source.jpg" moet worden vervangen door de URL van de eigenlijke afbeeldingsbron.
alt="description" biedt een alternatieve tekst voor de afbeelding, die nuttig is voor toegankelijkheid en SEO.

Naam merklogo

Op dit moment kunt u het merklogo voor het uploaden van de sjabloon niet selecteren. In de volgende voorbeelden worden twee methoden getoond die het merklogo voorwaardelijk weergeven. Elke methode verifieert de bron, biedt een standaard- of alternatieve afbeelding voor het geval het merklogo niet beschikbaar is en past een stijl toe:

Voorbeeld 1: Het gebruiken van Handlebars Ingebouwde voorwaarde van Helpers direct in het HTML img src attribuut:

<img src="{{#if brand_logo}}{{brand_logo}}{{else}}<default-image>{{/if}}" alt="img alt text" style="max-width: 88px; margin: 10px auto; display: block;">

Voorbeeld 2: Het gebruiken van Handlebars Ingebouwde voorwaardelverklaring om de HTML img markering te verpakken:

{{#if brand_logo}}
    <img src="{{brand_logo}}" alt="img alt text" style="width: 120px; height: 45px; margin: 10px auto; display: block;">
    {{else}}
    <img src="data:image/png;base64,iVBORw0KGgo..." alt="img alt text" style="width: 120px; height: 45px; margin: 10px auto; display: block;">
{{/if}}

Handmatige veldnamen

Alle andere veldnamen worden behandeld als handmatig gevulde velden. U wilt bijvoorbeeld een sectie reserveren voor voettekstinhoud.

Als u een bewerkbare sectie wilt maken, voegt u dubbele haakjes toe rond de sectienaam:

<tbody>
    <tr>
        <td>
            <p><span class="s1">{{ footerLegal }}</span></p>
        </td>
    </tr>
</tbody>

Secties of groepen

Secties informeren GenStudio for Performance Marketing dat de gebieden in deze sectie een hoge graad van coherentie vereisen. Als u deze relatie instelt, kan de AI inhoud genereren die overeenkomt met de creatieve elementen in de sectie.

Gebruik een voorvoegsel van uw keuze in de veldnaam om aan te geven dat een veld deel uitmaakt van een sectie of groep. Gebruik een veldnaam (headline, body, image of cta) na het onderstrepingsteken (_). De volgende kop en tekst behoren bijvoorbeeld tot de sectie pod1 :

pod1_headline
pod1_body

Elke sectie kan slechts één van elk gebiedstype gebruiken. In het bovenstaande voorbeeld kan de sectie pod1 slechts één pod1_headline -veld gebruiken. Vanwege deze regel kunnen de secties niet worden genest.

Elk sjabloontype, zoals een e-mail- of Meta-advertentie, heeft kanaalspecifieke beperkingen voor het gebruik van secties. Zie kanaal-specifieke richtlijnenin Beste praktijken voor het gebruiken van malplaatjes onderwerp.

Een e-mailsjabloon kan bijvoorbeeld maximaal drie secties bevatten. Daarom kunt u drie kopregels en hoofdtekstsecties gebruiken:

pre_header
pod1_headline
pod1_body
pod2_headline
pod2_body
pod3_headline
pod3_body
cta

GenStudio for Performance Marketing begrijpt dat pod1_headline nauwer verwant is aan pod1_body dan aan pod2_body .

Zie Gestructureerde herinneringenleren hoe te om een herinnering te amberen die variërende inhoud voor elke sectie in een multi-sectiee-mail produceert.

Sjabloonvoorbeeld

Wanneer u een malplaatjeuploadt, scant GenStudio for Performance Marketing het dossier van HTML voor erkende gebieden. Gebruik de voorproef om uw malplaatjeelementente herzien en te bevestigen dat u hen behoorlijk met erkende gebiedsnamenidentificeerde.

Voorbeeld van een e-mailsjabloon:

{de gebieden van de Voorproef ontdekte

Zie de coderedacteur van het Malplaatje.

Voorvertoning besturen

U kunt de zichtbaarheid van speciale inhoud bepalen met behulp van ingebouwde hulpmiddelen (speciale expressies in de sjabloontaal Handlebars die bepaalde handelingen uitvoeren). U kunt bijvoorbeeld een voorwaardelijke instructie toevoegen waarmee trackingparameters worden toegevoegd aan koppelingen in de geëxporteerde sjabloon terwijl de voorbeeldkoppelingen schoon blijven.

De waarde _genStudio.browser wordt ingesteld bij het renderen van een sjabloon en de waarde genStudio.export wordt ingesteld bij het exporteren van een sjabloon. U kunt besluiten om bepaalde inhoud bij de bovenkant van een e-mail te omvatten gebruikend een voorwaardelijke omslag, bijvoorbeeld wanneer het malplaatje voor de uitvoer wordt gebruikt:

{{#if _genStudio.export}}
<%@ include view='emailParent' %>
{{/if}}

Een ander voorbeeld kan zijn om het gebruik van volgcodes te verhinderen wanneer het previewing van een malplaatje in GenStudio for Performance Marketing. In het volgende voorbeeld ziet u hoe u volgparameters toevoegt aan koppelingen in de geëxporteerde sjabloon, terwijl de voorbeeldkoppelingen ongewijzigd blijven:

<a class="button" {{#if _genStudio.browser }}
   href="{{ link }}"{{/if}}{{#if _genStudio.export }}
   href="{{ link }}?trackingid=<%=getTrackingId()%>&mv=email"{{/if}}
   target="_blank">{{ cta }}</a>

Statische inhoud

E-mail- en metasjablonen zijn vaak gekoppeld aan afbeeldingen en CSS-bestanden die op andere domeinen worden gehost. Wanneer GenStudio for Performance Marketing miniaturen genereert voor sjabloonvoorvertoningen of de ervaringen die daaruit zijn afgeleid, wordt de inhoudsbron gevalideerd en wordt een kopie ingesloten voor voorvertoningen.

Externe bestanden worden alleen tijdelijk ingesloten om de voorvertoning van de sjabloon te maken, zodat de voorvertoning de inhoud correct weergeeft zoals deze wordt weergegeven op het moment dat u de sjabloon maakt. Deze externe dossiers worden niet permanent opgeslagen in GenStudio for Performance Marketing. Nadat de sjabloonvoorvertoning is gemaakt, gaat GenStudio for Performance Marketing door met het verwijzen naar de oorspronkelijke bronkoppeling in de sjabloon.

Inhoud vernieuwen

Als de bron na het creëren van de aanvankelijke voorproef verandert, gebruik verfristfunctie om de malplaatjevoorproef met de meest recente versie van de inhoud van de externe bronnen bij te werken.

Sjabloonvoorbeelden

Voorbeeld: E-mailsjabloon met één sectie

Hieronder ziet u een eenvoudig voorbeeld van een HTML-sjabloon voor een e-mailbericht dat één sectie bevat. De kop bevat eenvoudige inline CSS voor opmaak. Het lichaam bevat a pre_header, headline, en image placeholdervoor gebruik door GenStudio for Performance Marketing om inhoud tijdens het proces van de e-mailgeneratie te injecteren.

<!DOCTYPE html>
<html>
<head>
    <title>Adobe</title>
    <style>
        .container {
            width: 100%;
            padding: 20px;
            font-family: Arial, sans-serif;
        }
    </style>
</head>
<body>{{ pre_header }}
    <div class="container">
        <h1>{{ headline }}</h1>
        <p><a href="{{ link }}">
           <img alt="{{ headline }}"
                src="{{ image }}"
                width="600" height="600"
                border="0"/></a></p>
        <p>{{ body }}</p>
    </div>
</body>
</html>

Voorbeeld: E-mailsjabloon met meerdere secties

In het bovenstaande voorbeeld ziet u dezelfde HTML-sjabloon, maar met nog twee secties. De kop bevat inline CSS voor het opmaken van een groep. Het lichaam gebruikt twee groepen met inhoudplaceholdersgebruikend een prefix.

<!DOCTYPE html>
<html>
<head>
    <title>Adobe</title>
    <style>
        .container {
            width: 100%;
            padding: 20px;
            font-family: Arial, sans-serif;
        }
        .pod {
            background-color: #f8f8f8;
            margin: 10px;
            padding: 20px;
            border-radius: 5px;
        }
        .pod h2 {
            color: #333;
        }
        .pod p {
            color: #666;
        }
    </style>
</head>
<body>{{ pre_header }}
    <div class="container">
        <h1>{{ headline }}</h1>
        <p>{{ body }}</p>
        <!-- Pod1 -->
        <div class="pod">
            <h2>{{ pod1_headline }}</h2>
            <p><img alt="{{ headline }}" src="{{ pod1_image }}" width="200" height="200" border="0"></p>
            <p>{{ pod1_body }}</p>
        </div>
        <!-- End of Pod1 -->
        <!-- Pod2 -->
        <div class="pod">
            <h2>{{ pod2_headline }}</h2>
            <p><img alt="{{ headline }}" src="{{ pod2_image }}" width="200" height="200" border="0"></p>
            <p>{{ pod2_body }}</p>
        </div>
        <!-- End of Pod2 -->
    </div>
</body>
</html>

Voorbeeld: Meta-advertentiesjabloon

Hier volgt een eenvoudig voorbeeld van een advertentiesjabloon van Meta. De kop bevat inline CSS voor opmaak. Het lichaam gebruikt inhoudplaceholdersgebruikend een prefix.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Adobe</title>
    <style>
        .ad-container {
            width: 300px;
            border: 1px solid #ddd;
            padding: 16px;
            font-family: Arial, sans-serif;
        }
        .ad-image {
            width: 100%;
            height: auto;
        }
        .ad-headline {
            font-size: 18px;
            font-weight: bold;
            margin: 12px 0;
        }
        .ad-body {
            font-size: 14px;
            margin: 12px 0;
        }
        .ad-cta {
            display: inline-block;
            padding: 10px 20px;
            background-color: #007bff;
            color: #fff;
            text-decoration: none;
            border-radius: 4px;
            text-align: center;
        }
    </style>
</head>
<body>
<div class="ad-container">
    <img src="{{ image }}" alt="Ad Image" class="ad-image">
    <div class="ad-headline">{{ headline }}</div>
    <div class="ad-body">{{ body }}</div>
    <a href="{{ link }}" class="ad-cta">{{ CTA }}</a>
</div>
</body>
</html>

recommendation-more-help