Show Menu
TEMAS×

Compositor de experiencias visuales (VEC)

Información sobre el uso de VEC (Visual Experience Composer).
El VEC es una interfaz de usuario WYSIWYG que permite crear y probar fácilmente experiencias y ofertas personalizadas en el contexto del sitio. Puede crear experiencias y ofertas para actividades de Target arrastrando y soltando, intercambiando y modificando el diseño y el contenido de una página Web (o oferta) o una página Web móvil.
El VEC es una de las características principales de Adobe Target. El VEC permite a los comerciantes y diseñadores crear y cambiar contenido mediante una interfaz visual. Se pueden elegir muchas opciones de diseño sin tener que editar directamente el código. Editar HTML y JavaScript también es posible con las opciones de edición que se encuentran disponibles en el compositor.
En Target, en la pestaña Configuración > Preferencias , puede introducir la dirección URL predeterminada del Compositor de experiencias visuales.
Esta dirección URL determina la página de inicio al abrir el VEC. Si no establece un valor predeterminado, comenzará con una página en blanco cuando abra el editor y deberá indicar una dirección URL entonces.
Algunos navegadores, como Firefox, pueden bloquear una página y evitar que se muestre en el VEC si esta contiene contenido mixto (por ejemplo, una página no segura en un sitio seguro). Si la página no se muestra, haga clic en el icono al lado de la dirección URL en la barra de direcciones del explorador y seleccione Deshabilitar protección en esta página . Este problema no afecta a la visualización de las páginas de los visitantes del sitio.
El contenido de dentro de un iframe en la página no se puede modificar en el VEC. Para editar el contenido de dentro de un iframe, asegúrese de que el documento del iframe tenga habilitada la segmentación y luego cargue la dirección URL del iframe en el VEC.
Puede usar los menús desplegables de la parte superior de la página para ver su página tal como se mostrará a diferentes audiencias o con diferentes experiencias. Puede asignar un nombre a cada experiencia en la segunda lista desplegable. Por ejemplo, si está probando la ubicación del vínculo a la página de inicio en la barra de navegación, sería interesante poner a la experiencia en la que aparece primero el vínculo a la página de inicio un nombre como “Vínculo a Inicio”, para que sea más fácil identificar las experiencias de la lista.
Los cambios en la estructura de una página que afecten a las ubicaciones empleadas en una actividad creada en esa página podrían producir errores al editar la experiencia. Si se ha cambiado una ubicación fuera del VEC es posible que Target no encuentre la ubicación donde se cambió el contenido.
A medida que mueve el ratón por la página, un cuadro contextual sigue al cursor, destacando los elementos en la página.
Haga clic en el icono Superposiciones para cambiar la forma en que se resalta el elemento. Por ejemplo, puede elegir resaltar solo imágenes, vínculos, mboxes regionales, modificaciones o JavaScript. Puede cambiar el color del resaltado. También puede especificar el color de resaltado y el tipo de relleno usado para resaltar distintos tipos de elementos.
Haga clic en un elemento resaltado para acceder al menú de opciones disponibles para dicho tipo de elemento. Por ejemplo, puede hacer clic en una imagen y seleccionar Editar > Texto/HTML para modificar el texto, o bien hacer clic en un botón y cambiar el color del fondo. Puede usar los botones de la parte superior izquierda para activar y desactivar las superposiciones.
También puede hacer clic en Examinar y navegar a una página que esté disponible como página principal (por ejemplo, la página de envío o el carro de compras) y probar los cambios en esa página. También puede acceder a los elementos de la página que están disponibles cuando mueve el cursor por encima, como los menús flotantes y los minicarros. Cuando termine de navegar por la página, haga clic en Componer para editar la experiencia. Por ejemplo, puede interesarle cambiar el diseño de una lista desplegable de carro de compras o un carrusel de imágenes.
Si un estado de movimiento del cursor por encima depende de JavaScript, asegúrese de que la opción Deshabilitar JavaScript no esté seleccionada. JavaScript debe estar habilitado para poder editar los elementos JavaScript.
Para obtener información sobre las opciones disponibles en el VEC, consulte Opciones del Compositor de experiencias visuales .
Puede realizar algunas modificaciones en una página mientras se carga la página (o después de que la página no se haya cargado), o puede cancelar la carga de la página en el VEC. Para obtener más información, consulte:

Edición de una página mientras se carga o después de que la página no se haya cargado

Puede realizar muchas acciones antes de que la página se cargue en VEC o incluso si la página no se carga completamente (por ejemplo, si el código personalizado ya no funciona).
Algunas razones por las cuales es posible que desee acceder o editar una página mientras ésta se carga dentro del VEC o después de que no se cargue:
  • Desea realizar una modificación sencilla de una página, como agregar un código personalizado o cambiar el nombre de una experiencia
  • Desea copiar código personalizado existente de una página que ya no es accesible
  • Sabe que una página no se cargará dentro del VEC pero de todas maneras desea realizar ediciones simples
Mientras la página se carga (o después de que dé error al cargar), el panel Experiencias, el panel Modificaciones y la configuración en la parte superior de la experiencia (Superposiciones, Modificaciones, Configurar, etc.) están accesibles.
La siguiente ilustración muestra que puede insertar código personalizado o realizar otras acciones mientras la página sigue cargándose:

Cancelación de la carga de una página dentro del VEC

Puede cancelar la carga de una página dentro del VEC para desbloquear la edición de la actividad sin esperar a que se cargue la página. Esta función ahorra tiempo y le ayuda a realizar ediciones sencillas o a insertar código personalizado de forma más eficaz sin esperar a que la página cargue dentro del VEC.
Algunas de las razones por las que es posible que desee cancelar la carga de páginas dentro del VEC son:
  • Desea realizar pequeñas ediciones en las modificaciones existentes
  • Desea eliminar una o más modificaciones existentes
  • Desea insertar o editar código personalizado
  • Introdujo la dirección URL incorrecta para la página
  • Desea habilitar o deshabilitar JavaScript antes de cargar la página en el VEC
  • Desea agregar más reglas de prueba de plantilla a los criterios de Entrega de página
  • Desea anular la opción del Compositor de experiencias mejorado (EEC) global al cargar una página a través del EEC o solo iframe podría depender o variar de una página a otra
Después de cancelar la carga de páginas en el VEC, puede cambiar entre experiencias en la actividad sin esperar a que se cargue la página. Para volver a ver la página dentro del VEC, debe hacer clic en el botón #.
Tenga en cuenta que cuando se crea un código personalizado o se realizan modificaciones, al elegir cancelar la carga dentro del VEC, debe asegurarse de que la codificación o los cambios se realicen correctamente. Asegúrese de realizar un control de calidad adecuado para garantizar que el código personalizado y cualquier otra modificación se entregue según lo esperado.
Para cancelar la carga de una página dentro del VEC, haga clic en el botón Cancelar carga mientras se carga la página. La página no se cargará en el VEC para esta actividad durante la sesión de edición actual.
Para continuar administrando experiencias en la actividad actual o agregar nuevas modificaciones, debe hacer clic en el botón Recargar .
Actualmente existe un problema conocido con esta función que se solucionará en la próxima versión. Para obtener más información, consulte “Cancelación de la carga de una página dentro del VEC” en la página Problemas conocidos y resueltos .

Vídeos de formación

Los siguientes vídeos contienen más información sobre los conceptos mencionados en este artículo.

Compositor de experiencias visuales (1 de 2) (7:17)

  • Cambiar el contenido de una página
  • Cambiar el diseño de una página

Compositor de experiencias visuales (2 de 2) (7:29)

  • Cambiar el nombre de una experiencia y duplicarla
  • Crear una experiencia de redirección
  • Segmentar una actividad en una sola dirección URL o un grupo de direcciones URL
  • Crear una actividad de varias páginas
  • Obtener una vista previa y generar experiencia para sitios web adaptables
  • Usar superposiciones para destacar tipos de elementos

Horario de oficina: Compositor de experiencias visuales

Este vídeo es una grabación de “ Horario de oficina ”, una iniciativa dirigida por el equipo de atención al cliente de Adobe.
  • Cómo funciona el Compositor de experiencias visuales
  • Cómo evitar problemas comunes con el Compositor de experiencias visuales
  • Soluciones alternativas con el Compositor de experiencias visuales