Visual Experience Composer alterado

A versão Adobe Target Standard/Premium 25.2.1 (17 de fevereiro de 2015) introduz um Visual Experience Composer (VEC) atualizado. Este artigo explica as diferenças entre as versões anteriores e atualizadas do VEC.

O VEC é exibido ao criar ou editar uma atividade existente.

Principais alterações no VEC

As seções a seguir explicam as principais alterações no VEC atualizado em comparação à versão anterior.

Painel Experiences

Como na versão anterior, o painel Experiences permanece no lado esquerdo do VEC. O painel Experiences não pode ser recolhido.

Você pode criar, renomear ou remover experiências usando o painel Experiences. Clique no ícone Add ( ) para adicionar uma nova experiência. Clique no ícone More Actions ( ) para duplicar, excluir ou redirecionar uma experiência.

Painel Components (novo)

Você pode adicionar vários componentes à sua página da Web e editá-los conforme necessário usando o novo painel Components.

Para adicionar um novo componente, arraste o componente do painel Components que você deseja inserir sobre um elemento de página existente na tela Design. Em seguida, escolha inserir o componente antes de depois do elemento selecionado.

NOTE

Se você vir o painel Modifications nessa área em vez do painel Components, clique no ícone Show Components ( ). O ícone Show Components ( ) e o ícone Show Modifications ( ) atuam como alternadores para mostrar as opções apropriadas.

Para recolher o painel Components e ampliar a tela Design, enquanto o painel Components estiver aberto, clique no ícone ( ).

Painel Modifications

Para abrir o painel Modifications, clique no ícone Show Modifications ( ) no painel Components. O painel Modifications alterou a posição do lado direito para o lado esquerdo da tela de edição.

NOTE

O ícone Show Components ( ) e o ícone Show Modifications ( ) atuam como alternadores para mostrar as opções apropriadas.

Para recolher o painel Modifications e ampliar a tela Design, enquanto o painel Modifications estiver aberto, clique no ícone Show Modifications ( ).

O painel Modifications mostra todas as alterações feitas em sua página no VEC e permite que você faça alterações adicionais (como Seletor de CSS, Mbox e Código personalizado).

Clique no ícone More Options ( ) para adicionar uma modificação, excluir todas as modificações ou excluir todas as modificações inválidas. Clique em Select para executar operações em massa: Apply to All Pages ou Delete.

Para exibir o painel Modifications novamente, clique no ícone Hide Modifications ( ) no painel Modifications.

Painel Properties (novo)

O painel Properties permite alterar as propriedades dos elementos selecionados na página, sejam eles elementos do HTML ou objetos específicos do Target, como recomendações ou ofertas.

Clique nos ícones na parte superior do painel para editar o código HTML ou excluir, duplicar ou ocultar elementos. As alterações aparecem no painel Modifications.

O painel Properties pode ser recolhido no painel direito. Clique no ícone Show/Hide Properties ( ) à direita do painel para recolher ou exibir o painel Properties.

Configurações/configurações de atividade

Clique no ícone Configure ( ) exibido na parte superior da tela de design para exibir o menu de propriedades da atividade.

As diferentes opções permitem atribuir propriedades, editar regras de entrega de página, especificar preferências do site, adicionar outras páginas e ativar ou desativar atividades de várias páginas ou de vários públicos-alvo. Atribuir Properties é um recurso Target Premium.

A posição e a funcionalidade são semelhantes à interface anterior do VEC.

Modos Design/Browse

Use os botões Design/Browse exibidos na parte superior do painel Properties para alternar entre o modo de design e de navegação.

Use o modo Browse para navegar em seu site e escolher o modo de exibição ou a página que deseja atualizar. Volte para o modo Design para adicionar ou editar suas alterações.

Undo/Redo

Você pode desfazer as alterações feitas ao clicar no ícone Undo ( ).

Para refazer uma ação, expanda o grupo de botões Desfazer/Redo e escolha Redo.

Tela Design

A tela Design permite selecionar janelas de visualização, inclusive ajustar à tela, Desktop, Tablet, Mobile Landscape e Mobile Portrait.

O VEC atualizado também permite aumentar ou diminuir o zoom clicando no ícone apropriado ( ou ).

Ilustração visual mostrando as alterações na interface do usuário

A ilustração a seguir mostra as alterações da interface do usuário de alto nível feitas no VEC atualizado. A parte superior da ilustração mostra a interface atualizada do VEC e a parte inferior mostra a interface anterior. As setas mostram para onde vários elementos foram movidos.

(Clique na imagem para expandi-la até a largura total do navegador.)

{width="600" modal="regular"}

Mais informações sobre a interface atualizada