Saltar al contenido

Crear una Cloud Page

Utilice esta guía para crear y publicar una Cloud Page. Una Cloud Page es una página web pública que usted construye en Pushwoosh para campañas promocionales, formularios de captación de clientes potenciales, cuestionarios y otras páginas de destino de tipo “click-through”.

Antes de empezar

Anchor link to
  • Cloud Pages está disponible bajo petición. Contacte con el Soporte de Pushwoosh para habilitarlo en su proyecto.
  • Decida a dónde redirigir a los usuarios después de la acción principal en la página. La redirección puede ser cualquier URL que usted controle, por ejemplo, una página de agradecimiento, una página de resultados, otra Cloud Page u otra URL de campaña. Prepare esa URL antes de probar el envío.

Crear una página

Anchor link to
  1. Vaya a ContenidoCloud Pages.
  2. Haga clic en Crear cloud page. Esto abre directamente el editor de la página, donde el nombre, la redirección y el contenido se encuentran en una sola pantalla.
Vista de lista de Cloud Pages con el botón Crear cloud page resaltado por una flecha roja
  1. Haga clic en el nombre de la página junto a Crear página: e introduzca un nombre.
  2. Añada la URL en Después del envío, redirigir a. Este campo es obligatorio. Utilícelo para definir a dónde van los usuarios después de completar una acción en la página, por ejemplo, a una página de agradecimiento u otra página de campaña.
Barra superior del editor de Cloud Page con el nombre de la página, el campo de URL para redireccionar después del envío y el menú desplegable para usuarios existentes
  1. En el menú desplegable de al lado, elija qué sucede cuando un contacto existente envía el formulario de nuevo:
    • Actualizar usuario existente (predeterminado): actualiza los campos del perfil del contacto con los valores enviados.
    • Omitir tags para usuario existente: registra el dispositivo desde el que el usuario realiza el envío, pero no actualiza los tags existentes en el perfil del contacto.
    • Mostrar error para usuario existente: para registros únicos como ofertas exclusivas o seminarios web. Si el contacto ya existe, el envío se rechaza, el perfil no se actualiza y el usuario es redirigido de vuelta al formulario y ve un mensaje de error.

Construir el contenido de la página

Anchor link to

La mayoría de las páginas de captación de clientes potenciales necesitan un bloque de Formulario. Siga los pasos de Crear un formulario de captación de clientes potenciales o de envío después de añadir el diseño básico. Si solo necesita contenido y un botón, puede omitir la sección del formulario.

  1. En el panel de Bloques a la derecha, haga clic o arrastre bloques al lienzo.
    • La mayoría de los bloques son los mismos que en el editor de correo electrónico. Para configurarlos, consulte la guía de bloques del editor de correo electrónico.
    • Grupo: suelte bloques en un Grupo cuando quiera mover, ocultar o dar estilo a varios de ellos juntos (fondo y espaciado compartidos), u organizarlos en una fila en lugar de apilados con Dirección: Horizontal. Añada o elimine bloques en el panel de Capas arrastrándolos dentro o fuera del grupo.
    • Formulario: vea Crear un formulario de captación de clientes potenciales o de envío a continuación.
  2. Edite el contenido del bloque en el lienzo.
  3. Repita para cada bloque que necesite.
  4. Haga clic en Guardar.
Editor de Cloud Page con el panel de Bloques abierto mostrando diseños de Encabezado a través de columnas y un lienzo vacío

Crear un formulario de captación de clientes potenciales o de envío

Anchor link to

Añada un formulario para recopilar datos de contacto y otros valores que necesite para la segmentación. Un Nombre del Tag es el nombre del campo que se guarda en el contacto. Utilice un nombre claro como email o fitness_goal para que pueda encontrar ese valor más tarde en los segmentos y en el User Explorer.

  1. Desde Bloques, añada un bloque de Formulario.
  2. En el panel de Formulario, bajo Campos, haga clic en Añadir campo.
Lista de Campos del panel de Formulario con el campo obligatorio Email y el botón Añadir campo
  1. En la lista de campos, haga clic en el icono de editar (lápiz) en el campo para abrir su configuración.

  2. En la configuración del campo, configure el campo:

    • Nombre del Tag: el nombre guardado en el contacto (por ejemplo, fitness_goal)
    • Tipo: el tipo de entrada (por ejemplo, Texto, Teléfono o Desplegable)
    • Etiqueta y Placeholder
    • Opciones (una por línea): si el Tipo es Desplegable, introduzca una opción por línea
    • Requerido: habilítelo si los usuarios deben rellenar este campo antes de enviar

    Para eliminar el campo, haga clic en Eliminar campo.

Configuración de un campo de formulario para un Desplegable con Nombre del Tag fitness_goal, Etiqueta Objetivo de fitness, lista de Opciones y Requerido habilitado
  1. Repita los pasos 2 a 4 para cada campo que necesite.

  2. Bajo Botón de envío, establezca la Etiqueta. Opcionalmente, ajuste el Fondo, el Color del texto y el Radio de la esquina.

Configuración del botón de envío con Etiqueta Obtener Mi Plan, Fondo de color sólido, Color del texto y Radio de la esquina
  1. Haga clic en Guardar.

Qué sucede después del envío del formulario

Anchor link to

Después del envío, Pushwoosh crea o actualiza el contacto y envía al usuario a su URL de redirección. Los detalles a continuación le ayudarán a verificar el resultado en el User Explorer y a utilizar el envío en Customer Journey. No son pasos de configuración adicionales en el editor.

Perfil de contacto y dispositivos

Anchor link to

Cuando un usuario envía el formulario, Pushwoosh crea o actualiza un perfil de contacto en User Explorer.

Por ejemplo, si el formulario incluye un campo de correo electrónico y un campo de teléfono, Pushwoosh registra un dispositivo de Email y un dispositivo de SMS. Ambos dispositivos están vinculados bajo un mismo User ID.

Perfil de contacto en User Explorer mostrando dispositivos de Email y SMS registrados después del envío del formulario

Todos los demás campos se guardan como tags personalizados por nombre de campo. Por ejemplo, si su formulario tiene los campos fitness_goal y workout_frequency, el perfil del contacto mostrará tags como fitness_goal = Boost endurance y workout_frequency = 3–4x a week.

El código de la página se guarda en el tag PW_CloudPageCode.

Perfil de contacto en User Explorer mostrando tags personalizados guardados después del envío del formulario

Pushwoosh dispara PW_FormSubmitted en cada envío de formulario. Puede verlo en la pestaña Historial de Eventos en el perfil del contacto en User Explorer. El evento incluye un atributo form_code que identifica de qué Cloud Page provino el envío, y una marca de tiempo de cuándo ocurrió.

Pestaña de Historial de Eventos de User Explorer con PW_FormSubmitted expandido para mostrar el atributo form_code

Utilícelo como un disparador en Customer Journey para iniciar secuencias de bienvenida, flujos de seguimiento y otras automatizaciones. Por ejemplo, puede construir un journey que envíe un correo electrónico de bienvenida inmediatamente después de que un usuario envíe un formulario de cuestionario de fitness, y luego haga un seguimiento con un plan de entrenamiento personalizado 24 horas después.

Probar la página

Anchor link to

Después de guardar la página, se vuelve accesible públicamente a través de su URL. El formato predeterminado es https://cloud-pages.svc-nue.pushwoosh.com/cloud-pages/v1/page/<page-code>.

  1. Utilice el control de retroceso en el editor para volver a ContenidoCloud Pages.
  2. En la lista de páginas, abra el menú de acciones de la página y haga clic en Vista previa.
  3. Copie la URL pública de la barra de direcciones del navegador cuando se abra la vista previa. Utilice esa URL en un CTA de mensaje, en Customer Journey o en un anuncio.
  4. Verifique que el contenido de la página se carga correctamente y se muestra como se esperaba.
  5. Si su página incluye un formulario, rellénelo con datos de prueba y haga clic en el botón de envío. Utilice un correo electrónico de prueba con un nombre claro para que pueda encontrar o eliminar ese contacto en el User Explorer después.
  1. Confirme que la redirección abre la página esperada.
  2. Abra User Explorer y confirme que los datos de usuario y los tags enviados se muestran.

Editar o eliminar una página

Anchor link to

Todas las Cloud Pages se listan en ContenidoCloud Pages, donde puede gestionarlas y editarlas.

  1. Vaya a ContenidoCloud Pages.
  2. Abra el menú de acciones de la página.
  3. Haga clic en Editar o Eliminar la página.
Lista de Cloud Pages con el menú de acciones de la página abierto mostrando Editar, Vista previa y Eliminar