Crear páginas de destino
Aprende a crear y personalizar una página de destino utilizando el editor de arrastrar y soltar, para que puedas hacer crecer tu audiencia y recopilar preferencias directamente en Braze.
Requisitos previos
Para acceder al creador de páginas de destino, necesitas ciertos permisos. Si no tienes acceso, solicita ayuda al administrador de Braze.
Crear una página de destino
Paso 1: Crear un nuevo borrador
Ve a Mensajería > Páginas de destino y, a continuación, selecciona Crear página de destino. También puedes seleccionar el nombre de una página de destino existente para duplicarla o realizar cambios en ella.
Paso 2: Introduce los datos de la página
Añade detalles internos y públicos que te ayuden a organizar, promocionar y compartir tu página de destino.
Información general
Introduce un nombre y una descripción para la página de destino. Estos datos se utilizan para buscar la página en tu espacio de trabajo interno. No serán visibles para tus clientes.
Detalles del sitio
Configure metaetiquetas para personalizar la apariencia de su página en la pestaña del navegador y optimizarla para los resultados de los motores de búsqueda. Serán visibles para sus clientes.
Te sugerimos que sigas estas buenas prácticas:
| Campo | Descripción | Recomendaciones |
|---|---|---|
| Título del sitio | El título que aparece en la pestaña del navegador. | Utilice hasta 60 caracteres. |
| Metadescripción | Fragmento de texto que aparece en los resultados de búsqueda. | Utilice entre 140 y 160 caracteres. |
| Favicon | El icono que aparece junto al título del sitio en la pestaña del navegador. | Utilice una relación de aspecto de 1:1 y un tipo de archivo compatible PNG, JPEG o ICO. |
| URL de la página | Esta es la ruta URL de tu página de destino. Este valor también se utiliza cuando se emplean etiquetas de Liquid de la página de destino que puedes incrustar en un mensaje para identificar automáticamente cuándo envían tu formulario. | Este valor debe ser único en todo tu espacio de trabajo. |
Paso 3: Personaliza la página
Si aún no lo has hecho, selecciona Guardar como borrador. Para empezar a personalizar tu página, selecciona Editar página de destino. El editor de arrastrar y soltar se precargará con una plantilla predeterminada que puedes personalizar para adaptarla a tu caso de uso.
El editor utiliza dos tipos de componentes para la composición de la página de destino: bloques básicos y bloques de formulario. Todos los bloques deben colocarse en fila.
Puedes utilizar estos bloques para añadir contenido y personalizar el diseño de tu página de destino.
| Tipo de bloque | Descripción |
|---|---|
| Título | Bloque de texto para añadir un encabezado o título a tu contenido. Útil para estructurar secciones y mejorar la legibilidad. |
| Párrafo | Un bloque de texto para descripciones más largas o contexto adicional. Admite formato de texto enriquecido. |
| Botón | Elemento en el que se puede hacer clic y que dirige a los usuarios a una acción específica, como abrir un enlace o enviar un formulario. |
| Botón de radio | Añade una lista de opciones entre las que los usuarios pueden seleccionar una. Cuando se envía, el perfil de usuario registra el atributo personalizado asociado. |
| Imagen | Un bloque para mostrar imágenes. Puedes subir una imagen o proporcionar una URL para hacer referencia a una fuente externa. |
| Enlace | Un hipervínculo en el que los usuarios pueden hacer clic para navegar a una URL específica. Se puede integrar en el texto o utilizarse de forma independiente. |
| Espaciador | Un bloque invisible que añade espacio vertical entre los elementos para mejorar el diseño y la legibilidad. |
| Código personalizado | Un bloque que te permite insertar y ejecutar HTML, CSS o JavaScript personalizados para una personalización avanzada. |
Texto de extensión
Para aplicar un estilo específico a bloques de texto sin código personalizado, resalta el texto al que quieras aplicar estilo y selecciona Ajustar con span para el estilo.
Ajusta las propiedades span para actualizar el estilo de tu texto, que incluye:
- Familia tipográfica, peso, tamaño
- Altura de la línea
- Espaciado de letras
- Alineación y color del texto
- Relleno de bloque
Puedes utilizar estos bloques para crear un formulario que vincule los datos enviados por el usuario con su perfil en Braze. Ten en cuenta que, si utilizas bloques de formulario, también tendrás que crear una página de destino adicional para el estado de confirmación.
| Tipo de bloque | Descripción |
|---|---|
| Captura de correo electrónico | Un campo de formulario para direcciones de correo electrónico. Una vez enviada, la dirección de correo electrónico se añade al perfil de usuario en Braze. |
| Captura telefónica | Un campo de formulario para números de teléfono. Una vez enviado, el usuario quedará suscrito a tu grupo de suscripción por SMS o WhatsApp. |
| Campo de entrada de datos | Un campo de formulario que admite atributos estándar (como nombre y apellidos) o una cadena de atributos personalizados de tu elección. |
| Desplegable | Los usuarios pueden seleccionar un elemento de una lista predefinida. Puedes añadir cualquier cadena de atributos personalizados a la lista. |
| Casilla de verificación | Si un usuario marca la casilla, el atributo del bloque se establece en true. Si no se marca, su atributo se establece en false. |
| Grupo de casillas de verificación | Los usuarios pueden seleccionar entre varias opciones presentadas. Los valores se establecen o se añaden a un atributo personalizado de matriz definido. |
Después de crear una página de destino con un formulario, asegúrate de incrustar la etiqueta de Liquid de la página de destino en tu mensaje. Con esta etiqueta, Braze puede identificar y actualizar automáticamente los perfiles de usuario existentes cuando envían el formulario.
Estilos de contenedor de página
Puedes configurar los estilos que se aplicarán a todos los bloques de componentes relevantes de tu página de destino desde la pestaña Contenedor de página. Estos estilos se utilizarán en todas las partes de su página excepto cuando los anule con un bloque específico.
Se recomienda configurar los estilos a nivel de contenedor de página antes de personalizar los estilos a nivel de bloque. También puede añadir una imagen de fondo para toda la página.
Receptivo con los dispositivos de los usuarios
Puedes hacer que tu página de destino sea receptiva al tamaño del dispositivo del usuario apilando verticalmente las columnas en pantallas más pequeñas. Para habilitarlo, añade una columna a la fila que deseas que sea receptiva y, a continuación, alterna la opción Apilar verticalmente en pantallas más pequeñas en la sección Personalizar columnas.
Cuando está habilitado, también puedes invertir las columnas apiladas para controlar el orden vertical del contenido de varias columnas en pantallas más pequeñas. Esto hace que las páginas se vean y se sientan mejor en dispositivos móviles sin necesidad de código personalizado.
Campos opcionales y obligatorios
Puedes elegir si un campo del formulario es obligatorio u opcional. Los campos obligatorios deben completarse antes de enviar el formulario. Los campos opcionales pueden dejarse en blanco o sin seleccionar por parte del usuario.
Por ejemplo, para exigir la obtención del consentimiento antes de enviar el formulario, puedes activar la opción «Campo de entrada obligatorio» para establecer una casilla de verificación obligatoria con el texto de exención de responsabilidad adecuado.
Paso 4: Crea una página de confirmación (opcional)
Si tu página de destino no incluye un formulario, continúa con el siguiente paso.
Si tu página de destino incluye un formulario, crea una segunda página de destino que sirva como experiencia de confirmación. Esta página debería dar las gracias a los usuarios o indicar el siguiente paso tras enviar el formulario.
Para enlazar la página de confirmación:
- Selecciona el botón Enviar en tu formulario.
- Utiliza la acción Abrir URL Web para enlazar con tu página de confirmación.
Si no incluyes una página de confirmación, es posible que los usuarios no sepan si tu formulario se ha enviado correctamente. Incluye siempre una experiencia de confirmación para completar el recorrido.
Si la página de confirmación se abre en una nueva pestaña, un usuario que vuelva a la página de destino original y vuelva a enviar la información actualizada puede sobrescribir el envío anterior, lo que daría lugar a datos incoherentes.
Si configuras un botón con la opción Enviar formulario al hacer clic en el botón habilitada y utilizas el comportamiento Al hacer clic para abrir una URL Web en una nueva pestaña, el bloqueador de ventanas emergentes integrado en iOS Safari puede impedir que la navegación funcione. Esto ocurre porque el envío del formulario seguido de la apertura de una nueva pestaña se trata como una ventana emergente.
Para evitar este problema, configura los botones con envío de formularios para que abran la URL resultante en la misma pestaña (no en una nueva pestaña). Los botones sin envío de formularios pueden abrir URL en nuevas pestañas sin problemas.
Paso 5: Vista previa de la página
Puedes previsualizar tu página de destino en la pestaña Vista previa del editor. Después de guardar su página de destino como borrador, puede visitar la URL yendo a Páginas de destino y seleccionando Copiar URL junto a su página de destino. También puedes compartir la URL con colaboradores.
Antes de publicar, asegúrate de que:
- No has superado el límite de páginas de destino publicado en tu plan.
- Cada página basada en formularios enlaza con una página de confirmación mediante la acción Abrir URL Web.
- Todos los campos obligatorios de la página (como la ruta URL y el título) están completos.
Cuando estés listo, selecciona Publicar página de destino.
Uso de plantillas
Utiliza plantillas de páginas de destino para crear plantillas para tus próximas campañas. Se puede acceder a estas plantillas y administrarlas tanto en el editor de páginas de destino como en la sección Plantillas del panel (Plantillas > Plantillas de páginas de destino). Las plantillas de páginas de destino requieren un nombre y, opcionalmente, una descripción.
Gestión de plantillas
Puedes obtener una vista previa, archivar, editar o duplicar plantillas de páginas de destino. Al editar una página de destino, también puedes guardarla como plantilla, realizar cambios en la plantilla o eliminar el contenido de la página de destino.
Ver análisis
Para analizar la eficacia de tu página de destino, ve a Mensajería > Páginas de destino y, a continuación, selecciona una página de destino que hayas publicado. Aquí puedes hacer un seguimiento del número de visitas, clics y tasas de envío de tu página de destino.
Gestión de errores en el envío de formularios
Si un usuario intenta enviar un formulario con datos faltantes o no compatibles, verás un mensaje de error genérico y no podrás enviarlo.
Causas comunes:
- Los campos obligatorios se dejan en blanco.
- Se utilizan caracteres especiales en las entradas de texto.
- No se ha seleccionado una casilla de verificación obligatoria.
Los mensajes de error que se muestran a los usuarios no se pueden personalizar. Realiza una vista previa de tu página de destino para confirmar el comportamiento de los campos antes de publicarla.
Editar esta página en GitHub