Een sjabloon voor een bestemmingspagina met instructies maken create-a-guided-landing-page-template

Sjablonen voor bestemmingspagina's met instructies hebben een speciale syntaxis. Gebruik deze syntaxis om op te geven wat aanpasbaar is en waar de inhoud terechtkomt op elke bestemmingspagina die op basis van uw sjabloon is gemaakt. Alleen de gebieden of variabelen die u als bewerkbaar opgeeft, kunnen worden aangepast in de landingspagina-editor "Met instructies".

Er zijn twee manieren om te declareren dat iets op uw pagina bewerkbaar moet zijn:

Bewerkbare elementen editable-elements

Elementen worden gedeclareerd door een normaal DOM-element aan de sjabloon toe te voegen en het element vervolgens te versieren met een Marketo-specifieke klassenaam.

Tekst text

Als u een gebied definieert als RTF-tekst, kunnen gebruikers de inhoud ervan bewerken Marketo Rich Text Editor gebruiken.

Vereiste kenmerken:
class: "mktoText"
id: ID-tekenreeks. Bevat alleen letters, cijfers, streepje "-" en onderstrepingsteken "_". Geen spaties toegestaan. Moet uniek zijn.
mktoName : Tekenreeks. Dit is de vertoningsnaam die in de het landen paginaredacteur zal worden getoond. U kunt het beste een beschrijvende naam gebruiken.

Optioneel:
De inhoud van een element met de klasse mktoText (indien opgegeven) wordt gebruikt als standaardwaarde voor het bewerkbare gebied.

Voorbeeld:

<div class="mktoText" id="exampleText" mktoName="Main Body Text"> Optionally add default text for the editable text area.</div>

Afbeelding image

U hebt twee opties om bewerkbare afbeeldingselementen te definiëren. U kunt beide <div>, die een container aangeeft waarin de afbeelding wordt ingevoegd, of een <img> tag.

Optie 1 - Een <div> option-use-a-div

Vereiste kenmerken:

klasse: "mktoImg"
id: ID-tekenreeks. Bevat alleen letters, cijfers, streepje "-" en onderstrepingsteken "_". Geen spaties toegestaan. Moet uniek zijn.
mktoName : Tekenreeks. Dit is de vertoningsnaam die in de het landen paginaredacteur zal worden getoond. U kunt het beste een beschrijvende naam gebruiken.

Optioneel:
mktoImgClass: Tekenreeks. De waarde hier wordt toegevoegd aan het klassenkenmerk van het dialoogvenster <img> -element in het div-element.

Voorbeeld:

<div class="mktoImg" id="exampleImg" mktoName="Example Image"></div>

Optie 2 - Een <img> option-use-a-img

Vereiste kenmerken:
klasse: "mktoImg"
id: ID-tekenreeks. Bevat alleen letters, cijfers, streepje "-" en onderstrepingsteken "_". Geen spaties toegestaan. Moet uniek zijn.
mktoName : Tekenreeks. Dit is de vertoningsnaam die in de het landen paginaredacteur zal worden getoond. U kunt het beste een beschrijvende naam gebruiken.

Optioneel:
src: URL tekenreeks. Dit wordt gebruikt als standaardwaarde voor de afbeelding.

Voorbeeld:

<img class="mktoImg" id="exampleImg" mktoName="Example Image">

Formulier form

Voorbeeld:Vereiste kenmerken:
class: "mktoForm"
id: ID-tekenreeks. Bevat alleen letters, cijfers, streepje "-" en onderstrepingsteken "_". Geen spaties toegestaan. Moet uniek zijn.
mktoName : Tekenreeks. Dit is de vertoningsnaam die in de het landen paginaredacteur zal worden getoond. U kunt het beste een beschrijvende naam gebruiken.

<div class="mktoForm" id="exampleForm" mktoName="Example Form"></div>

Fragment snippet

Vereiste kenmerken:
class: "mktoSnippet"
id: ID-tekenreeks. Bevat alleen letters, cijfers, streepje "-" en onderstrepingsteken "_". Geen spaties toegestaan. Moet uniek zijn.
mktoName : Tekenreeks. Dit is de vertoningsnaam die in de het landen paginaredacteur zal worden getoond. U kunt het beste een beschrijvende naam gebruiken.

Voorbeeld:

<div class="mktoSnippet" id="exampleSnippet" mktoName="Example Snippet"></div>

Knop Delen share-button

Vereiste kenmerken:
class: "mktoShareButton"
id: ID-tekenreeks. Bevat alleen letters, cijfers, streepje "-" en onderstrepingsteken "_". Geen spaties toegestaan. Moet uniek zijn.
mktoName : Tekenreeks. Dit is de vertoningsnaam die in de het landen paginaredacteur zal worden getoond. U kunt het beste een beschrijvende naam gebruiken.

Voorbeeld:

<div class="mktoShareButton" id="exampleShareButton" mktoName="Example Share Button"></div>

Video video

Vereiste kenmerken:
class: "mktoVideo"
id: ID-tekenreeks. Bevat alleen letters, cijfers, streepje "-" en onderstrepingsteken "_". Geen spaties toegestaan. Moet uniek zijn.
mktoName : Tekenreeks. Dit is de vertoningsnaam die in de het landen paginaredacteur zal worden getoond. U kunt het beste een beschrijvende naam gebruiken.

Voorbeeld:

<div class="mktoVideo" id="exampleVideo" mktoName="Example Video"></div>

Pollen poll

Vereiste kenmerken:
class: "mktoPoll"
id: ID-tekenreeks. Bevat alleen letters, cijfers, streepje "-" en onderstrepingsteken "_". Geen spaties toegestaan. Moet uniek zijn.
mktoName : Tekenreeks. Dit is de vertoningsnaam die in de het landen paginaredacteur zal worden getoond. U kunt het beste een beschrijvende naam gebruiken.

Voorbeeld:

<div class="mktoPoll" id="examplePoll" mktoName="Example Poll"></div>

Verwijzing referral

Vereiste kenmerken:
class: "mktoReferral"
id: ID-tekenreeks. Bevat alleen letters, cijfers, streepje "-" en onderstrepingsteken "_". Geen spaties toegestaan. Moet uniek zijn.
mktoName : Tekenreeks. Dit is de vertoningsnaam die in de het landen paginaredacteur zal worden getoond. U kunt het beste een beschrijvende naam gebruiken.

Voorbeeld:

<div class="mktoReferral" id="exampleReferral" mktoName="Example Referral"></div>

Sweepstake sweepstakes

Vereiste kenmerken:
class: "mktoSweepstakes"
id: ID-tekenreeks. Bevat alleen letters, cijfers, streepje "-" en onderstrepingsteken "_". Geen spaties toegestaan. Moet uniek zijn.
mktoName : Tekenreeks. Dit is de vertoningsnaam die in de het landen paginaredacteur zal worden getoond. U kunt het beste een beschrijvende naam gebruiken.

Voorbeeld:

<div class="mktoSweepstakes" id="exampleSweepstakes" mktoName="Example Sweepstakes"></div>

Bewerkbare variabelen editable-variables

Alle variabeletypen worden gebruikt door naar de waarde van hun attribuut id te verwijzen dat binnen van een ${} karakteropeenvolging wordt verpakt. Ze kunnen overal in het document worden gebruikt, behalve binnen in andere declaraties van variabelen.

Voorbeeld:

${var1}

Verklaring:

Variabelen worden gedeclareerd als metatags binnen de <head> -element van de sjabloon. Er zijn drie typen variabelen beschikbaar voor gebruik: Tekenreeks, Kleur en Boolean.

String string

Vereiste kenmerken:
class : "mktoString",
id: ID-tekenreeks. Bevat alleen letters, cijfers, streepje "-" en onderstrepingsteken "_". Geen spaties toegestaan. Moet uniek zijn.
mktoName : Tekenreeks. Dit is de vertoningsnaam die in de het landen paginaredacteur zal worden getoond. U kunt het beste een beschrijvende naam gebruiken.

Optioneel:
default: Tekenreekswaarde voor het kenmerk. Blanco als er geen informatie is opgegeven.
allowHtml: "true" of "false". Bepaalt of de waarde wordt afgedrukt zonder dat de HTML wordt beschermd. De standaardwaarde is "false" als de instelling wordt opgeheven.

Eenvoudig voorbeeld:

<meta class="mktoString" id="var1" mktoName="My Variable">

Voorbeeld met alle kenmerken:

<meta class="mktoString" id="var1" mktoName="My Variable" default="This is my default value" allowHtml="true">

Kleur color

Vereiste kenmerken:
class : "mktoColor",
id: ID-tekenreeks. Bevat alleen letters, cijfers, streepje "-" en onderstrepingsteken "_". Geen spaties toegestaan. Moet uniek zijn.
mktoName : Tekenreeks. Dit is de vertoningsnaam die in de het landen paginaredacteur zal worden getoond. U kunt het beste een beschrijvende naam gebruiken.

Optioneel:
default: Een HEX-tekenkleurcode van 7 cijfers. Voorbeeld: "#336699"

Eenvoudig voorbeeld:

<meta class="mktoColor" id="color1" mktoName="My Color Variable">

Voorbeeld met alle kenmerken:

<meta class="mktoColor" id="color" mktoName="My Color Variable" default="#336699">

Boolean boolean

Vereiste kenmerken:
class : "mktoBoolean",
id: ID-tekenreeks. Bevat alleen letters, cijfers, streepje "-" en onderstrepingsteken "_". Geen spaties toegestaan. Moet uniek zijn.
mktoName : Tekenreeks. Dit is de vertoningsnaam die in de het landen paginaredacteur zal worden getoond. U kunt het beste een beschrijvende naam gebruiken.

Optioneel:
default: Booleaanse tekenreeks. "true" of "false" als de waarde begint in de aan- of uit-positie. "false" indien niet opgegeven.
false_value: Tekenreeks. De waarde die voor de variabele moet worden ingevoegd wanneer deze zich in de OFF-positie bevindt. "false" indien niet opgegeven.
true_value: Tekenreeks. De waarde die voor de variabele moet worden ingevoegd wanneer deze zich op de positie ON bevindt. "true" indien niet opgegeven.
false_value_name: Tekenreeks. De weergavenaam die wordt weergegeven in de editor voor de bestemmingspagina wanneer de waarde in de uitstand staat. "OFF" indien niet opgegeven.
true_value_name: Tekenreeks. De weergavenaam die wordt weergegeven in de editor voor de bestemmingspagina wanneer de waarde zich op de positie ON bevindt. "ON" indien niet opgegeven.

Eenvoudig voorbeeld:

<meta class="mktoColor" id="color" mktoName="My Color Variable" default="#336699">

<meta class="mktoBoolean" id="boolean1" mktoName="My Boolean Variable">

Voorbeeld met alle kenmerken:

In dit voorbeeld wordt een veelvoorkomend geval getoond waarin een Booleaanse variabele de zichtbaarheid van een CSS-element regelt door de waarde van de CSS-weergave-eigenschap in te stellen op "block" of "none" om een element met id weer te geven/te verbergen. In de editor van de bestemmingspagina wordt de weergavenaam Tonen/Verbergen gebruikt in plaats van UIT/ON.

<meta class="mktoBoolean" id="boolean1" mktoName="My Boolean Variable" default="true" true_value="block" false_value="none" false_value_name="Hide" true_value_name="Show"> <style> #myConditionalDisplayArea { display: ${boolean1}; } </style>