Diseño de una página de aterrizaje designing-a-landing-page
Acerca del diseño de contenido de una página de aterrizaje about-content-design
Las páginas de aterrizaje se crean como cualquier actividad de marketing.
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 selector 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.
En esta página se describen las características específicas del editor de contenido de páginas de aterrizaje. Para obtener más información sobre las acciones comunes para una o varias actividades de marketing, consulte estas secciones en la guía Diseño de contenido de correo electrónico:
Interfaz del editor de contenido de página de aterrizaje landing-page-content-editor-interface
El editor de contenido de páginas de aterrizaje le permite definir, modificar y personalizar fácilmente el contenido en Adobe Campaign. Para acceder a él, haga clic en el bloque Content del panel de una página de aterrizaje.
El editor de contenido está organizado en tres secciones diferentes. Estas secciones le permiten ver y editar el contenido.
- 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 del texto, condición de visibilidad, etc. Consulte Inserción de un campo de personalización.
- La barra de acciones contiene las opciones generales de la página. Puede seleccionar una plantilla y cambiar el modo de visualización.
- 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.
La barra de herramientas es un elemento contextual de la interfaz del editor que incluye varias funciones según la zona seleccionada. Contiene botones de acción y botones que permiten cambiar el estilo del texto. Las modificaciones realizadas se aplican siempre a la zona seleccionada. Una vez seleccionado un bloque, puede eliminarlo o duplicado, por ejemplo. Después de seleccionar el texto dentro de un bloque, puede convertirlo en un vínculo o ponerlo en negrita.
Administración de la estructura y el estilo de página de aterrizaje managing-landing-page-structure-and-style
Administración de bloques en el editor de contenido managing-blocks-in-the-content-editor
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. Después, aparece rodeado por un recuadro azul.
Si se selecciona un bloque, los objetos principales del elemento HTML correspondiente se muestran 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, este aparece resaltado. 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 duplicado 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 añadir un vínculo o modificar el formato del texto.
Los parámetros definidos para un elemento de un bloque (vínculos, campos de personalización, bloques de contenido, etc.) pueden modificarse en cualquier momento desde la paleta.
Añadir un borde y un fondo en el editor de contenido adding-a-border-and-a-background-in-the-content-editor
Asimismo, se puede definir un de fondo seleccionando un color en la tabla de colores. Este color se aplica al bloque seleccionado.
Se puede añadir un borde al bloque seleccionado.
Cambio del estilo de texto en el editor de contenido changing-the-text-style-in-the-content-editor
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 (añade style="text-align: left;").
- Centrar: centra el texto en el bloque seleccionado (añade style="text-align: center;").
- Alinear a la derecha: alinea el texto a la derecha del bloque seleccionado (añade style="text-align: right;").
También puede utilizar la barra de herramientas para cambiar los atributos de la fuente: adaptar el tamaño de letra, 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 inserting-images-in-a-landing-page
-
En el contenido de una página de aterrizaje, seleccione un bloque que contenga una imagen.
-
Seleccione el botón Insert.
-
Elija Local image en la barra de herramientas contextual.
-
Seleccione un archivo.
-
Ajuste las propiedades de la imagen según sea necesario.
Definición de contenido dinámico en una página de aterrizaje defining-dynamic-content-in-a-landing-page
Para definir 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 aplica 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 que se deben seguir para un correo electrónico. Consulte esta sección.
Puede desplazarse entre los distintos elementos del contenido dinámico de un bloque. Para ello:
-
Seleccione el bloque.
Aparecen flechas a ambos lados de la imagen.
-
Haga clic en la flecha derecha para navegar por el contenido dinámico disponible.
Las flechas de cada lado se atenúan según se haya alcanzado el último o el primer elemento del contenido dinámico disponible.
-
Para eliminar todas las condiciones aplicadas a un bloque, selecciónelo y haga clic en el icono Disable dynamic content.
-
Seleccione el contenido dinámico que desea conservar.
En la paleta:
- El contenido que tiene una expresión incluida ya no está delineado en rojo y se muestra en gris.
- El contenido seleccionado actualmente aparece en azul.
