Show Menu
TEMAS×

Creación de una página de destino

Acerca de la creación de páginas de destino

Este ejemplo de uso muestra el uso del editor digital para crear una página de destino desde la consola de Adobe Campaign.
Antes de empezar a configurar la página de destino en Adobe Campaign, asegúrese de tener una o más plantillas para representar las páginas HTML.
El objetivo principal de este ejemplo de uso es hacer que los campos de formulario de la página de destino se correspondan con los campos internos de Adobe Campaign mediante las funciones del DCE.

Creación de la página de destino

Para crear una nueva aplicación web de tipo página de destino, siga estos pasos:
  1. Vaya a la ficha Campaigns , haga clic en el vínculo Web application y, a continuación, haga clic en el botón Create .
  2. Seleccione la plantilla New landing page , introduzca una etiqueta y luego haga clic en Save .
  3. Haga clic en la pestaña Edit .
  4. Elimine la actividad End .
  5. Añada una actividad Page después de la actividad Storage .
  6. Edite la actividad Page 2 y, a continuación, en la pestaña Properties , desactive la opción Activate outbound transitions .
  7. Guarde los cambios.
A continuación, se obtiene la siguiente secuencia:
Para obtener más información sobre la creación de una aplicación web, consulte esta sección .

Paso 1: Selección y carga de plantillas

En esta sección, se muestra cómo importar contenido HTML para cada página de la aplicación web.
Una plantilla debe contener:
  • un archivo HTML (obligatorio).
  • uno o varios archivos CSS (opcionales).
  • una o varias imágenes (opcionales).
Para cargar la plantilla en la primera página, realice los pasos siguientes:
  1. Abra la primera actividad Page de la aplicación web.
  2. Seleccione From a file para buscar la plantilla de contenido.
  3. Seleccione el archivo HTML que desea utilizar.
  4. Haga clic en Abrir para iniciar la importación.
    Durante la carga se muestra la lista de archivos compartidos. El sistema de importación comprueba que todos los archivos relacionados con el HTML seleccionado estén presentes (CSS, imágenes, etc.).
    Haga clic en el botón Close cuando haya finalizado la importación.
    Debe esperar hasta que reciba el siguiente mensaje antes de cerrar: The external resources have been successfully published .
  5. Haga clic en la pestaña Properties .
  6. Escriba una etiqueta para cada página (por ejemplo: Página 1= Recopilar, Página 2=Gracias).
Realice estos pasos para cada página insertada en la aplicación web.
El DCE ejecuta el código JavaScript para la página HTML cargada. Errores de JavaScript en la plantilla HTML que pueden aparecer en la interfaz de Adobe Campaign. Estos errores no están relacionados con el editor. Para comprobar que no haya errores en los archivos importados, se recomienda probarlos en un navegador (Internet Explorer, Firefox, Chrome) antes de importar los archivos al DCE.

Paso 2: Configuración del contenido

En esta sección, se muestra cómo ajustar el contenido importado y relacionar los campos de la base de datos al formulario de la página web. La aplicación web creada anteriormente es:

Modificación del contenido

Comencemos por cambiar los colores de la página. Para ello:
  1. Abra la página Collection .
  2. Haga clic en el fondo.
  3. Haga clic en Color de fondo , en el lado derecho.
  4. Seleccione un nuevo color de fondo.
  5. Haga clic en Aceptar para confirmar el cambio.
  6. Aplique estos mismos procesos para cambiar el color del botón.

Vinculación de campos de formulario

Enlacemos los campos de la página a los de la base de datos para poder guardar la información proporcionada.
  1. Seleccione un campo del formulario.
  2. Edite la sección Field en el lado derecho del editor.
  3. Seleccione el campo de base de datos que desea vincular con el campo seleccionado.
  4. Repita este proceso para cada campo de la página.
Puede hacer que un campo sea obligatorio: por ejemplo, haga clic en el campo Email y active la opción Mandatory .

Inserción de un campo personalizado

Este paso le permite personalizar la página de agradecimiento. Para ello:
  1. Abra la página de agradecimiento .
  2. Coloque el cursor en un área de texto donde desee insertar el nombre del destinatario.
  3. En el menú Insert de la barra de herramientas, seleccione Personalization field .
  4. Seleccione el nombre.
El campo de personalización aparece con fondo amarillo en el editor.

Paso 3: Publicación de contenidos

El contenido se publica desde el panel de aplicaciones web. Haga clic en el botón Publish para ejecutarlo.
Durante la publicación se muestra un “log”. El sistema de publicación analiza todo el contenido encontrado en la aplicación web.
En el “log” de publicación, las advertencias y los errores se ordenan por actividad.
El formulario ya está disponible: la dirección URL está disponible en el panel de aplicaciones y se puede enviar a los destinatarios.