Skip to content

Bloques de editor de arrastrar y soltar

Los bloques de editor son las piezas que arrastras a las filas y columnas en el editor de arrastrar y soltar.

Selecciona el editor que estás usando:

Bloques de editor de mensajes dentro de la aplicación

Los bloques de editor se encuentran en la sección Crear para mensajes dentro de la aplicación. Arrastra un bloque a una columna; se ajusta automáticamente al ancho de la columna. Selecciona un bloque para editar su configuración en el panel del lado derecho.

Para más información sobre cómo crear mensajes dentro de la aplicación en el editor de arrastrar y soltar, consulta Crear un mensaje dentro de la aplicación con arrastrar y soltar.

Título y párrafo

Añade texto de título o párrafo al mensaje.

propiedad Descripción
Familia tipográfica El estilo de fuente del texto.
Grosor de fuente Determina el grosor del texto.
Tamaño de fuente Determina el tamaño del texto.
Altura de línea Modifica la distancia entre líneas de texto.
Espaciado entre letras Modifica la distancia entre cada carácter.
Alineación del texto Mueve el texto para alinearlo a la izquierda, al Centro, a la derecha o justificado.
Color del texto Modifica el color del texto.

Botón

Añade un botón estándar con estilo, enlaces y análisis configurables.

propiedad Descripción
Ancho del botón Modifica el ancho del botón para que sea automático o manual.
Familia tipográfica El estilo de fuente del texto.
Grosor de fuente Determina el grosor del texto.
Tamaño de fuente Determina el tamaño del texto.
Espaciado entre letras Modifica la distancia entre cada carácter.
Alineación del botón Mueve el botón para que esté orientado a la izquierda, al centro o a la derecha.
Color del texto del botón Modifica el color del texto en el botón.
Color de fondo Modifica el color del fondo del botón.
Estilo del borde Determina el estilo del borde del botón.
Radio del borde Determina qué tan redondeadas son las esquinas.

Comportamiento al hacer clic

Acción Descripción
Enviar formulario cuando se hace clic en el botón Envía el formulario y ejecuta el comportamiento de clic seleccionado. Desactiva esta opción para ejecutar únicamente el comportamiento de clic.
Establecer comportamientos separados para cada plataforma Personaliza el comportamiento del botón para cada plataforma de forma independiente.
Comportamiento de clic Determina la acción cuando el usuario hace clic en el botón, como cerrar el mensaje, abrir una URL web, crear un vínculo profundo a una página específica de la aplicación, ir a otra página o solicitar permiso push.
Registrar atributos personalizados o eventos Determina si hacer clic en el botón actualiza el perfil del usuario con datos personalizados. También puedes seleccionar el identificador para informes.

Botón de opción

Añade una lista de opciones de las cuales los usuarios pueden seleccionar una. Al enviar, el perfil de usuario registra el atributo personalizado asociado, que debe ser una cadena para guardarse. Los atributos personalizados con otros tipos de datos no se guardan en el perfil de usuario.

propiedad Descripción
Nombre del atributo personalizado Selecciona qué atributo personalizado de usuario almacena la opción seleccionada del usuario cuando se envía el formulario.
Opciones totales La lista de opciones; cada opción tiene un Texto de etiqueta (lo que ven los usuarios) y un Valor de atributo (lo que se almacena). Puedes añadir hasta 15 opciones, con un mínimo de 2.
Familia tipográfica Tipo de letra para el texto del grupo de botones de opción.
Grosor de fuente Grosor (como ligero, normal o negrita) del texto.
Tamaño de fuente Tamaño del texto.
Altura de línea Espaciado vertical entre líneas de texto.
Color del texto Color del texto de la etiqueta de la opción.
Espaciado entre letras Espaciado horizontal entre caracteres.
Alineación Alineación horizontal de las opciones dentro del bloque.
Color de acento Color utilizado para los controles de botón de opción (como el indicador de estado seleccionado).
Relleno Espaciado alrededor del bloque.

Imagen

Inserta una imagen de la biblioteca de medios.

Propiedad Descripción
URL La dirección alojada de la imagen.
Alineación Mueve la imagen para que esté orientada a la izquierda, al centro o a la derecha.
Color de fondo Modifica el color del fondo de la imagen.
Estilo de borde Determina el estilo del borde de la imagen.
Radio de borde Determina qué tan redondeadas son las esquinas de la imagen.

Para las especificaciones de imagen, consulta nuestras especificaciones de imagen de mensajes dentro de la aplicación.

Comportamiento al hacer clic

Acción Descripción
Texto alternativo El texto escrito que aparece en lugar de una imagen si esta no se carga. Los lectores de pantalla anuncian el texto alternativo para explicar las imágenes, así que usa un lenguaje sencillo para proporcionar información clave sobre una imagen.
Enviar formulario cuando se hace clic en la imagen Envía el formulario y ejecuta el comportamiento de clic seleccionado. Desactiva esta opción para ejecutar solo el comportamiento de clic.
Establecer comportamientos separados para cada plataforma Personaliza el comportamiento de la imagen para cada plataforma por separado.
Comportamiento de clic Determina la acción cuando el usuario hace clic en la imagen, como cerrar el mensaje, abrir una URL web, crear un vínculo profundo a una página específica de la aplicación, ir a otra página o solicitar permiso push.
Registrar atributos personalizados o eventos Determina si hacer clic en la imagen actualiza el perfil del usuario con datos personalizados. También puedes seleccionar el identificador para informes.

Inserta un hipervínculo en el que los usuarios pueden hacer clic para navegar a una URL especificada. Puede estar incrustado dentro del texto o ser independiente.

Propiedad Descripción
Familia de fuentes El estilo de fuente del texto.
Grosor de fuente Determina el grosor del texto.
Espaciado entre letras Modifica la distancia entre cada carácter.
Color del texto Modifica el color del texto.

Comportamiento al hacer clic

Acción Descripción
URL El hipervínculo al que se navegará.
Identificador para informes Determina el identificador para informes.

Espaciador

Añade espacio o relleno entre otros bloques.

Propiedad Descripción
Color de fondo Modifica el color de fondo del espaciador.
Altura Modifica la altura del espaciador. También puedes modificar esto usando los controles de cambio de tamaño en el espaciador.

Código personalizado

Inserta HTML, CSS o JavaScript personalizado para personalización avanzada.

Propiedad Descripción
Código personalizado Te permite añadir, editar o eliminar HTML, CSS y JavaScript para un mensaje dentro de la aplicación.

Captura de teléfono

Inserta un campo de formulario para números de teléfono. Al enviar, el usuario se suscribe al grupo de suscripción de SMS o WhatsApp.

Propiedad Descripción
Grupo de suscripción El grupo de suscripción de SMS o WhatsApp al que el usuario está suscrito al enviar. Incluye una opción para recopilar números de teléfono de todos los países.
Alineación del texto Mueve el texto para alinearlo a la izquierda, al centro, a la derecha o justificado.
Texto del marcador de posición Un número de teléfono de marcador de posición para mostrar.

Captura de correo electrónico

Inserta un campo de formulario para direcciones de correo electrónico. Al enviar, la dirección de correo electrónico se añade al perfil de ese usuario en Braze.

Propiedad Descripción
Font family El estilo de fuente del texto.
Font weight Determina el grosor del texto.
Font size Determina el tamaño del texto.
Line height Modifica la distancia entre líneas de texto.
Text color Modifica el color del texto.
Letter spacing Modifica la distancia entre cada carácter.
Text alignment Mueve el texto para alinearlo a la izquierda, al centro, a la derecha o justificado.
Placeholder text Una dirección de correo electrónico de marcador de posición para mostrar.

Texto corto

Inserta un campo de formulario que admite atributos estándar (como nombre y apellido) o una cadena de atributo personalizado de tu elección.

Propiedad Descripción
Campo de entrada obligatorio Indica si el campo debe completarse antes de poder enviar el formulario.
Máximo de caracteres Limita cuántos caracteres puede escribir un usuario (los atributos personalizados de cadena tienen un límite de 255).
Texto del marcador de posición Texto que se muestra dentro del campo de entrada hasta que el usuario escribe.
Atributo Almacena el valor enviado como Nombre, Apellido o un Atributo personalizado en el perfil de usuario.
Nombre del atributo personalizado Selecciona qué atributo personalizado de cadena recibe el valor enviado (disponible cuando Atributo está configurado como Atributo personalizado).
Familia tipográfica Tipo de letra del texto de entrada.
Grosor de fuente Grosor (como ligero, normal o negrita) del texto de entrada.
Tamaño de fuente Tamaño del texto de entrada.
Altura de línea Espaciado vertical entre líneas de texto.
Espaciado entre letras Espaciado horizontal entre caracteres.
Color Color del texto escrito en el campo.
Alineación del texto Alineación horizontal del texto de entrada dentro del campo.
Relleno Espaciado alrededor del bloque.

Desplegable

Inserta un desplegable con una lista predefinida de elementos de los cuales los usuarios pueden seleccionar uno. Puedes añadir cualquier cadena de atributo personalizado a la lista.

Propiedad Descripción
Campo de entrada obligatorio Indica si el usuario debe seleccionar una opción antes de poder enviar el formulario.
Texto del marcador de posición Texto que se muestra en el menú desplegable hasta que un usuario selecciona una opción.
Nombre del atributo personalizado Selecciona qué atributo personalizado de usuario recibe el valor seleccionado.
Total de opciones La lista de opciones; cada opción tiene una Etiqueta de opción (lo que ven los usuarios) y un Valor del atributo (lo que se almacena).
Familia tipográfica Tipo de letra del texto del menú desplegable.
Grosor de fuente Grosor (como ligero, normal o negrita) del texto.
Tamaño de fuente Tamaño del texto.
Altura de línea Espaciado vertical entre líneas.
Color del texto Color del texto del menú desplegable.
Espaciado entre letras Espaciado horizontal entre caracteres.
Alineación Alineación horizontal del menú desplegable (izquierda o centro).
Relleno Espaciado alrededor del bloque.

Casilla de verificación

Inserta una casilla de verificación. Si el usuario marca la casilla, el atributo personalizado booleano del bloque se establece en true. Si se deja sin marcar, su atributo se establece en false.

Propiedad Descripción
Campo de entrada obligatorio Indica si la casilla de verificación debe estar marcada antes de que se pueda enviar el formulario.
Nombre del atributo personalizado Selecciona qué atributo personalizado booleano recibe true cuando está marcado o false cuando no lo está.
Color de acento Color utilizado para el estilo del control de la casilla de verificación.
Relleno Espaciado alrededor del bloque.

Grupo de casillas de verificación

Los usuarios pueden seleccionar entre múltiples opciones. Los valores se establecen o añaden a un atributo personalizado de tipo array definido.

propiedad Descripción
Campo de entrada obligatorio Indica si el usuario debe seleccionar al menos el número mínimo de opciones antes de enviar.
Opciones mínimas Número mínimo de opciones que un usuario debe seleccionar (cuando el campo es obligatorio).
Opciones máximas Número máximo de opciones que un usuario puede seleccionar.
Nombre del atributo personalizado Selecciona a qué atributo personalizado de tipo array se escriben los valores seleccionados.
Acción Establece si el envío Sets items (reemplaza el array) o Adds items (agrega al array).
Total de opciones La lista de opciones; cada opción tiene un Label text (lo que ven los usuarios) y un Attribute value (lo que se almacena).
Familia tipográfica Tipo de letra para las etiquetas de opciones.
Grosor de fuente Grosor (como ligero, normal o negrita) del texto de la etiqueta de opción.
Tamaño de fuente Tamaño del texto de la etiqueta de opción.
Altura de línea Espaciado vertical entre líneas de texto.
Color de texto Color del texto de la etiqueta de opción.
Espaciado entre letras Espaciado horizontal entre caracteres.
Alineación Alineación horizontal del grupo (inicio o centro).
Color de acento Color de los controles de casilla de verificación.
Relleno Espaciado alrededor del bloque.

Texto largo

Campo de texto multilínea para flujos de tipo cuestionario. Si no ves este bloque, contacta con soporte de Braze o tu administrador de éxito de cliente de Braze.

Propiedad Descripción
Campo de entrada obligatorio Indica si el campo debe completarse antes de que se pueda enviar el formulario.
Caracteres mínimos El número mínimo de caracteres que un usuario debe introducir.
Caracteres máximos El número máximo de caracteres que un usuario puede introducir.
Ocultar recuento de caracteres Oculta o muestra el contador de caracteres en vivo del área de texto.
Texto del marcador de posición Texto que se muestra dentro del área de texto vacía hasta que el usuario escribe.
Altura (filas de texto) Controla la altura del área de texto, medida en filas.
Familia tipográfica Tipo de letra para el texto del área de texto.
Grosor de fuente Grosor (como ligero, normal o negrita) del texto.
Tamaño de fuente Tamaño del texto.
Altura de línea Espaciado vertical entre líneas de texto.
Color del texto Color del texto.
Espaciado entre letras Espaciado horizontal entre caracteres.

Cosas que debes saber

Bloques de editor de páginas de destino

Los bloques de editor para páginas de destino se encuentran en la sección Crear del editor de arrastrar y soltar, en Filas y categorías de bloques. Arrastra un bloque a una columna de fila; se ajusta automáticamente al ancho de la columna. Selecciona un bloque para editar su configuración en el panel de propiedades del lado derecho.

Para más información sobre cómo crear y publicar páginas de destino, consulta Crear páginas de destino.

Título y párrafo

Añade texto de encabezado o cuerpo. Útil para estructurar secciones y mejorar la legibilidad.

propiedad Descripción
Familia tipográfica El estilo de fuente del texto.
Grosor de fuente Determina el grosor del texto.
Tamaño de fuente Determina el tamaño del texto.
Altura de línea Modifica la distancia entre líneas de texto.
Espaciado entre letras Modifica la distancia entre cada carácter.
Alineación del texto Mueve el texto para alinearlo a la izquierda, al Centro, a la derecha o justificado.
Color del texto Modifica el color del texto.

Botón

Añade un elemento clicable para acciones como abrir un enlace o enviar un formulario.

propiedad Descripción
Ancho del botón Modifica el ancho del botón para que sea automático o manual.
Familia tipográfica El estilo de fuente del texto.
Grosor de fuente Determina el grosor del texto.
Tamaño de fuente Determina el tamaño del texto.
Espaciado entre letras Modifica la distancia entre cada carácter.
Alineación del botón Mueve el botón para que esté orientado a la izquierda, al centro o a la derecha.
Color del texto del botón Modifica el color del texto en el botón.
Color de fondo Modifica el color del fondo del botón.
Estilo del borde Determina el estilo del borde del botón.
Radio del borde Determina qué tan redondeadas son las esquinas.

Comportamiento al hacer clic

Acción Descripción
Enviar formulario cuando se hace clic en el botón Envía el formulario y ejecuta el comportamiento de clic seleccionado. Desactiva esta opción para ejecutar únicamente el comportamiento de clic.
Establecer comportamientos separados para cada plataforma Personaliza el comportamiento del botón para cada plataforma de forma independiente.
Comportamiento de clic Determina la acción cuando el usuario hace clic en el botón, como cerrar el mensaje, abrir una URL web, crear un vínculo profundo a una página específica de la aplicación, ir a otra página o solicitar permiso push.
Registrar atributos personalizados o eventos Determina si hacer clic en el botón actualiza el perfil del usuario con datos personalizados. También puedes seleccionar el identificador para informes.

Botón de opción

Añade una lista de opciones de las cuales los usuarios pueden seleccionar una. Usa el panel de propiedades para configurar las opciones disponibles y el atributo personalizado que recibe el valor seleccionado. El perfil de usuario registra el valor seleccionado como un atributo personalizado de tipo cadena cuando se envía el formulario. Los atributos personalizados con otros tipos de datos no se guardan en el perfil de usuario.

propiedad Descripción
Nombre del atributo personalizado Selecciona qué atributo personalizado de usuario almacena la opción seleccionada del usuario cuando se envía el formulario.
Opciones totales La lista de opciones; cada opción tiene un Texto de etiqueta (lo que ven los usuarios) y un Valor de atributo (lo que se almacena). Puedes añadir hasta 15 opciones, con un mínimo de 2.
Familia tipográfica Tipo de letra para el texto del grupo de botones de opción.
Grosor de fuente Grosor (como ligero, normal o negrita) del texto.
Tamaño de fuente Tamaño del texto.
Altura de línea Espaciado vertical entre líneas de texto.
Color del texto Color del texto de la etiqueta de la opción.
Espaciado entre letras Espaciado horizontal entre caracteres.
Alineación Alineación horizontal de las opciones dentro del bloque.
Color de acento Color utilizado para los controles de botón de opción (como el indicador de estado seleccionado).
Relleno Espaciado alrededor del bloque.

Imagen

Muestra una imagen desde una carga o URL externa.

Propiedad Descripción
URL La dirección alojada de la imagen.
Alineación Mueve la imagen para que esté orientada a la izquierda, al centro o a la derecha.
Color de fondo Modifica el color del fondo de la imagen.
Estilo de borde Determina el estilo del borde de la imagen.
Radio de borde Determina qué tan redondeadas son las esquinas de la imagen.

Comportamiento al hacer clic

Acción Descripción
Texto alternativo El texto escrito que aparece en lugar de una imagen si esta no se carga. Los lectores de pantalla anuncian el texto alternativo para explicar las imágenes, así que usa un lenguaje sencillo para proporcionar información clave sobre una imagen.
Enviar formulario cuando se hace clic en la imagen Envía el formulario y ejecuta el comportamiento de clic seleccionado. Desactiva esta opción para ejecutar solo el comportamiento de clic.
Establecer comportamientos separados para cada plataforma Personaliza el comportamiento de la imagen para cada plataforma por separado.
Comportamiento de clic Determina la acción cuando el usuario hace clic en la imagen, como cerrar el mensaje, abrir una URL web, crear un vínculo profundo a una página específica de la aplicación, ir a otra página o solicitar permiso push.
Registrar atributos personalizados o eventos Determina si hacer clic en la imagen actualiza el perfil del usuario con datos personalizados. También puedes seleccionar el identificador para informes.

Enlace

Añade un hipervínculo que los usuarios pueden seleccionar para ir a una URL. Puede estar dentro del texto o ser independiente.

Propiedad Descripción
Familia de fuentes El estilo de fuente del texto.
Grosor de fuente Determina el grosor del texto.
Espaciado entre letras Modifica la distancia entre cada carácter.
Color del texto Modifica el color del texto.

Comportamiento al hacer clic

Acción Descripción
URL El hipervínculo al que se navegará.
Identificador para informes Determina el identificador para informes.

Espaciador

Añade espaciado vertical entre elementos.

Propiedad Descripción
Color de fondo Modifica el color de fondo del espaciador.
Altura Modifica la altura del espaciador. También puedes modificar esto usando los controles de cambio de tamaño en el espaciador.

Código personalizado

Inserta HTML, CSS o JavaScript personalizado para personalización avanzada, como Google Tag Manager.

Propiedad Descripción
Código personalizado Te permite añadir, editar o eliminar HTML, CSS y JavaScript.

Captura de correo electrónico

Añade un campo de formulario para direcciones de correo electrónico. Al enviar, la dirección se guarda en el perfil de Braze del usuario.

Propiedad Descripción
Font family El estilo de fuente del texto.
Font weight Determina el grosor del texto.
Font size Determina el tamaño del texto.
Line height Modifica la distancia entre líneas de texto.
Text color Modifica el color del texto.
Letter spacing Modifica la distancia entre cada carácter.
Text alignment Mueve el texto para alinearlo a la izquierda, al centro, a la derecha o justificado.
Placeholder text Una dirección de correo electrónico de marcador de posición para mostrar.

Captura de teléfono

Añade un campo de formulario para números de teléfono. Al enviar, suscribe al usuario a tu grupo de suscripción de SMS o WhatsApp seleccionado.

Propiedad Descripción
Grupo de suscripción El grupo de suscripción de SMS o WhatsApp al que el usuario está suscrito al enviar. Incluye una opción para recopilar números de teléfono de todos los países.
Alineación del texto Mueve el texto para alinearlo a la izquierda, al centro, a la derecha o justificado.
Texto del marcador de posición Un número de teléfono de marcador de posición para mostrar.

Campo de entrada

Añade un campo de formulario para atributos estándar (por ejemplo, nombre o apellido) o una cadena de atributo personalizado.

Propiedad Descripción
Campo de entrada obligatorio Indica si el campo debe completarse antes de poder enviar el formulario.
Máximo de caracteres Limita cuántos caracteres puede escribir un usuario (los atributos personalizados de cadena tienen un límite de 255).
Texto del marcador de posición Texto que se muestra dentro del campo de entrada hasta que el usuario escribe.
Atributo Almacena el valor enviado como Nombre, Apellido o un Atributo personalizado en el perfil de usuario.
Nombre del atributo personalizado Selecciona qué atributo personalizado de cadena recibe el valor enviado (disponible cuando Atributo está configurado como Atributo personalizado).
Familia tipográfica Tipo de letra del texto de entrada.
Grosor de fuente Grosor (como ligero, normal o negrita) del texto de entrada.
Tamaño de fuente Tamaño del texto de entrada.
Altura de línea Espaciado vertical entre líneas de texto.
Espaciado entre letras Espaciado horizontal entre caracteres.
Color Color del texto escrito en el campo.
Alineación del texto Alineación horizontal del texto de entrada dentro del campo.
Relleno Espaciado alrededor del bloque.

Desplegable

Una lista predefinida de elementos; los usuarios eligen uno. Puedes mapear valores a cadenas de atributo personalizado.

Propiedad Descripción
Campo de entrada obligatorio Indica si el usuario debe seleccionar una opción antes de poder enviar el formulario.
Texto del marcador de posición Texto que se muestra en el menú desplegable hasta que un usuario selecciona una opción.
Nombre del atributo personalizado Selecciona qué atributo personalizado de usuario recibe el valor seleccionado.
Total de opciones La lista de opciones; cada opción tiene una Etiqueta de opción (lo que ven los usuarios) y un Valor del atributo (lo que se almacena).
Familia tipográfica Tipo de letra del texto del menú desplegable.
Grosor de fuente Grosor (como ligero, normal o negrita) del texto.
Tamaño de fuente Tamaño del texto.
Altura de línea Espaciado vertical entre líneas.
Color del texto Color del texto del menú desplegable.
Espaciado entre letras Espaciado horizontal entre caracteres.
Alineación Alineación horizontal del menú desplegable (izquierda o centro).
Relleno Espaciado alrededor del bloque.

Casilla de verificación

Cuando se marca, establece el atributo personalizado booleano del bloque en true; cuando no se marca, en false.

Propiedad Descripción
Campo de entrada obligatorio Indica si la casilla de verificación debe estar marcada antes de que se pueda enviar el formulario.
Nombre del atributo personalizado Selecciona qué atributo personalizado booleano recibe true cuando está marcado o false cuando no lo está.
Color de acento Color utilizado para el estilo del control de la casilla de verificación.
Relleno Espaciado alrededor del bloque.

Grupo de casillas de verificación

Los usuarios eligen múltiples opciones; los valores se establecen o añaden a un atributo personalizado de tipo array definido.

propiedad Descripción
Campo de entrada obligatorio Indica si el usuario debe seleccionar al menos el número mínimo de opciones antes de enviar.
Opciones mínimas Número mínimo de opciones que un usuario debe seleccionar (cuando el campo es obligatorio).
Opciones máximas Número máximo de opciones que un usuario puede seleccionar.
Nombre del atributo personalizado Selecciona a qué atributo personalizado de tipo array se escriben los valores seleccionados.
Acción Establece si el envío Sets items (reemplaza el array) o Adds items (agrega al array).
Total de opciones La lista de opciones; cada opción tiene un Label text (lo que ven los usuarios) y un Attribute value (lo que se almacena).
Familia tipográfica Tipo de letra para las etiquetas de opciones.
Grosor de fuente Grosor (como ligero, normal o negrita) del texto de la etiqueta de opción.
Tamaño de fuente Tamaño del texto de la etiqueta de opción.
Altura de línea Espaciado vertical entre líneas de texto.
Color de texto Color del texto de la etiqueta de opción.
Espaciado entre letras Espaciado horizontal entre caracteres.
Alineación Alineación horizontal del grupo (inicio o centro).
Color de acento Color de los controles de casilla de verificación.
Relleno Espaciado alrededor del bloque.

Texto largo

Campo de texto multilínea para flujos de tipo cuestionario. Si no ves este bloque, contacta con soporte de Braze o tu administrador de éxito de cliente de Braze. Este bloque no está disponible para páginas de destino estándar.

Propiedad Descripción
Campo de entrada obligatorio Indica si el campo debe completarse antes de que se pueda enviar el formulario.
Caracteres mínimos El número mínimo de caracteres que un usuario debe introducir.
Caracteres máximos El número máximo de caracteres que un usuario puede introducir.
Ocultar recuento de caracteres Oculta o muestra el contador de caracteres en vivo del área de texto.
Texto del marcador de posición Texto que se muestra dentro del área de texto vacía hasta que el usuario escribe.
Altura (filas de texto) Controla la altura del área de texto, medida en filas.
Familia tipográfica Tipo de letra para el texto del área de texto.
Grosor de fuente Grosor (como ligero, normal o negrita) del texto.
Tamaño de fuente Tamaño del texto.
Altura de línea Espaciado vertical entre líneas de texto.
Color del texto Color del texto.
Espaciado entre letras Espaciado horizontal entre caracteres.

Cosas que debes saber

  • Video: El creador estándar no incluye un bloque de video dedicado. Usa Código personalizado para incrustar un reproductor si es necesario. Para más información, consulta Páginas de destino.

Bloques de editor de Banner

En el creador de Banner, arrastra filas y bloques desde la sección Crear al lienzo para diseñar tu mensaje. Selecciona Estilos para ajustar el estilo a nivel de página, o selecciona un bloque o fila para editar sus propiedades en el panel lateral.

Para el flujo completo de creación de Banner, consulta Crear un Banner.

El creador de Banner ofrece los mismos tipos de bloques de diseño que otras superficies de arrastrar y soltar, pero no el conjunto completo de bloques de formulario (por ejemplo, no hay bloques de botón de opción, texto corto, desplegable ni casilla de verificación). Puedes añadir bloques de Captura de teléfono y Captura de correo electrónico; solo se permite un bloque de captura de teléfono y un bloque de captura de correo electrónico por mensaje.

Título y párrafo

Añade texto de encabezado o cuerpo con opciones de texto enriquecido.

propiedad Descripción
Familia tipográfica El estilo de fuente del texto.
Grosor de fuente Determina el grosor del texto.
Tamaño de fuente Determina el tamaño del texto.
Altura de línea Modifica la distancia entre líneas de texto.
Espaciado entre letras Modifica la distancia entre cada carácter.
Alineación del texto Mueve el texto para alinearlo a la izquierda, al Centro, a la derecha o justificado.
Color del texto Modifica el color del texto.

Botón

Añade un botón clicable. Puedes configurar enlaces y opciones de análisis en el panel de propiedades.

propiedad Descripción
Ancho del botón Modifica el ancho del botón para que sea automático o manual.
Familia tipográfica El estilo de fuente del texto.
Grosor de fuente Determina el grosor del texto.
Tamaño de fuente Determina el tamaño del texto.
Espaciado entre letras Modifica la distancia entre cada carácter.
Alineación del botón Mueve el botón para que esté orientado a la izquierda, al centro o a la derecha.
Color del texto del botón Modifica el color del texto en el botón.
Color de fondo Modifica el color del fondo del botón.
Estilo del borde Determina el estilo del borde del botón.
Radio del borde Determina qué tan redondeadas son las esquinas.

Comportamiento al hacer clic

Acción Descripción
Enviar formulario cuando se hace clic en el botón Envía el formulario y ejecuta el comportamiento de clic seleccionado. Desactiva esta opción para ejecutar únicamente el comportamiento de clic.
Establecer comportamientos separados para cada plataforma Personaliza el comportamiento del botón para cada plataforma de forma independiente.
Comportamiento de clic Determina la acción cuando el usuario hace clic en el botón, como cerrar el mensaje, abrir una URL web, crear un vínculo profundo a una página específica de la aplicación, ir a otra página o solicitar permiso push.
Registrar atributos personalizados o eventos Determina si hacer clic en el botón actualiza el perfil del usuario con datos personalizados. También puedes seleccionar el identificador para informes.

Para más información, consulta Definir el comportamiento al hacer clic en el artículo de Banner.

Imagen

Muestra una imagen desde una URL alojada. Configura las opciones de visualización en el panel de propiedades.

Propiedad Descripción
URL La dirección alojada de la imagen.
Alineación Mueve la imagen para que esté orientada a la izquierda, al centro o a la derecha.
Color de fondo Modifica el color del fondo de la imagen.
Estilo de borde Determina el estilo del borde de la imagen.
Radio de borde Determina qué tan redondeadas son las esquinas de la imagen.

Comportamiento al hacer clic

Acción Descripción
Texto alternativo El texto escrito que aparece en lugar de una imagen si esta no se carga. Los lectores de pantalla anuncian el texto alternativo para explicar las imágenes, así que usa un lenguaje sencillo para proporcionar información clave sobre una imagen.
Enviar formulario cuando se hace clic en la imagen Envía el formulario y ejecuta el comportamiento de clic seleccionado. Desactiva esta opción para ejecutar solo el comportamiento de clic.
Establecer comportamientos separados para cada plataforma Personaliza el comportamiento de la imagen para cada plataforma por separado.
Comportamiento de clic Determina la acción cuando el usuario hace clic en la imagen, como cerrar el mensaje, abrir una URL web, crear un vínculo profundo a una página específica de la aplicación, ir a otra página o solicitar permiso push.
Registrar atributos personalizados o eventos Determina si hacer clic en la imagen actualiza el perfil del usuario con datos personalizados. También puedes seleccionar el identificador para informes.

Enlace

Inserta un hipervínculo que los usuarios pueden seleccionar.

Propiedad Descripción
Familia de fuentes El estilo de fuente del texto.
Grosor de fuente Determina el grosor del texto.
Espaciado entre letras Modifica la distancia entre cada carácter.
Color del texto Modifica el color del texto.

Comportamiento al hacer clic

Acción Descripción
URL El hipervínculo al que se navegará.
Identificador para informes Determina el identificador para informes.

Espaciador

Añade espaciado vertical entre bloques.

Propiedad Descripción
Color de fondo Modifica el color de fondo del espaciador.
Altura Modifica la altura del espaciador. También puedes modificar esto usando los controles de cambio de tamaño en el espaciador.

Código personalizado

Inserta HTML personalizado para diseños avanzados o contenido incrustado (por ejemplo, video). Los clics dentro de HTML personalizado no se rastrean a menos que llames a brazeBridge.logClick() — consulta Código personalizado y puente JavaScript para Banners.

Propiedad Descripción
Código personalizado Añade o edita HTML (y activos relacionados) para el Banner.

Captura de teléfono

Recopila un número de teléfono. Al enviar, suscribe al usuario a tu grupo de suscripción de SMS o WhatsApp seleccionado. Solo uno por Banner.

Propiedad Descripción
Grupo de suscripción El grupo de suscripción de SMS o WhatsApp al que el usuario está suscrito al enviar. Incluye una opción para recopilar números de teléfono de todos los países.
Alineación del texto Mueve el texto para alinearlo a la izquierda, al centro, a la derecha o justificado.
Texto del marcador de posición Un número de teléfono de marcador de posición para mostrar.

Captura de correo electrónico

Recopila una dirección de correo electrónico y la añade al perfil de Braze del usuario al enviar. Solo uno por Banner.

Propiedad Descripción
Font family El estilo de fuente del texto.
Font weight Determina el grosor del texto.
Font size Determina el tamaño del texto.
Line height Modifica la distancia entre líneas de texto.
Text color Modifica el color del texto.
Letter spacing Modifica la distancia entre cada carácter.
Text alignment Mueve el texto para alinearlo a la izquierda, al centro, a la derecha o justificado.
Placeholder text Una dirección de correo electrónico de marcador de posición para mostrar.

Texto largo

Campo de texto multilínea para flujos de tipo cuestionario. Si no ves este bloque, contacta con soporte de Braze o tu administrador de éxito de cliente de Braze.

Propiedad Descripción
Campo de entrada obligatorio Indica si el campo debe completarse antes de que se pueda enviar el formulario.
Caracteres mínimos El número mínimo de caracteres que un usuario debe introducir.
Caracteres máximos El número máximo de caracteres que un usuario puede introducir.
Ocultar recuento de caracteres Oculta o muestra el contador de caracteres en vivo del área de texto.
Texto del marcador de posición Texto que se muestra dentro del área de texto vacía hasta que el usuario escribe.
Altura (filas de texto) Controla la altura del área de texto, medida en filas.
Familia tipográfica Tipo de letra para el texto del área de texto.
Grosor de fuente Grosor (como ligero, normal o negrita) del texto.
Tamaño de fuente Tamaño del texto.
Altura de línea Espaciado vertical entre líneas de texto.
Color del texto Color del texto.
Espaciado entre letras Espaciado horizontal entre caracteres.

Cosas que debes saber

  • Video: El creador estándar no incluye un bloque de video dedicado. Usa Código personalizado para incrustar un reproductor si es necesario. Para más información, consulta Banners: preguntas frecuentes.
  • Liquid: La mayoría de Liquid es compatible; hay excepciones como las etiquetas de re-renderizado de catálogo. Para más información, consulta Banners: preguntas frecuentes.

Bloques de editor del centro de preferencias

Arrastra bloques desde la sección Crear a una fila en el editor de arrastrar y soltar del centro de preferencias. Cada bloque tiene su propia configuración; el panel del lado derecho cambia a propiedades o estilo para el elemento seleccionado.

Antes de editar bloques, añade grupos de suscripción y configura el bloque inteligente de suscripción (consulta la siguiente sección). Para el flujo de configuración completo, consulta Crear un centro de preferencias de correo electrónico con arrastrar y soltar.

Título y párrafo

Añade texto de encabezado o cuerpo con opciones de texto enriquecido.

propiedad Descripción
Familia tipográfica El estilo de fuente del texto.
Grosor de fuente Determina el grosor del texto.
Tamaño de fuente Determina el tamaño del texto.
Altura de línea Modifica la distancia entre líneas de texto.
Espaciado entre letras Modifica la distancia entre cada carácter.
Alineación del texto Mueve el texto para alinearlo a la izquierda, al Centro, a la derecha o justificado.
Color del texto Modifica el color del texto.

Botón

Añade un botón clicable (por ejemplo, Guardar o navegación).

propiedad Descripción
Ancho del botón Modifica el ancho del botón para que sea automático o manual.
Familia tipográfica El estilo de fuente del texto.
Grosor de fuente Determina el grosor del texto.
Tamaño de fuente Determina el tamaño del texto.
Espaciado entre letras Modifica la distancia entre cada carácter.
Alineación del botón Mueve el botón para que esté orientado a la izquierda, al centro o a la derecha.
Color del texto del botón Modifica el color del texto en el botón.
Color de fondo Modifica el color del fondo del botón.
Estilo del borde Determina el estilo del borde del botón.
Radio del borde Determina qué tan redondeadas son las esquinas.

Imagen

Muestra una imagen de la biblioteca de medios o una URL.

Propiedad Descripción
URL La dirección alojada de la imagen.
Alineación Mueve la imagen para que esté orientada a la izquierda, al centro o a la derecha.
Color de fondo Modifica el color del fondo de la imagen.
Estilo de borde Determina el estilo del borde de la imagen.
Radio de borde Determina qué tan redondeadas son las esquinas de la imagen.

Espaciador

Añade espaciado vertical entre bloques.

Propiedad Descripción
Color de fondo Modifica el color de fondo del espaciador.
Altura Modifica la altura del espaciador. También puedes modificar esto usando los controles de cambio de tamaño en el espaciador.

Grupos de suscripción (bloque inteligente)

Añade un bloque de plantilla que lista los grupos de suscripción, controles opcionales de Suscribirse a todos / Cancelar suscripción de todos y descripciones. Configúralo después de añadir grupos en el flujo de trabajo del centro de preferencias.

Después de añadir grupos de suscripción, selecciona el bloque inteligente en el lienzo para:

  • Reordenar grupos de suscripción
  • Añadir o eliminar grupos
  • Añadir o eliminar descripciones
  • Alternar Suscribirse a todos y Cancelar suscripción de todos para los grupos en ese bloque

El control Cancelar suscripción de todos en la parte inferior de la plantilla predeterminada es obligatorio y realiza una cancelación de suscripción global del correo electrónico.

Cosas que debes saber

  • Estilos comunes: Puedes establecer valores predeterminados a nivel de página en Estilos comunes antes de ajustar bloques individuales. Para más información, consulta Personalizar el centro de preferencias usando el editor de arrastrar y soltar.
  • Página de confirmación: Cambia a Página de confirmación en la parte superior del editor para dar estilo a la experiencia posterior al guardado usando los mismos tipos de bloques.
New Stuff!