DokumentationJourney OptimizerAnvändarhandbok om Journey Optimizer

Använd redigerbara formulärfält i kodbaserad upplevelse code-based-form-fields

Last update: Tue Oct 14 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

Skapat för:

  • Erfaren
  • Användare

För både större flexibilitet och kontroll över de kodbaserade upplevelserna kan ditt utvecklingsteam i Journey Optimizer skapa JSON- eller HTML-innehållsmallar som innehåller specifika fördefinierade redigerbara fält.

När marknadsförarna skapar en kodbaserad upplevelse kan de icke-tekniska marknadsförarna sedan redigera dessa fält direkt i gränssnittet utan att behöva öppna personaliseringsredigeraren eller ta kontakt med andra kodelement under resan eller kampanjen.

Den här funktionen ger en förenklad upplevelse för marknadsföringsanvändare samtidigt som utvecklarna får bättre kontroll över kodinnehållet, vilket ger mindre utrymme för fel.

Förstå formulärfältets syntax form-field-syntax

Om du vill göra delar av en HTML- eller JSON-kodnyttolast redigerbara måste du använda en specifik syntax i uttrycksredigeraren. Detta innebär att deklarera en variabel med ett standardvärde som användare kan åsidosätta efter att ha använt innehållsmallen på sin kodbaserade upplevelse.

Anta till exempel att du vill skapa en innehållsmall som kan användas för dina kodbaserade upplevelser, och tillåta användare att anpassa en viss färg som används på olika platser, till exempel ramar eller knappar, för bakgrundsfärger.

När du skapar din innehållsmall måste du deklarera en variabel med ett unikt ID, till exempel color, och anropa den på önskade platser i innehållet där du vill använda den här färgen.

När du använder innehållsmallen på innehållet kan användarna anpassa färgen som används där variabeln refereras.

Lägga till redigerbara fält i HTML- eller JSON-innehållsmallar add-editable-fields

Om du vill göra en del av din JSON- eller HTML-kod redigerbar börjar du med att skapa en kodbaserad upplevelse, innehållsmall, där du kan definiera specifika formulärfält.

NOTE
Det här steget utförs vanligtvis av en utvecklarprofil.

➡️ Lär dig hur du lägger till redigerbara fält i kodbaserade upplevelsemallar i den här videon

  1. Skapa en innehållsmall och välj kanalen Code-based experience. Lär dig skapa mallar

  2. Välj redigeringsläge: HTML eller JSON.

    note caution
    CAUTION
    Om du ändrar redigeringsläget förlorar du all aktuell kod. De kodbaserade upplevelserna som bygger på den här mallen måste använda samma redigeringsläge.

  3. Öppna anpassningsredigeraren om du vill redigera kodinnehållet.

  4. Om du vill definiera ett redigerbart formulärfält går du till menyn Helper functions i den vänstra navigeringsrutan och lägger till attributet inline. Syntaxen för att deklarera och anropa variabeln läggs automatiskt till i innehållet.

    {width="85%"}

  5. Ersätt "name" med ett unikt ID för att identifiera det redigerbara fältet. Ange till exempel "imgURL".

    note note
    NOTE
    Fält-ID måste vara unikt och får inte innehålla blanksteg. Detta ID bör användas överallt i ditt innehåll där du vill visa variabelns värde.

  6. Anpassa syntaxen efter dina behov genom att lägga till parametrar som beskrivs i tabellen nedan:

    table 0-row-3 1-row-3 2-row-3
    Åtgärd Parameter Exempel
    Deklarera ett redigerbart fält med ett standardvärde. När du lägger till mallen i innehållet används det här standardvärdet om du inte anpassar den. Lägg till standardvärdet mellan de infogade taggarna. {{#inline "editableFieldID"}}default_value{{/inline}}
    Definiera en etikett för det redigerbara fältet. Den här etiketten visas i kodredigeraren när du redigerar mallens fält. name="title" {{#inline "editableFieldID" name="title"}}default_value{{/inline}}

  7. Klicka på Preview form fields för att kontrollera hur de redigerbara formulärfälten visas i de kodbaserade upplevelser som använder den här mallen.

    {width="85%"}

  8. Använd syntaxen {{{name}}} i koden på alla ställen där du vill visa värdet för det redigerbara fältet. Ersätt name med det unika ID:t för fältet som definierats tidigare.

    {width="85%"}

  9. Fortsätt på samma sätt om du vill lägga till andra redigerbara fält, så att vart och ett av dem omsluts av taggarna {{#inline}} och {{/inline}}.

  10. Redigera resten av koden efter behov, inklusive ID:n för de redigerbara fälten som du har definierat. Lär dig hur

  11. Spara mallen.

Använd beslutsprofiler i redigerbara fältformulär decision-policy-in-form-fields

När du skapar en kodbaserad innehållsmall för upplevelser kan du använda en beslutsprincip för att utnyttja erbjudanden i dina redigerbara formulärfält.

  1. Skapa en kodbaserad upplevelsemall enligt beskrivningen ovan.

  2. Klicka på Add decision policy med ikonen Show Decisioning i den högra listen på skärmen eller i uttrycksredigeraren i avsnittet Decision policy på den vänstra menyn.

    Lär dig hur du skapar en beslutsprincip i det här avsnittet.

  3. Klicka på knappen Insert policy. Koden som motsvarar beslutspolicyn läggs till.

  4. Efter taggen {{#each}} infogar du koden som motsvarar de redigerbara formulärfält som du vill lägga till med syntaxen inline som beskrivs ​ ovan. Ersätt "name" med ett unikt ID för att identifiera det redigerbara fältet. I det här exemplet använder du "title".

    {width="90%"}

  5. Klicka på Preview form fields för att kontrollera hur de redigerbara formulärfälten visas i de kodbaserade upplevelser som använder den här mallen.

    {width="70%"}

  6. Infoga resten av koden ovanför taggen {{/each}}. Använd syntaxen {{{name}}} i koden på alla ställen där du vill visa värdet för det redigerbara fältet. I det här exemplet ersätter du name med"title".

    {width="85%"}

  7. Spara mallen.

Exempel på koder code-examples

Nedan finns några exempel på JSON- och HTML-mallar, varav några innehåller beslutspolicyer.

JSON-mall:

{{#inline "title" name="Title"}}Best gear for winter is here for you!{{/inline}}
{{#inline "description" name="Description"}}Add description{{/inline}}
{{#inline "imgURL" name="Image Link"}}Add link{{/inline}}
{{#inline "number_of_items" name="Number of items"}}23{{/inline}}

{
  "title": "{{{title}}}",
  "description": "{{{description}}}",
  "imageUrl": "{{{imgURL}}}",
  "number_of_items": {{{number_of_items}}},
  "code": "DEFAULT"
}
NOTE
När de textbundna fälten i JSON-nyttolasten refereras:
  • Strängtypsfält måste omslutas av citattecken.
  • Heltal eller booleska tecken får INTE omslutas av dubbla citattecken. (Se fältet number_of_items i exemplet ovan.)

JSON-mall med beslut:

{
"offer": [
{{#each decisionPolicy.fff709b7-7fef-4e4e-83d7-594fbcf196c1.items as |item|}}
{{#inline "title" name="Title"}}{{item._mobiledx.Title1}}{{/inline}} {{#inline "description" name="Description"}}{{item._mobiledx.Title2}}{{/inline}} {{#inline "imgURL" name="Image Link"}}https://luma.enablementadobe.com/content/luma/us/en/experience/warming-up/_jcr_content/root/hero_image.coreimg.jpeg{{/inline}}

{
"title": "{{{title}}}",
"description": "{{{description}}}",
"imageUrl": "{{{imgURL}}}",
"link": "https://lumaenablement.adobe.com/web/luma/home", "code": "DEFAULT"
},
{{/each}}
]
}
NOTE
Textbundna fält som du vill använda beslutsobjekt för måste placeras inuti beslutsprincipblocket - mellan taggarna {{#each}} och {{/each}}.

HTML-mall:

{{#inline "title" name="Title"}}Please enter title here{{/inline}}
{{#inline "imgSrc" name="Image link"}}{{/inline}}

<div class="TopRibbon__content"><img style="padding: 5px 10px;" class="TopRibbon__image" src="{{{imgSrc}}}" />{{{title}}}</div>
<style> .theme-luma .TopRibbon { background-color: #200098; }</style>

HTML-mall med beslut:

{{#each decisionPolicy.f112884a-5654-43ad-9d6d-dbd32ae23ee6.items as |item|}}
{{#inline "title" name="Title"}}Title is: {{item._mobiledx.Title1}}{{/inline}}

<div class="TopRibbon__content"><img style="padding: 5px 10px;" class="TopRibbon__image" src="{{item._mobiledx.HeroBannerImage.sourceURL}}" />{{{title}}}</div>
<style> .theme-luma .TopRibbon { background-color: #200098; }</style>

{{/each}}

Redigera formulärfält i en kodbaserad upplevelse edit-form-fields

Nu när innehållsmallen som innehåller fördefinierade redigerbara formulärfält har skapats kan du skapa en kodbaserad upplevelse med den här innehållsmallen.

Du kan enkelt redigera formulärfälten från en kodbaserad upplevelseresa eller kampanj, utan att öppna personaliseringsredigeraren.

NOTE
Det här steget utförs vanligtvis av en marknadsförare.

  1. Välj innehållsmallen som innehåller redigerbara formulärfält från reseaktiviteten eller kampanjversionen. Lär dig använda innehållsmallar

    {width="60%"}

    note caution
    CAUTION
    De mallar som är tillgängliga att välja omfattar antingen HTML eller JSON baserat på den kanalkonfiguration som valts tidigare. Endast kompatibla mallar visas.

  2. De fält som har fördefinierats i den valda innehållsmallen är tillgängliga i den högra rutan.

  3. I avsnittet Editable form fields kan du:

    • Redigera varje värde direkt i de redigerbara fälten, utan att öppna kodredigeraren.

    {width="60%"}

    • Klicka på personaliseringsikonen för att redigera varje fält med kodredigeraren.

    {width="70%"}

    note note
    NOTE
    I båda fallen kan du bara redigera ett fält i taget och du kan inte redigera resten av det kodbaserade upplevelseinnehållet.

  4. Om en beslutsprincip lades till i innehållsmallen, kommer den med alla attribut som är tillgängliga i erbjudandekatalogschemat. Du kan redigera beslutsobjektet textbundet eller använda uttrycksredigeraren.

  5. Om du vill redigera resten av koden klickar du på knappen Edit code och uppdaterar det fullständiga kodbaserade upplevelseinnehållet, inklusive redigerbara formulärfält. Läs mer

Instruktionsvideo video

Lär dig hur du lägger till redigerbara fält i kodbaserade innehållsmallar för upplevelsekanaler.

https://video.tv.adobe.com/v/3463995/?learn=on&enablevpops&captions=swe
recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76