Edição de conteúdo

Definição de uma condição de visibilidade

Você pode especificar uma condição de visibilidade em um elemento de página da web: esse elemento será visível somente se a condição for respeitada.

Para adicionar uma condição de visibilidade, selecione um bloco e insira a condição no campo Visibility condition com o editor de expressão.

OBSERVAÇÃO

A edição de expressão avançada é apresentada nesta página.

Essas condições adotam a sintaxe da expressão XTK (por exemplo, ctx.recipient.@email != "" or ctx.recipient.@status=="0"). Por padrão, todos os campos são visíveis.

OBSERVAÇÃO

Blocos dinâmicos não visíveis, como menus suspensos, não podem ser editados.

Adição de uma borda e um plano de fundo

Você pode adicionar uma borda a um bloco selecionado. As bordas são definidas usando três opções: estilo, tamanho e cor.

Você também pode definir uma cor de plano de fundo selecionando uma cor no gráfico de cores.

Edição de formulários

Alteração das propriedades dos dados de um formulário

Você pode vincular campos de banco de dados à zona de entrada, ao botão de opção ou aos blocos de tipo de caixa de seleção.

OBSERVAÇÃO

Os campos padrão são aqueles no schema de armazenamento da aplicação web.

O campo zona de entrada permite selecionar um campo de banco de dados com o campo de formulário.

Por padrão, os campos oferecidos são aqueles na tabela nms:recipient.

A opção de campo Obrigatório permite autorizar a aprovação da página somente se o usuário tiver preenchido o campo. Se um campo obrigatório não for preenchido, uma mensagem de erro será exibida.

Para botões de opção e caixas de seleção, é necessária uma configuração adicional.

Na verdade, se o template usado não contiver um valor por padrão, você deve preenchê-lo no editor.

Para fazer isso:

  • Clique no ícone Edit.

  • Insira o valor da lista discriminada (definido pelo campo selecionado) no campo Value.

Modificação de campos de formulário

Campos de formulário como botões de opção, zonas de entrada, listas suspensas, etc. podem ser modificados nas barras de ferramentas.

Isso significa que é possível:

  • Exclua o bloco que contém os campos de formulário usando o ícone Delete.

  • Duplique o campo selecionado criando um novo bloco usando o ícone Duplicate.

  • Edite a janela Form data para vincular um campo de banco de dados à zona de formulário, usando o ícone Edit.

Adição de uma ação a um botão

Quando o usuário clica em um botão, você pode definir uma ação associada. Para fazer isso, selecione a ação a ser executada da lista suspensa.

As opções disponíveis são as seguintes:

  • Refresh: atualiza a página atual.
  • Next page : cria um link para a próxima página no aplicativo web.
  • Previous page: cria um link para a página anterior no aplicativo web.
OBSERVAÇÃO

O valor None permite que o botão não seja ativado.

Você pode modificar o rótulo vinculado ao botão no campo correspondente.

Você pode inserir um link em qualquer elemento de página: imagem, palavra, grupo de palavras, bloco de texto, etc.

Para fazer isso, selecione o elemento, então use o primeiro ícone do menu pop-up.

Esse ícone permite acessar todos os tipos de links disponíveis.

Blocos de personalização e campos só podem ser inseridos em blocos de tipo de texto.

OBSERVAÇÃO

Para cada tipo de link, você pode configurar o modo de abertura: selecione a janela de público alvo na lista suspensa Público-alvo. Esse valor corresponde à tag <target> HTML.

A lista de público alvo disponíveis é a seguinte:

  • Outro (IFrame)
  • Janela superior (_top)
  • Janela pai (_parent)
  • Nova janela (_blank)
  • Janela atual (_self)
  • Comportamento do navegador padrão

A opção Vincular a uma URL externa permite abrir qualquer URL do conteúdo de origem.

Digite o endereço de link em questão no campo URL. O campo URL deve ser populado da seguinte maneira: https://www.myURL.com.

A opção Link para uma aplicação web permite acessar uma aplicação web do Adobe Campaign.

Selecione a aplicação web no campo correspondente.

A lista de aplicativos web sugeridos corresponde aos aplicativos disponíveis no nó Resources > Online > Web Applications.

O Link que define uma opção de ação permite configurar uma ação ao clicar em um elemento de origem.

OBSERVAÇÃO

As ações disponíveis são detalhadas na seção Adding an action to a button.

Quando um link é inserido, a barra de ferramentas oferece dois novos ícones: Edit link e Break the link que permite interagir com o link criado.

  • Edit link permite exibir uma janela com todos os parâmetros do link.
  • Break the link permite excluir o link, após confirmação, e todos os parâmetros relacionados.
OBSERVAÇÃO

Se o link for excluído, o conteúdo ainda será mantido.

Alteração de atributos de fonte

Ao selecionar um elemento de texto, é possível modificar os atributos de fonte (estilo, formato).

As opções disponíveis são as seguintes:

  • Ícone Enlarge font: aumenta o tamanho do texto selecionado (adicione <span style="font size:">)
  • Ícone Reduce font: reduz o tamanho do texto selecionado (adicione <span style="font size:">)
  • Ícone Bold: coloca o texto selecionado em negrito (quebra de texto automática com a tag <strong> </strong>)
  • Ícone Italic: coloca o texto selecionado em itálico (quebra texto automática com a <em> </em> tag)
  • Ícone Underline: coloca o texto selecionado em sublinhado (quebra de texto automática com a <span style="text-decoration: underline;"> tag)
  • Ícone Align left: alinha o texto à esquerda do bloco selecionado (adicione style="text-align: left;")
  • Ícone Center: centraliza o texto do bloco selecionado (adicione style="text-align: center;")
  • Ícone Align right: alinha o texto à direita do bloco selecionado (adicione style="text-align: right;")
  • Ícone Change the background color: permite alterar a cor do plano de fundo do bloco selecionado (adicione style="background-color: rgba(170, 86, 255, 0.87))
  • Ícone Change text color: permite alterar a cor do texto do bloco selecionado ou apenas o texto selecionado (<span style="color: #CODE">)
OBSERVAÇÃO
  • Ícone Delete: exclui o bloco e todo o conteúdo.

  • Ícone Duplicate: duplica o bloco e todos os estilos relacionados ao bloco.

Gerenciamento de imagens e animações

O Editor de conteúdo digital permite trabalhar em qualquer tipo de imagem compatível com os navegadores.

CUIDADO

Os arquivos externos não devem ser chamados em uma tag script da página HTML. Esses arquivos não serão importados para o servidor do Adobe Campaign.

Adição / exclusão / duplicação de uma imagem

Para inserir uma imagem, selecione um bloco tipo Imagem e clique no ícone Imagem. ****

Selecione um arquivo de imagem salvo localmente.

O ícone Delete exclui a tag contendo a imagem.

O ícone Duplicate duplica a tag e seu conteúdo.

CUIDADO

Quando você duplica uma imagem, os identificadores relacionados à nova imagem são excluídos.

Edição de propriedades da imagem

Ao selecionar um bloco contendo uma imagem, você acessa as seguintes propriedades:

  • Caption permite definir a legenda vinculada à imagem (corresponde ao atributo HTML alt ).

  • Dimensions permite especificar o tamanho da imagem, em pixels.

Adição de conteúdo de personalização

Inserção de um campo de personalização

A opção Campo de personalização do ícone de inserção permite adicionar um campo de banco de dados ao conteúdo, como o nome do recipient. Essa opção só está disponível para blocos tipo texto.

Por padrão, os campos oferecidos são da tabela Recipient. Quando necessário, edite as propriedades da aplicação web para selecionar outra tabela.

O nome do campo aparece no editor, destacado em amarelo. Ele será substituído pelo perfil do recipient de destino quando a personalização for gerada (por exemplo, ao pré-visualizar uma landing page).

Um exemplo é apresentado na seção Inserting a personalization field.

Inserção de um bloco de personalização

A opção de Bloco de personalização permite inserir blocos dinâmicos e personalizados no conteúdo. Por exemplo, você pode adicionar um logotipo ou uma mensagem de saudação. Não está disponível para blocos tipo texto.

Depois de inserido, o nome do bloco de personalização aparece no editor, realçado em amarelo. Ele é adaptado automaticamente ao perfil do recipient quando a personalização é gerada.

Para obter mais informações sobre os blocos de personalização integrados e como customizá-los, consulte esta página.

Nesta página

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now