Edición de contenido

Definición de una condición de visibilidad

Puede especificar una condición de visibilidad en un elemento de la página web: este elemento solo se puede ver si se respeta la condición.

Para añadir una condición de visibilidad, seleccione un bloque e introduzca la condición en el campo Visibility condition con el editor de expresiones.

Nota

La edición de expresiones avanzadas se muestra en esta página.

Estas condiciones adoptan la sintaxis de la expresión XTK (por ejemplo: ctx.recipient.@email != "" o ctx.recipient.@status==“0”). De forma predeterminada, todos los campos son visibles.

Nota

Los bloques dinámicos no visibles, como los menús desplegables, no se pueden editar.

Adición de un borde y un fondo

Se puede añadir un borde a un bloque seleccionado. Los bordes se definen con tres opciones: estilo, tamaño y color.

Asimismo, se puede definir un color de fondo seleccionando un color en la tabla de colores.

Edición de formularios

Modificación de las propiedades de datos de un formulario

Puede vincular campos de base de datos con la zona de entrada, el botón de opción o los bloques de tipo casilla de verificación.

Nota

Los campos predeterminados son los del esquema de almacenamiento de la aplicación web.

La zona de entrada de campo permite seleccionar un campo de base de datos para vincularlo al campo de formulario.

De forma predeterminada, los campos ofrecidos son los que se encuentran en la tabla nms:recipient.

La opción Campo requerido permite autorizar la aprobación de la página únicamente si el usuario ha rellenado el campo. Si no se rellena un campo obligatorio, aparece un mensaje de error.

Se requiere configuración adicional para los botones de opción y las casillas de verificación.

De hecho, si la plantilla utilizada no contiene un valor de forma predeterminada, debe completarla en el editor.

Para ello:

  • Haga clic en el icono Edit.

  • Introduzca el valor de lista desglosada (definido por el campo seleccionado) en el campo Value.

Modificación de campos del formulario

Los campos de formulario, como los botones de opción, las zonas de entrada, las listas desplegables, etc., se pueden modificar desde sus barras de herramientas.

Esto significa que se puede:

  • Eliminar el bloque que contiene los campos del formulario con el icono Delete.

  • Duplique el campo seleccionado creando un nuevo bloque con el icono Duplicate.

  • Edite la ventana Form data para relacionar un campo de base de datos con la zona de formulario mediante el icono Edit.

Adición de una acción a un botón

Puede definir una acción asociada para cuando el usuario hace clic en un botón. Para ello, seleccione de la lista desplegable la acción que desea ejecutar.

Las acciones disponibles son las siguientes:

  • Refresh: actualiza la página actual.
  • Next page: crea un vínculo a la página siguiente en la aplicación web.
  • Previous page: crea un vínculo a la página anterior en la aplicación web.
Nota

El valor None permite no activar el botón.

Se puede modificar la etiqueta vinculada al botón en el campo correspondiente.

Puede insertar un vínculo en cualquier elemento de página: imagen, palabra, grupo de palabras, bloque de texto, etc.

Para ello, seleccione el elemento y utilice el primer icono del menú emergente.

Este icono le permite acceder a todos los tipos de vínculos disponibles.

Los bloques y campos de personalización solo se pueden insertar en bloques de tipo texto.

Nota

Para cada tipo de vínculo, se puede configurar el modo de apertura: seleccione la ventana de destino en la lista desplegable Objetivo. Este valor corresponde a la etiqueta HTML <target>.

La lista de objetivos disponibles es la siguiente:

  • Otro (IFrame)
  • Ventana superior (_top)
  • Ventana principal (_parent)
  • Nueva ventana (_blank)
  • Ventana actual (_self)
  • Comportamiento predeterminado del navegador

La opción Enlace a una URL externa permite abrir cualquier dirección URL del contenido de origen.

Introduzca la dirección del vínculo en cuestión en el campo URL. El campo URL debe introducirse como: https://www.myURL.com.

La opción Enlace a una aplicación web permite acceder a una aplicación web de Adobe Campaign.

Seleccione la aplicación web en el campo correspondiente.

La lista de aplicaciones web sugeridas corresponde a las aplicaciones disponibles en el nodo Resources > Online > Web Applications.

La opción Enlace que define una acción permite configurar una acción al hacer clic en un elemento de origen.

Nota

Las acciones disponibles se detallan en la sección Adición de una acción a un botón.

Cuando se inserta un vínculo, la barra de herramientas ofrece dos nuevos iconos: Edit link y Break the link que le permiten interactuar con el vínculo creado.

  • Edit link permite mostrar una ventana con todos los parámetros del vínculo.
  • Break the link permite eliminar, tras una confirmación, el vínculo y todos los parámetros relacionados.
Nota

Si se elimina el vínculo, el contenido se mantiene.

Modificación de los atributos de fuente

Al seleccionar un elemento de texto, se puede modificar los atributos de fuente (estilo, formato).

Las opciones disponibles son las siguientes:

  • Icono Aumentar fuente: aumenta el tamaño del texto seleccionado (añada <span style="font size:">)
  • Icono Reducir fuente: reduce el tamaño del texto seleccionado (añada <span style="font size:">)
  • Icono Negrita: hace que el texto seleccionado se ponga en negrita (ajuste de texto con la etiqueta <strong> </strong>).
  • Icono Cursiva: hace que el texto seleccionado sea en cursiva (ajuste de texto con la etiqueta <em> </em>).
  • Icono Subrayado: hace que el texto seleccionado aparezca subrayado (ajuste de texto con la etiqueta <span style="text-decoration: underline;">).
  • Icono Alinear a la izquierda: alinea el texto a la izquierda del bloque seleccionado (añadir estilo="text-align: left;")
  • Icono Centrar: centra el texto del bloque seleccionado (añadir estilo="text-align: center;")
  • Icono Alinear a la derecha: alinea el texto a la derecha del bloque seleccionado (añadir estilo="text-align: right;")
  • Icono Cambiar el color del fondo: permite cambiar el color de fondo del bloque seleccionado (añadir estilo="background-color: rgba(170, 86, 255, 0.87))
  • Icono Cambiar el color del texto: permite cambiar el color del texto del bloque seleccionado o solo el texto seleccionado (<span style="color: #CODE">)
Nota
  • Icono Eliminar: elimina el bloque y todo su contenido.

  • Icono Duplicar: duplica el bloque y todos los estilos relacionados con el bloque.

Administración de imágenes y animaciones

El editor de contenido permite trabajar con cualquier tipo de imagen compatible con los navegadores.

Para ser compatible con el DCE, las animaciones de tipo “flash” deben insertarse en una página HTML de la siguiente manera:

<object type="application/x-shockwave-flash" data="https://www.mydomain.com/flash/your_animation.swf" width="200" height="400">
 <param name="movie" value="https://www.mydomain.com/flash/your_animation.swf" />
 <param name="quality" value="high" />
 <param name="play" value="true"/>
 <param name="loop" value="true"/> 
</object>
PRECAUCIÓN

No es necesario llamar a los archivos externos en una etiqueta script de la página HTML. Estos archivos no se importan en el servidor de Adobe Campaign.

Adición, eliminación o duplicación de una imagen

Para insertar una imagen, seleccione un bloque de tipo imagen y haga clic en el icono Imagen.

Seleccione un archivo de imagen guardado localmente.

El icono Eliminar elimina la etiqueta que contiene la imagen.

El icono Duplicar duplica la etiqueta y su contenido.

PRECAUCIÓN

Al duplicar una imagen, se eliminan los identificadores relacionados con la nueva imagen.

Edición de las propiedades de imagen

Cuando se selecciona un bloque que contiene una imagen, puede acceder a las siguientes propiedades:

  • Pie de ilustración: permite definir el pie de ilustración vinculado a la imagen (corresponde al atributo HTML alt).

  • Dimensiones: permite especificar el tamaño de la imagen en píxeles.

Adición de contenido personalizado

Inserción de un campo personalizado

La opción Campo personalizado del icono de inserción permite añadir un campo de base de datos al contenido, como el nombre del destinatario. Esta opción solo está disponible para bloques de tipo texto.

De forma predeterminada, los campos que se ofrecen proceden de la tabla Recipient. Si es necesario, puede editar las propiedades de la aplicación web para seleccionar otra tabla.

El nombre del campo aparece en el editor resaltado en amarillo. Se reemplaza por el perfil del destinatario objetivo cuando se genere la personalización (por ejemplo, al previsualizar una página de destino).

Se presenta un ejemplo en la sección Inserción de un campo de personalización.

Inserción de bloques personalizados

La opción Bloque personalizado permite insertar bloques dinámicos y personalizados en el contenido. Por ejemplo, se puede añadir un logotipo o un mensaje de saludo. No está disponible para bloques de tipo texto.

Una vez insertado, el nombre del bloque personalizado aparece en el editor resaltado en amarillo. Se adapta automáticamente al perfil de destinatario cuando se genera la personalización.

Para obtener más información sobre los bloques de personalización integrados y cómo definirlos, consulte esta página.

En esta página