Show Menu
TEMAS×

Diseño de una página de aterrizaje

Acerca del diseño del contenido del diseño de contenido de la página de aterrizaje

Las páginas de aterrizaje se crean como cualquier actividad de mercadotecnia .
Al diseñar una página de aterrizaje, debe definir el contenido de la propia página, la página de confirmación y la página de error. Utilice el conmutador situado debajo de la barra de acciones para mostrar y configurar cada una de estas páginas.
El contenido de las páginas de aterrizaje se diseña mediante el editor de contenido de Campaign.
Si la instancia se instaló antes de la versión 19.0 de Adobe Campaign Standard, aún tendrá acceso al editor de contenido de correo electrónico heredado. La interfaz, los principios de uso y la configuración son mayormente los mismos que se describen a continuación para las páginas de aterrizaje. Sin embargo, es posible que todas las funciones no estén disponibles ni se mantengan en el editor de contenido de correo electrónico heredado, que ya no se utiliza en la versión 19.0. Para editar rápidamente el contenido del correo electrónico mediante una interfaz de arrastrar y soltar con funciones extendidas, utilice el Diseñador de correo electrónico .
Esta página describe las características específicas del editor de contenido de la página de aterrizaje. Para obtener más información sobre las acciones comunes a una o varias actividades de marketing, consulte estas secciones en la guía Diseño de contenido de correo electrónico:
Si tiene una página de aterrizaje que ya está predefinida en formato HTML, puede importarla directamente con el Change content botón.
Antes de importar una página HTML en Adobe Campaign, asegúrese de que se abre y se muestra correctamente en los distintos navegadores. Si la página HTML contiene secuencias de comandos JavaScript, deben ejecutarse sin errores fuera del editor. En general, evite utilizar secuencias de comandos en el contenido del mensaje para asegurarse de que los clientes de correo electrónico lo procesan correctamente.

Interfaz del editor de contenido de la página de aterrizaje

El editor de contenido de la página de aterrizaje permite definir, modificar y personalizar fácilmente el contenido en Adobe Campaign. Para acceder a él, haga clic en el Content bloque de un tablero de página de aterrizaje.
El editor de contenido está organizado en tres secciones diferentes. Estas secciones le permiten ver y editar el contenido.
  1. La paleta de la parte izquierda de la pantalla permite modificar las opciones generales vinculadas a un bloque seleccionado. Las opciones que se pueden modificar son: color de fondo, borde, alineación de texto, condición de visibilidad, etc. See Inserting a personalization field .
  2. La barra de acciones contiene las opciones generales de la página. Puede seleccionar una plantilla y cambiar el modo de visualización.
  3. La zona de edición principal le permite interactuar directamente con el contenido mediante la barra de herramientas contextual: insertar un vínculo en una imagen, cambiar la fuente, eliminar un campo, etc.
La barra de acciones contiene diferentes botones que le permiten interactuar con el contenido que se está creando.
Icono Nombre del botón Canal Descripción
Cambiar contenido Página de aterrizaje y correo electrónico Le permite seleccionar contenido listo para usar o importar su propio contenido HTML. Consulte Carga de contenido existente.
Deshacer Todos Cancela la última acción realizada.
Rehacer Todos Rehace la última acción que canceló.
Mostrar bloques Página de aterrizaje y correo electrónico Permite mostrar los cuadros alrededor de los bloques de contenido (corresponde a la etiqueta <div> HTML).
Mostrar origen Página de aterrizaje y correo electrónico Permite mostrar el código fuente HTML de la página.
La barra de herramientas es un elemento contextual de la interfaz del editor que ofrece diversas funcionalidades en función de la zona seleccionada. Contiene botones de acción y botones que le permiten cambiar el estilo del texto. Las modificaciones realizadas se aplican siempre a la zona seleccionada. Una vez seleccionado un bloque, puede eliminarlo o duplicarlo, por ejemplo. Después de seleccionar el texto dentro de un bloque, puede convertirlo en un vínculo o ponerlo en negrita.
Algunas funciones de la barra de herramientas permiten dar formato al contenido HTML. However, if the page contains a CSS style sheet, the instructions from the style sheet may prove to take priority over the instructions specified via the toolbar.
Icono Nombre del botón Contexto Descripción
Vínculo a una dirección URL externa Cualquier elemento Permite agregar un vínculo a una dirección URL. Los detalles de cómo configurar un vínculo se presentan en la sección Inserción de un vínculo .
Vínculo a una página de aterrizaje Cualquier elemento Permite el acceso a una página de aterrizaje de Adobe Campaign. Los detalles de cómo configurar un vínculo se presentan en la sección Inserción de un vínculo .
Vínculo de suscripción Cualquier elemento Permite insertar un vínculo de suscripción al servicio. Los detalles de cómo configurar un vínculo se presentan en la sección Inserción de un vínculo .
Vínculo de cancelación de suscripción Cualquier elemento Le permite insertar un vínculo de cancelación de suscripción a un servicio. Los detalles de cómo configurar un vínculo se presentan en la sección Inserción de un vínculo .
Eliminar vínculo Enlace Permite eliminar el vínculo, así como todas las configuraciones vinculadas a él, después de confirmarlo.
Inserción de un campo de personalización Elemento Texto Permite agregar un campo de la base de datos al contenido. Consulte Inserción de un campo de personalización.
Insertar un bloque de contenido Elemento Texto Permite agregar un bloque de personalización al contenido. Consulte Adición de un bloque de contenido.
Habilitar contenido dinámico Elemento Texto Permite insertar contenido dinámico en el contenido. Consulte Definición de contenido dinámico.
Deshabilitar contenido dinámico Elemento Texto Permite eliminar contenido dinámico.
Ampliar fuente Elemento Texto Aumenta el tamaño del texto seleccionado (agrega <span style="font-size:"> ).
Reducir fuente Elemento Texto Reduce el tamaño del texto seleccionado (agrega <span style="font-size:"> ).
Negrita Elemento Texto Agrega el estilo de negrita al texto seleccionado (ajusta el texto con las etiquetas <strong> </strong> ).
Cursiva Elemento Texto Agrega el estilo en cursiva al texto seleccionado (ajusta el texto con las etiquetas <em> </em> ).
Subrayado Elemento Texto Subraya el texto seleccionado (ajusta el texto seleccionado con la <span style="text-decoration: underline;"> tag).
Cambiar color de fondo Elemento Texto Permite cambiar el color de fondo del bloque seleccionado (agrega style="background-color: rgba(170, 86, 255, 0,87)).
Cambiar color de fuente Elemento Texto Permite cambiar el color de todo el texto del bloque o solo el texto seleccionado en el bloque ( <span style="color: #56ff56;"> ).
Imagen Bloque que contiene una imagen Permite insertar una imagen de un archivo guardado localmente.
Eliminar Cualquier bloque Elimina el bloque y su contenido.
Duplicar Cualquier bloque Duplica el bloque, incluidos los estilos vinculados a él.

Administración de la estructura y el estilo de la página de aterrizaje

Administración de bloques en el editor de contenido

Los diferentes elementos de contenido HTML se muestran en la página de aterrizaje como bloques, correspondientes a la etiqueta <div> </div> . Seleccione un bloque para interactuar con él. Luego estará rodeada por una caja azul.
Si se selecciona un bloque, los objetos principales del elemento HTML correspondiente se mostrarán en una ruta de exploración ubicada en la parte inferior de la zona de edición.
Cuando el ratón se sitúa sobre uno de los elementos de la ruta de exploración, se resalta el elemento correspondiente. Por lo tanto, puede desplazarse fácilmente entre los diferentes bloques y seleccionar exactamente el elemento HTML que desea modificar.
Utilice las opciones de la paleta y la barra de herramientas contextual para modificar, eliminar o duplicar el bloque.
Para los bloques que contienen texto, vuelva a hacer clic en el bloque para activar el modo de edición de texto. El marco alrededor del bloque se vuelve verde. A continuación, puede seleccionar o introducir texto. Utilice las opciones de la paleta y la barra de herramientas contextual para agregar un vínculo o modificar el formato del texto.
Parámetros definidos para un elemento de un bloque (vínculos, campos de personalización, bloques de contenido, etc.) puede modificarse en cualquier momento desde la paleta.

Adición de un borde y un fondo en el editor de contenido

Asimismo, se puede definir un de fondo seleccionando un color en la tabla de colores. Este color se aplica al bloque seleccionado.
You can add a border to the selected block.

Cambio del estilo de texto en el editor de contenido

Para cambiar el estilo del texto, debe hacer clic dentro de un bloque de texto.
Para cambiar la alineación del texto, seleccione uno de los tres iconos siguientes en la paleta de la izquierda:
  • Alinear a la izquierda : alinea el texto a la izquierda del bloque seleccionado (agrega style="text-align: left;").
  • Centro : centra el texto en el bloque seleccionado (agrega style="text-align: center;").
  • Alinear a la derecha : alinea el texto a la derecha del bloque seleccionado (agrega style="text-align: right;").
También puede utilizar la barra de herramientas para cambiar los atributos de fuente: adaptar el tamaño de fuente, poner el texto en negrita o en cursiva, subrayar o cambiar el color del texto. Consulte esta sección .

Inserción de imágenes en una página de aterrizaje

  1. En el contenido de una página de aterrizaje, seleccione un bloque que contenga una imagen.
  2. Seleccione el Insert botón.
  3. Elija Local image en la barra de herramientas contextual.
  4. Seleccione un archivo.
  5. Ajuste las propiedades de la imagen según sea necesario.

Definición de contenido dinámico en una página de aterrizaje

Para definir el contenido dinámico en una página de aterrizaje, seleccione un bloque con la ruta de exploración o haga clic directamente en un elemento.
Algunos bloques, como las imágenes, no se pueden seleccionar directamente. En este caso, seleccione el bloque principal mediante la ruta de exploración. A continuación, puede modificar todos los elementos incluidos en este elemento principal, incluidas las imágenes. La condición se aplicará a todos los elementos secundarios dentro del bloque principal.
La ruta de exploración se presenta en la sección Administración de bloques .
Los siguientes pasos para definir contenido dinámico en una página de aterrizaje son similares a los pasos a seguir para un correo electrónico. Consulte esta sección .
Si un elemento de variante está delineado en rojo, significa que aún no se ha definido una expresión.
Puede desplazarse entre los distintos contenidos dinámicos de un bloque. Para ello:
  1. Seleccione el bloque.
    Las flechas aparecen en los lados derecho e izquierdo de la imagen.
  2. Haga clic en la flecha derecha para navegar por el contenido dinámico disponible.
    Las flechas de cada lado se atenuan según se haya alcanzado el último o el primer contenido dinámico disponible.
  3. Para eliminar todas las condiciones aplicadas a un bloque, selecciónelo y haga clic en el Disable dynamic content icono .
  4. Seleccione el contenido dinámico que desea conservar.
En la paleta:
  • El contenido que tiene una expresión ingresada ya no está delineado en rojo, sino que se muestra en gris.
  • El contenido seleccionado actualmente aparece en azul.