Visual Experience Composer (VEC)

Informações sobre o uso do Visual Experience Composer (VEC) no Adobe Target.

O VEC é uma interface WYSIWYG que permite criar e testar facilmente experiências e ofertas personalizadas no contexto do site. Você pode criar experiências e ofertas para atividades do Target arrastando e soltando, alternando e modificando o layout e o conteúdo de uma página da Web (ou oferta) ou página da Web móvel.

O VEC é um dos principais recursos do Adobe Target. O VEC permite aos profissionais de marketing e designers criarem e alterarem o conteúdo usando uma interface visual. Muitas escolhas de design podem ser feitas sem necessitar de edição direta do código. A edição de HTML e JavaScript também é possível usando as opções de edição disponíveis no compositor.

No Target Administração > Visual Experience Composer você pode inserir o URL padrão do Visual Experience Composer.

Configurações padrão de URL do VEC

Esse URL determina onde você começa quando abre o VEC. Se não inserir um padrão, você começará com uma página em branco quando abrir o editor e especificar um URL nesse momento.

NOTE
Alguns navegadores, como o Firefox, podem impedir a exibição de uma página no VEC se ela tiver conteúdo misto (por exemplo, uma página não segura em um site seguro). Se a sua página não for exibida, clique no ícone ao lado do URL na barra de endereços do navegador e clique em Desativar proteção nesta página. Esse problema não afeta a exibição das suas páginas para os visitantes do site.

O conteúdo dentro de um iframe na página não pode ser modificado no VEC. Para editar o conteúdo dentro de um iframe, verifique se o documento do iframe está ativado para o Target, em seguida, carregue um URL de iframe no VEC.

Você pode usar os menus suspensos na parte superior da página para ver como sua página aparecerá para públicos-alvo diferentes ou com experiências diferentes. Você pode fornecer um nome para cada experiência na segunda lista suspensa. Por exemplo, se você estiver testando o local do link Início na sua barra de navegação, poderá nomear uma experiência em que esse link aparecerá primeiro como algo como "link Início" para facilitar a identificação das experiências na lista.

NOTE
As alterações na estrutura de uma página que afetam os locais usados em uma atividade criada nessa página podem causar problemas com a edição de experiência. Se um local tiver sido alterado fora do VEC, o Target talvez não consiga encontrar o local onde o conteúdo foi alterado.

Ao mover seu mouse pela página, uma caixa sensível ao contexto segue o cursor, destacando os elementos na página.

Destaque do VEC

Clique no ícone Sobreposições para alterar a maneira como o destaque é exibido. Por exemplo, você pode optar por destacar apenas imagens, links, mboxes regionais, modificações ou JavaScript. É possível alterar a cor do destaque. Você também pode especificar a cor de um destaque e o tipo de preenchimento usado para destacar tipos de elementos diferentes.

Alterar as configurações de sobreposição

Clique em um elemento destacado para obter um menu de opções disponíveis para esse tipo de elemento. Por exemplo, você pode clicar em uma imagem e selecionar Editar > Texto/HTML para alterar o texto ou clicar em um botão e alterar a cor do fundo. Você pode usar os botões na parte esquerda superior da página para ligar e desligar as sobreposições.

Você também pode clicar em Navegar, depois navegar para uma página que esteja disponível a partir da página primária, como uma página de remessa ou carrinho de compras, e testar as alterações nessa página. Você também pode acessar elementos de página que estão disponíveis quando passa o mouse, como menus flyout e minicarrinhos. Quando você terminar de navegar na página, clique em Compor para editar a experiência. Por exemplo, talvez você queira alterar o design do menu suspenso de um carrinho de compras ou de um carrossel de imagens.

NOTE
Se um estado de passar o mouse depender do JavaScript, verifique se a opção Desativar JavaScript não está selecionada. O JavaScript deve ser ativado para editar elementos de JavaScript.

Para obter informações sobre as opções disponíveis no VEC, consulte Opções do Visual Experience Composer.

Você pode realizar algumas modificações em uma página enquanto ela está carregando (ou após uma falha no carregamento) ou pode cancelar o carregamento da página no VEC. Para obter mais informações, consulte:

Editar uma página enquanto ela está carregando ou após uma falha de carregamento loading

É possível executar muitas ações antes que a página seja carregada no VEC ou até mesmo se a página não carregar completamente (por exemplo, o código personalizado não é mais operacional).

Alguns motivos pelos quais você pode querer acessar ou fazer edições em uma página enquanto ela está carregando no VEC ou após uma falha no carregamento:

  • Você deseja fazer uma modificação simples em uma página, como adicionar um código personalizado ou alterar o nome de uma experiência
  • Você deseja copiar o código personalizado existente de uma página que não está mais acessível
  • Você sabe que uma página não carregará no VEC, mas quer fazer edições simples mesmo assim

Enquanto a página é carregada (ou após a falha no carregamento), o painel Experiências, o painel Modificações e as configurações na parte superior da experiência (Sobreposições, Modificações, Configurar, etc.) ficam acessíveis.

A ilustração a seguir mostra que é possível inserir um código personalizado ou executar outras ações enquanto a página ainda está carregando:

Carregamento de página

Cancelar carregamento de uma página no VEC cancel-loading

Você pode cancelar o carregamento de uma página no VEC para desbloquear a edição da atividade sem esperar o carregamento da página. Esse recurso economiza tempo e ajuda a fazer edições simples ou inserir um código personalizado com mais eficiência sem esperar que a página seja carregada no VEC.

Alguns motivos pelos quais você pode cancelar o carregamento de uma página no VEC incluem:

  • Você deseja fazer pequenas edições em modificações existentes
  • Você deseja excluir uma ou mais modificações existentes
  • Você deseja inserir ou editar um código personalizado
  • Você inseriu erroneamente o URL incorreto da página
  • Você deseja ativar ou desativar o JavaScript antes de carregar a página no VEC
  • Você deseja adicionar mais regras de teste de modelo aos critérios de Entrega da página
  • Você deseja substituir o botão geral do Enhanced Experience Composer (EEC) ao carregar uma página pelo EEC ou somente no iframe, o que pode variar de uma página para outra

Depois de cancelar o carregamento de página no VEC, você pode alternar entre experiências na atividade sem esperar que a página seja carregada. Para visualizar a página no VEC novamente, clique no botão Recarregar.

IMPORTANT
Ao optar por cancelar o carregamento no VEC, certifique-se de inserir um código personalizado ou realizar qualquer modificação corretamente. Execute o procedimento de controle de qualidade de maneira adequada para garantir que seu código personalizado e quaisquer modificações sejam entregues conforme esperado.

Para cancelar o carregamento de uma página no VEC, clique no botão Cancelar o carregamento enquanto a página estiver carregando. A página não será carregada no VEC para essa atividade durante a sessão de edição atual.

Botão Cancelar o carregamento

Para continuar o gerenciamento de experiências na atividade atual ou adicionar novas modificações, clique no botão Recarregar.

Botão Recarregar

Vídeos de treinamento

Os vídeos a seguir contêm mais informações sobre os conceitos discutidos neste artigo.

Visual Experience Composer (1 de 2) (7:17) Selo do tutorial

  • Alterar o conteúdo de uma página
  • Alterar o layout de uma página

Visual Experience Composer (2 de 2) (7:29) Selo do tutorial

  • Renomear e duplicar uma experiência
  • Criar uma experiência de redirecionamento
  • Direcionar uma atividade para um único URL ou um grupo de URLs
  • Criar uma atividade multipáginas
  • Visualizar e criar a experiência para sites responsivos
  • Use sobreposições para destacar tipos de elementos

Horário comercial: Visual Experience Composer Selo do tutorial

Este vídeo é uma gravação de "No expediente", uma iniciativa da equipe de Atendimento ao cliente da Adobe.

  • Como funciona o VEC
  • Como evitar problemas comuns com o VEC
  • Práticas de correção que podem ser usadas com o VEC
recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654