Använd redigerbara formulärfält i kodbaserad upplevelse

Senast uppdaterad: 7 juli 2025

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

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

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.

OBSERVERA
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.

    FÖRSIKTIGHET
    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.

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

    OBSERVERA
    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:

    Å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.

  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.

  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

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".

  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.

  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".

  7. Spara mallen.