DocumentaciónCampaignDocumentación de Campaign Classic v7

[También se aplica a v8]{class="badge positive" title="También se aplica a Campaign v8"}

Creación de una página de aterrizaje creating-a-landing-page

Last update: Fri Jul 19 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Acerca de la creación de páginas de destino about-landing-pages-creation

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 creating-the-landing-page

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. Seleccione 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 Activate outbound transitions, desactive la opción Properties.

  7. Guarde los cambios.

A continuación, se obtiene la siguiente secuencia:

NOTE
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 step-1---selecting-and-loading-templates

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.

    note caution
    CAUTION
    Debe esperar hasta que reciba el siguiente mensaje antes de cerrar: The external resources have been successfully published.

  5. Seleccione 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.

CAUTION
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 explorador antes de importar los archivos al DCE.

Paso 2: Configuración del contenido step-2---configuring-the-content

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 modifying-content

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 linking-form-fields

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.

Creación de un vínculo a la página siguiente creating-a-link-to-the-next-page

Este paso es obligatorio porque permite a la aplicación web determinar la secuencia de los siguientes pasos: Guardar los datos recopilados en la base de datos y mostrar la página siguiente (página de agradecimiento).

  1. Seleccione el botón Send it! de la página Collection.

  2. Haga clic en el menú desplegable Action.

  3. Seleccione la acción Next page.

Inserción de un campo de personalización. inserting-a-personalization-field

Este paso le permite personalizar la página de agradecimiento. Para ello:

  1. Abra la página Thank you.

  2. Coloque el cursor en un área de texto donde desee insertar el nombre del destinatario.

  3. En el menú Personalization field de la barra de herramientas, seleccione Insert.

  4. Seleccione el nombre.

El campo de personalización aparece con fondo amarillo en el editor.

Paso 3: Publicación de contenidos step-3---publishing-content

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.

NOTE
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.

recommendation-more-help
601d79c3-e613-4db3-889a-ae959cd9e3e1