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.
Na guia Administration > Visual Experience Composer do Target, você pode inserir a URL do Visual Experience Composer.
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.
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.
Ao mover seu mouse pela página, uma caixa sensível ao contexto segue o cursor, destacando os elementos na página.
Clique no ícone Overlays para alterar a forma 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.
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 Edit > Text/HTML para alterar o texto ou clicar em um botão e alterar a cor do plano de 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 Browse, navegar para uma página que esteja disponível a partir da página principal, 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 Compose 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.
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 Experiences, o painel Modifications 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:
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 Reload.
Para cancelar o carregamento de uma página no VEC, clique no botão Cancel Loading 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.
Para continuar o gerenciamento de experiências na atividade atual ou adicionar novas modificações, clique no botão Reload.
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)
- Alterar o conteúdo de uma página
- Alterar o layout de uma página
Visual Experience Composer (2 de 2) (7:29)
- 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
Office hours: Visual Experience Composer
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