Usar campos de formulário editáveis em experiências baseadas em código code-based-form-fields
Para obter mais flexibilidade e controle sobre as experiências baseadas em código, o Journey Optimizer permite que a equipe de desenvolvimento crie modelos de conteúdo JSON ou HTML que contêm campos editáveis predefinidos específicos.
Ao criar uma experiência baseada em código, os profissionais de marketing não técnicos podem editar diretamente esses campos na interface, sem precisar abrir o editor de personalização ou tocar em outros elementos de código em sua jornada ou campanha.
Esse recurso fornece uma experiência simplificada para usuários de marketing, permitindo que os desenvolvedores tenham mais controle sobre o conteúdo do código, resultando em menos espaço para erros.
Entender a sintaxe do campo de formulário form-field-syntax
Para tornar editáveis partes de uma HTML ou de uma carga de código JSON, você deve usar uma sintaxe específica no editor de expressão. Isso envolve declarar uma variável com um valor padrão que os usuários podem substituir após aplicar o modelo de conteúdo à sua experiência baseada em código.
Por exemplo, suponha que você queira criar um modelo de conteúdo para aplicá-lo às suas experiências baseadas em código e permitir que os usuários personalizem uma cor específica usada em locais diferentes, como cores de fundo de quadros ou botões.
Ao criar seu modelo de conteúdo, você precisa declarar uma variável com uma ID exclusiva, por exemplo, “cor”, e chamá-la nos locais desejados no conteúdo em que deseja aplicar essa cor.
Ao aplicar o modelo de conteúdo ao seu conteúdo, os usuários poderão personalizar a cor usada sempre que a variável for referenciada.
Adicionar campos editáveis a modelos de conteúdo HTML ou JSON add-editable-fields
Para tornar alguns dos códigos JSON ou HTML editáveis, comece criando uma experiência baseada em código modelo de conteúdo, em que é possível definir campos de formulário específicos.
➡️ Saiba como adicionar campos editáveis a modelos de experiência baseados em código neste vídeo
-
Crie um modelo de conteúdo e selecione o canal de experiência baseada em código. Saiba como criar modelos
-
Selecione o modo de criação: HTML ou JSON.
note caution CAUTION Alterar o modo de criação resultará na perda de todo o código atual. As experiências baseadas em código baseadas nesse modelo precisam usar o mesmo modo de criação. -
Abra o editor de personalização para editar o conteúdo do código.
-
Para definir um campo de formulário editável, navegue até o menu Funções auxiliares no painel de navegação esquerdo e adicione o atributo embutido. A sintaxe a ser declarada e chamada para a variável é adicionada automaticamente no conteúdo.
-
Substitua
"name"por uma ID exclusiva para identificar o campo editável. Por exemplo, digite “imgURL”.note NOTE A ID do campo deve ser exclusiva e não pode conter espaços. Essa ID deve ser usada em qualquer lugar no conteúdo onde você deseja exibir o valor da variável. -
Adapte a sintaxe de acordo com suas necessidades adicionando parâmetros detalhados na tabela abaixo:
table 0-row-3 1-row-3 2-row-3 Ação Parâmetro Exemplo Declarar um campo editável com um valor padrão. Ao adicionar o modelo ao seu conteúdo, esse valor padrão será usado se você não personalizá-lo. Adicione o valor padrão entre as tags em linha. {{#inline "editableFieldID"}}default_value{{/inline}}Defina um rótulo para o campo editável. Esse rótulo será exibido no editor de código ao editar os campos do modelo. name="title"{{#inline "editableFieldID" name="title"}}default_value{{/inline}}
-
Na seção Campos de formulário editáveis, você pode:
- Edite cada valor diretamente nos campos editáveis, sem abrir o editor de código.
- Clique no ícone de personalização para editar cada campo usando o editor de código.
note NOTE Em ambos os casos, só é possível editar um campo por vez e o restante do conteúdo de experiência baseado em código não pode ser editado. -
Se uma política de decisão foi adicionada ao modelo de conteúdo, ela vem com todos os atributos disponíveis no esquema do catálogo de ofertas. É possível editar o item de decisão em linha ou usando o editor de expressão.
-
Para editar o restante do código, clique no botão Editar código e atualize seu conteúdo de experiência baseado em código completo, incluindo os campos de formulário editáveis. Saiba mais
Vídeo tutorial video
Saiba como adicionar campos editáveis a modelos de conteúdo de canal de experiência baseados em código.