[Também se aplica à versão v8]{class="badge positive" title="Também se aplica ao Campaign v8"}
Editar conteúdo editing-content
Definição de uma condição de visibilidade defining-a-visibility-condition
É possível 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.
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.
Adição de uma borda e um fundo adding-a-border-and-background
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 editing-forms
Alteração das propriedades dos dados de um formulário changing-the-data-properties-for-a-form
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.
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 modifying-form-fields
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 adding-an-action-to-a-button
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.
Você pode modificar o rótulo vinculado ao botão no campo correspondente.
Adição de um link adding-a-link
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.
<target> HTML.- Outro (IFrame)
- Janela superior (_top)
- Janela pai (_parent)
- Nova janela (_blank)
- Janela atual (_self)
- Comportamento do navegador padrão
Vincular a uma URL link-to-a-url
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.
Vinculação a um aplicativo Web link-to-a-web-application
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.
Vincular a uma ação link-to-an-action
O Link que define uma opção de ação permite configurar uma ação ao clicar em um elemento de origem.
Excluir um link delete-a-link
Quando um link é inserido, a barra de ferramentas oferece dois novos ícones: Editar link e Interromper o link que permitem 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.
Alteração de atributos de fonte changing-font-attributes
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 managing-images-and-animations
O Editor de conteúdo digital permite trabalhar em qualquer tipo de imagem compatível com os navegadores.
Adição/exclusão/duplicação de uma imagem adding---deleting---duplicating-an-image
Para inserir uma imagem, selecione um bloco tipo Imagem e clique no ícone Imagem.
Selecione um arquivo de imagem salvo localmente.
O ícone Excluir exclui a tag contendo a imagem.
O ícone Duplicar duplica a tag e seu conteúdo.
Edição de propriedades da imagem editing-image-properties
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 adding-personalization-content
Inserção de um campo de personalização inserting-a-personalization-field
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 destinatário. 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 destinatário de destino quando a personalização for gerada (por exemplo, ao pré-visualizar uma página de destino).
Um exemplo é apresentado na seção Inserting a personalization field.
Inserção de um bloco de personalização inserting-a-personalization-block
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 destinatário 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.