Edición de contenido web

Una vez que se ha añadido una acción web en la campaña, puede editar el contenido del sitio mediante el diseñador web.

Aprenda a crear una campaña web en este vídeo

Entrada Journey Optimizer, la creación web se basa en Ayuda visual de Adobe Experience Cloud extensión del navegador chrome. Más información

Acceda a las siguientes secciones para obtener más información sobre cada tema:

• Administración de modificaciones

• Monitorización de sus campañas web

Trabajar con el diseñador web

Para empezar a crear la campaña web, siga los pasos a continuación.

1. Desde el Acción de la pestaña campaña, seleccione Editar contenido.

   

2. Si ha creado una regla de coincidencia de páginas, debe introducir cualquier dirección URL que coincida con esta regla: los cambios se aplicarán a todas las páginas que coincidan con la regla. Se muestra el contenido de la página.

   NOTA

   Si ha introducido una sola URL como superficie web, la URL que desea personalizar ya se ha rellenado.

   

   PRECAUCIÓN

   La página web debe incluir SDK web de Adobe Experience Platform. Más información

3. Clic Editar página web para empezar a crearlo. Se muestra el diseñador web.

   

   NOTA

   Si intenta cargar un sitio web que no se puede cargar, aparece un mensaje sugiriendo que instale el Extensión de explorador Ayuda de edición visual. Consulte algunas sugerencias para solucionar problemas en esta sección.

4. Seleccione cualquier elemento del lienzo, como imagen, botón, párrafo, texto, contenedor, encabezado, vínculo, etc. Más información

5. En su lugar, utilice:

   • Menú contextual para editar su contenido, diseño, inserción de vínculos o personalización, etc.

     

   • Los iconos de la parte superior del panel derecho para editar, duplicar, eliminar u ocultar cada elemento.

     

   • Panel derecho que cambia dinámicamente según el elemento seleccionado. Por ejemplo, puede editar el fondo, la tipografía, el borde, el tamaño, la posición, el espaciado, los efectos o los estilos en línea de un elemento.

     

Uso de componentes

1. Desde el Componentes panel de la izquierda, seleccione un elemento. Puede añadir los siguientes componentes a la página web y editarlos según sea necesario:

   • Divisor
   • HTML
   • Imagen
   • Encabezado: el uso de este componente es similar al uso de la variable Texto en el diseñador de correo electrónico. Más información
   • Párrafo: El uso de este componente es similar al uso del Texto en el diseñador de correo electrónico. Más información
   • Vínculo
   • Decisión de oferta

   

2. Pase el ratón sobre la página y haga clic en Insertar antes o Insertar después para anexar el componente a un elemento existente de la página.

   

   NOTA

   Para anular la selección de un componente, haga clic en ESC en el titular azul contextual que se muestra en la parte superior del lienzo.

3. Edite el componente según sea necesario directamente en el contenido de la página.

   

4. Ajuste los estilos que se muestran en el panel contextual de la derecha, como fondo, color del texto, borde, tamaño, posición, etc. - según el componente seleccionado.

   

Añadir personalización y ofertas

Para añadir personalización, seleccione un contenedor y seleccione el icono de personalización de la barra de menús contextual que se muestra. Añada los cambios con el Editor de expresiones. Más información

Utilice el Decisión de oferta componente a insertar ofertas en sus páginas web. El proceso es el mismo que cuando adición de una oferta a un correo electrónico. Aprovechará Administración de decisiones para elegir la mejor oferta que se ofrezca a sus clientes.

Navegar por el diseñador web

En esta sección se detallan las distintas formas de desplazarse por el diseñador web. Para ver y administrar las modificaciones agregadas a la experiencia web, consulte esta sección.

Usar rutas

1. Seleccione cualquier elemento del lienzo.

2. Haga clic en Expandir/contraer rutas de exploración en la parte inferior izquierda de la pantalla para mostrar rápidamente información sobre el elemento seleccionado.

   

3. Cuando pasa el ratón por encima de las rutas de exploración, el elemento correspondiente se resalta en el editor.

4. Puede navegar fácilmente a cualquier elemento principal, del mismo nivel o secundario dentro del editor visual.

Cambiar al modo Examinar

Puede intercambiar desde el valor predeterminado Diseño al modo Examinar mediante el botón dedicado.

Desde el Examinar En este modo, puede navegar hasta la página exacta desde la superficie seleccionada que desee personalizar.

Resulta especialmente útil cuando se tratan páginas que están detrás de la autenticación o que no están disponibles desde el principio en una dirección URL determinada. Por ejemplo: podrá autenticarse, navegar a la página de su cuenta o a la página del carro de compras y, a continuación, volver a cambiar a Diseño para realizar los cambios en la página deseada.

Uso de Examinar Este modo también permite navegar por todas las vistas del sitio web al crear aplicaciones de una sola página. Más información

Cambiar el tamaño del dispositivo

Puede cambiar el tamaño del dispositivo de visualización del diseñador web a un tamaño predefinido como Tableta o Horizontal móvil o defina un tamaño personalizado introduciendo el número deseado de píxeles.

También puede cambiar el enfoque del zoom: de 25% a 400%.

La capacidad de cambiar el tamaño del dispositivo está diseñada para sitios adaptables que se renderizan bien en varios dispositivos, ventanas y tamaños de pantalla. Los sitios adaptables se ajustan y adaptan automáticamente a cualquier tamaño de pantalla, incluidos escritorios, portátiles, tabletas o teléfonos móviles.

Vídeo explicativo

El siguiente vídeo muestra cómo crear una experiencia web con el diseñador web en Journey Optimizer campañas.