Show Menu
TÓPICOS×

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

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"> )
  • Í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.
Para ser compatível com o DCE, as animações tipo " Flash" devem ser inseridas em uma página HTML da seguinte maneira:
<object type="application/x-shockwave-flash" data="https://www.mydomain.com/flash/your_animation.swf" width="200" height="400">
 <param name="movie" value="https://www.mydomain.com/flash/your_animation.swf" />
 <param name="quality" value="high" />
 <param name="play" value="true"/>
 <param name="loop" value="true"/> 
</object>

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