Skip to content

Blocos do editor de arrastar e soltar

Blocos do editor são os blocos que você arrasta para linhas e colunas no editor de arrastar e soltar.

Selecione o editor que você está usando:

Blocos do editor de mensagens no app

Os blocos do editor ficam na seção Build para mensagens no app. Arraste um bloco para dentro de uma coluna; ele se ajusta automaticamente à largura da coluna. Selecione um bloco para editar suas configurações no painel do lado direito.

Para saber mais sobre como criar mensagens no app no editor de arrastar e soltar, consulte Criar uma mensagem no app com arrastar e soltar.

Título e parágrafo

Adiciona texto de título ou parágrafo à mensagem.

Propriedade Descrição
Família da fonte O estilo da fonte do texto.
Peso da fonte Determina a espessura do texto.
Tamanho da fonte Determina o tamanho do texto.
Altura da linha Modifica a distância entre as linhas do texto.
Espaçamento entre letras Modifica a distância entre cada caractere.
Alinhamento do texto Move o texto para ficar alinhado à esquerda, ao centro, à direita ou justificado.
Cor do texto Modifica a cor do texto.

Botão

Adiciona um botão padrão com estilo, links e análise de dados configuráveis.

Propriedade Descrição
Largura do botão Modifica a largura do botão para automática ou manual.
Família da fonte O estilo da fonte do texto.
Peso da fonte Determina a espessura do texto.
Tamanho da fonte Determina o tamanho do texto.
Espaçamento entre letras Modifica a distância entre cada caractere.
Alinhamento do botão Move o botão para a esquerda, centro ou direita.
Cor do texto do botão Modifica a cor do texto no botão.
Cor de fundo Modifica a cor do fundo do botão.
Estilo da borda Determina o estilo da borda do botão.
Raio da borda Determina o arredondamento dos cantos.

Comportamento ao clicar

Ação Descrição
Enviar formulário quando o botão for clicado Envia o formulário e executa o comportamento ao clicar selecionado. Desative essa opção para executar apenas o comportamento ao clicar.
Definir comportamentos separados para cada plataforma Personaliza o comportamento do botão para cada plataforma separadamente.
Comportamento ao clicar Determina a ação quando o usuário clica no botão, como fechar a mensagem, abrir uma URL da web, fazer deep linking para uma página específica do app, ir para outra página ou solicitar permissão de push.
Registrar atributos personalizados ou eventos Determina se clicar no botão atualiza o perfil do usuário com dados personalizados. Você também pode selecionar o identificador para relatório.

Botão de opção

Adiciona uma lista de opções das quais os usuários podem selecionar uma. Quando enviado, o perfil de usuário registra o atributo personalizado associado, que deve ser uma string para ser salvo. Atributos personalizados com outros tipos de dados não são salvos no perfil de usuário.

Propriedade Descrição
Nome do atributo personalizado Seleciona qual atributo personalizado de usuário armazena a opção selecionada pelo usuário quando o formulário é enviado.
Total de opções A lista de opções; cada opção tem um Texto do rótulo (o que os usuários veem) e um Valor do atributo (o que é armazenado). Você pode adicionar até 15 opções, com um mínimo de 2.
Família da fonte Tipo de letra para o texto do grupo de botões de opção.
Peso da fonte Espessura (como leve, normal ou negrito) do texto.
Tamanho da fonte Tamanho do texto.
Altura da linha Espaçamento vertical entre as linhas do texto.
Cor do texto Cor do texto do rótulo da opção.
Espaçamento entre letras Espaçamento horizontal entre os caracteres.
Alinhamento Alinhamento horizontal das opções dentro do bloco.
Cor de destaque Cor usada para os controles de botão de opção (como o indicador de estado selecionado).
Preenchimento Espaçamento ao redor do bloco.

Imagem

Insere uma imagem da biblioteca de mídia.

Propriedade Descrição
URL O endereço hospedado da imagem.
Alinhamento Move a imagem para a orientação à esquerda, ao centro ou à direita.
Cor de fundo Modifica a cor do fundo da imagem.
Estilo da borda Determina o estilo da borda da imagem.
Raio da borda Determina o quão arredondados são os cantos da imagem.

Para especificações de imagem, consulte nossas especificações de imagem de mensagem no app.

Comportamento ao clicar

Ação Descrição
Texto alternativo O texto que aparece no lugar de uma imagem caso ela não carregue. Leitores de tela anunciam o texto alternativo para explicar as imagens, então use uma linguagem simples para fornecer informações essenciais sobre a imagem.
Enviar formulário quando a imagem for clicada Envia o formulário e executa o comportamento ao clicar selecionado. Desative essa opção para executar apenas o comportamento ao clicar.
Definir comportamentos separados para cada plataforma Personaliza o comportamento da imagem para cada plataforma separadamente.
Comportamento ao clicar Determina a ação quando o usuário clica na imagem, como fechar a mensagem, abrir uma URL da web, fazer deep linking para uma página específica do app, ir para outra página ou solicitar permissão de push.
Registrar atributos personalizados ou eventos Determina se clicar na imagem atualiza o perfil do usuário com dados personalizados. Você também pode selecionar o identificador para relatório.

Insere um hyperlink que os usuários podem clicar para navegar para uma URL especificada. Pode ser incorporado dentro do texto ou de forma independente.

Propriedade Descrição
Família da fonte O estilo da fonte para o texto.
Peso da fonte Determina a espessura do texto.
Espaçamento entre letras Modifica a distância entre cada caractere.
Cor do texto Modifica a cor do texto.

Comportamento ao clicar

Ação Descrição
URL O hiperlink para navegação.
Identificador para relatório Determina o identificador para relatório.

Espaçador

Adiciona espaço ou preenchimento entre outros blocos.

Propriedade Descrição
Cor de fundo Modifica a cor de fundo do espaçador.
Altura Modifica a altura do espaçador. Você também pode modificar isso usando as alças de redimensionamento no espaçador.

Código personalizado

Insere HTML, CSS ou JavaScript personalizados para personalização avançada.

Propriedade Descrição
Código personalizado Permite adicionar, editar ou excluir HTML, CSS e JavaScript de uma mensagem no app.

Captura de telefone

Insere um campo de formulário para números de telefone. Quando enviado, o usuário é inscrito no grupo de inscrições de SMS ou WhatsApp.

Propriedade Descrição
Grupo de inscrições O grupo de inscrições de SMS ou WhatsApp no qual o usuário está inscrito ao enviar o formulário. Inclui uma opção para coletar números de telefone de todos os países.
Alinhamento do texto Move o texto para ficar alinhado à esquerda, ao centro, à direita ou justificado.
Texto de espaço reservado Um número de telefone de exemplo para exibir.

Captura de e-mail

Insere um campo de formulário para endereços de e-mail. Quando enviado, o endereço de e-mail é adicionado ao perfil desse usuário na Braze.

Propriedade Descrição
Família da fonte O estilo da fonte do texto.
Peso da fonte Determina a espessura do texto.
Tamanho da fonte Determina o tamanho do texto.
Altura da linha Modifica a distância entre as linhas do texto.
Cor do texto Modifica a cor do texto.
Espaçamento entre letras Modifica a distância entre cada caractere.
Alinhamento do texto Move o texto para ficar alinhado à esquerda, ao centro, à direita ou justificado.
Texto de placeholder Um endereço de e-mail de placeholder para exibição.

Texto curto

Insere um campo de formulário que aceita atributos padrão (como nome e sobrenome) ou uma string de atributo personalizado de sua escolha.

Propriedade Descrição
Campo de entrada obrigatório Indica se o campo deve ser preenchido antes que o formulário possa ser enviado.
Máximo de caracteres Limita quantos caracteres um usuário pode digitar (atributos personalizados do tipo string têm limite de 255).
Texto de placeholder Texto exibido dentro do campo até que o usuário comece a digitar.
Atributo Armazena o valor enviado como Nome, Sobrenome ou um Atributo personalizado no perfil de usuário.
Nome do atributo personalizado Seleciona qual atributo personalizado do tipo string recebe o valor enviado (disponível quando Atributo está definido como Atributo personalizado).
Família da fonte Tipo de letra do texto de entrada.
Peso da fonte Espessura (como leve, normal ou negrito) do texto de entrada.
Tamanho da fonte Tamanho do texto de entrada.
Altura da linha Espaçamento vertical entre as linhas de texto.
Espaçamento entre letras Espaçamento horizontal entre os caracteres.
Cor Cor do texto digitado no campo.
Alinhamento do texto Alinhamento horizontal do texto de entrada dentro do campo.
Preenchimento Espaçamento ao redor do bloco.

Menu suspenso

Insere um menu suspenso com uma lista predefinida de itens dos quais os usuários podem selecionar um. Você pode adicionar quaisquer strings de atributos personalizados à lista.

Propriedade Descrição
Campo de entrada obrigatório Indica se o usuário deve selecionar uma opção antes de enviar o formulário.
Texto de placeholder Texto exibido no dropdown até que o usuário selecione uma opção.
Nome do atributo personalizado Seleciona qual atributo personalizado do usuário recebe o valor selecionado.
Total de opções A lista de opções; cada opção tem um Rótulo da opção (o que os usuários veem) e um Valor do atributo (o que é armazenado).
Família da fonte Tipo de letra do texto do dropdown.
Peso da fonte Espessura (como leve, normal ou negrito) do texto.
Tamanho da fonte Tamanho do texto.
Altura da linha Espaçamento vertical entre linhas.
Cor do texto Cor do texto do dropdown.
Espaçamento entre letras Espaçamento horizontal entre caracteres.
Alinhamento Alinhamento horizontal do dropdown (esquerda ou centro).
Preenchimento Espaçamento ao redor do bloco.

Caixa de seleção

Insere uma caixa de seleção. Se o usuário marcar a caixa, o atributo personalizado booleano do bloco é definido como true. Se deixado desmarcado, seu atributo é definido como false.

Propriedade Descrição
Campo de entrada obrigatório Indica se a caixa de seleção deve ser marcada antes que o formulário possa ser enviado.
Nome do atributo personalizado Seleciona qual atributo personalizado booleano recebe true quando marcado ou false quando desmarcado.
Cor de destaque Cor usada para a estilização do controle da caixa de seleção.
Preenchimento Espaçamento ao redor do bloco.

Grupo de caixas de seleção

Os usuários podem selecionar entre várias opções. Os valores são definidos ou adicionados a um atributo personalizado de array definido.

Propriedade Descrição
Campo de entrada obrigatória Indica se o usuário deve selecionar pelo menos o número mínimo de opções antes de enviar.
Mínimo de escolhas Número mínimo de opções que o usuário deve selecionar (quando o campo é obrigatório).
Máximo de escolhas Número máximo de opções que o usuário pode selecionar.
Nome do atributo personalizado Seleciona para qual atributo personalizado de array os valores selecionados são gravados.
Ação Define se o envio Define itens (substitui o array) ou Adiciona itens (adiciona ao array).
Total de escolhas A lista de opções; cada opção tem um Texto do rótulo (o que os usuários veem) e um Valor do atributo (o que é armazenado).
Família da fonte Tipo de fonte para os rótulos das opções.
Peso da fonte Espessura (como light, normal ou bold) do texto do rótulo da opção.
Tamanho da fonte Tamanho do texto do rótulo da opção.
Altura da linha Espaçamento vertical entre as linhas de texto.
Cor do texto Cor do texto do rótulo da opção.
Espaçamento entre letras Espaçamento horizontal entre os caracteres.
Alinhamento Alinhamento horizontal do grupo (início ou centro).
Cor de destaque Cor dos controles de checkbox.
Preenchimento Espaçamento ao redor do bloco.

Texto longo

Campo de texto multilinha para fluxos no estilo de pesquisa. Se você não encontrar esse bloco, entre em contato com o suporte da Braze ou com seu gerente de sucesso do cliente.

Propriedade Descrição
Campo de entrada obrigatório Indica se o campo deve ser preenchido antes que o formulário possa ser enviado.
Mínimo de caracteres O número mínimo de caracteres que o usuário deve inserir.
Máximo de caracteres O número máximo de caracteres que o usuário pode inserir.
Ocultar contagem de caracteres Oculta ou exibe o contador de caracteres em tempo real abaixo da área de texto.
Texto de placeholder Texto exibido dentro da área de texto vazia até que o usuário comece a digitar.
Altura (linhas de texto) Controla a altura da área de texto, medida em linhas.
Família da fonte Tipo de letra para o texto da área de texto.
Peso da fonte Espessura (como leve, normal ou negrito) do texto.
Tamanho da fonte Tamanho do texto.
Altura da linha Espaçamento vertical entre as linhas de texto.
Cor do texto Cor do texto.
Espaçamento entre letras Espaçamento horizontal entre os caracteres.

Informações importantes

  • Vídeo: O criador padrão não inclui um bloco de vídeo dedicado. Use Código personalizado para incorporar um player, se necessário. Para saber mais, consulte Mensagens no app: perguntas frequentes.

Blocos do editor de landing pages

Os blocos do editor para landing pages estão na seção Build do editor de arrastar e soltar, em Rows e categorias de blocos. Arraste um bloco para a coluna de uma linha; ele se ajusta automaticamente à largura da coluna. Selecione um bloco para editar suas configurações no painel de propriedades do lado direito.

Para saber mais sobre como criar e publicar landing pages, consulte Criar landing pages.

Título e parágrafo

Adiciona texto de cabeçalho ou corpo. Útil para estruturar seções e melhorar a legibilidade.

Propriedade Descrição
Família da fonte O estilo da fonte do texto.
Peso da fonte Determina a espessura do texto.
Tamanho da fonte Determina o tamanho do texto.
Altura da linha Modifica a distância entre as linhas do texto.
Espaçamento entre letras Modifica a distância entre cada caractere.
Alinhamento do texto Move o texto para ficar alinhado à esquerda, ao centro, à direita ou justificado.
Cor do texto Modifica a cor do texto.

Botão

Adiciona um elemento clicável para ações como abrir um link ou enviar um formulário.

Propriedade Descrição
Largura do botão Modifica a largura do botão para automática ou manual.
Família da fonte O estilo da fonte do texto.
Peso da fonte Determina a espessura do texto.
Tamanho da fonte Determina o tamanho do texto.
Espaçamento entre letras Modifica a distância entre cada caractere.
Alinhamento do botão Move o botão para a esquerda, centro ou direita.
Cor do texto do botão Modifica a cor do texto no botão.
Cor de fundo Modifica a cor do fundo do botão.
Estilo da borda Determina o estilo da borda do botão.
Raio da borda Determina o arredondamento dos cantos.

Comportamento ao clicar

Ação Descrição
Enviar formulário quando o botão for clicado Envia o formulário e executa o comportamento ao clicar selecionado. Desative essa opção para executar apenas o comportamento ao clicar.
Definir comportamentos separados para cada plataforma Personaliza o comportamento do botão para cada plataforma separadamente.
Comportamento ao clicar Determina a ação quando o usuário clica no botão, como fechar a mensagem, abrir uma URL da web, fazer deep linking para uma página específica do app, ir para outra página ou solicitar permissão de push.
Registrar atributos personalizados ou eventos Determina se clicar no botão atualiza o perfil do usuário com dados personalizados. Você também pode selecionar o identificador para relatório.

Botão de opção

Adiciona uma lista de opções da qual os usuários podem selecionar uma. Use o painel de propriedades para configurar as opções disponíveis e o atributo personalizado que recebe o valor selecionado. O perfil de usuário registra o valor selecionado como um atributo personalizado de string quando o formulário é enviado. Atributos personalizados com outros tipos de dados não são salvos no perfil de usuário.

Propriedade Descrição
Nome do atributo personalizado Seleciona qual atributo personalizado de usuário armazena a opção selecionada pelo usuário quando o formulário é enviado.
Total de opções A lista de opções; cada opção tem um Texto do rótulo (o que os usuários veem) e um Valor do atributo (o que é armazenado). Você pode adicionar até 15 opções, com um mínimo de 2.
Família da fonte Tipo de letra para o texto do grupo de botões de opção.
Peso da fonte Espessura (como leve, normal ou negrito) do texto.
Tamanho da fonte Tamanho do texto.
Altura da linha Espaçamento vertical entre as linhas do texto.
Cor do texto Cor do texto do rótulo da opção.
Espaçamento entre letras Espaçamento horizontal entre os caracteres.
Alinhamento Alinhamento horizontal das opções dentro do bloco.
Cor de destaque Cor usada para os controles de botão de opção (como o indicador de estado selecionado).
Preenchimento Espaçamento ao redor do bloco.

Imagem

Exibe uma imagem a partir de um upload ou URL externa.

Propriedade Descrição
URL O endereço hospedado da imagem.
Alinhamento Move a imagem para a orientação à esquerda, ao centro ou à direita.
Cor de fundo Modifica a cor do fundo da imagem.
Estilo da borda Determina o estilo da borda da imagem.
Raio da borda Determina o quão arredondados são os cantos da imagem.

Comportamento ao clicar

Ação Descrição
Texto alternativo O texto que aparece no lugar de uma imagem caso ela não carregue. Leitores de tela anunciam o texto alternativo para explicar as imagens, então use uma linguagem simples para fornecer informações essenciais sobre a imagem.
Enviar formulário quando a imagem for clicada Envia o formulário e executa o comportamento ao clicar selecionado. Desative essa opção para executar apenas o comportamento ao clicar.
Definir comportamentos separados para cada plataforma Personaliza o comportamento da imagem para cada plataforma separadamente.
Comportamento ao clicar Determina a ação quando o usuário clica na imagem, como fechar a mensagem, abrir uma URL da web, fazer deep linking para uma página específica do app, ir para outra página ou solicitar permissão de push.
Registrar atributos personalizados ou eventos Determina se clicar na imagem atualiza o perfil do usuário com dados personalizados. Você também pode selecionar o identificador para relatório.

Adiciona um hiperlink que os usuários podem selecionar para acessar uma URL. Pode ficar dentro de um texto ou isolado.

Propriedade Descrição
Família da fonte O estilo da fonte para o texto.
Peso da fonte Determina a espessura do texto.
Espaçamento entre letras Modifica a distância entre cada caractere.
Cor do texto Modifica a cor do texto.

Comportamento ao clicar

Ação Descrição
URL O hiperlink para navegação.
Identificador para relatório Determina o identificador para relatório.

Espaçador

Adiciona espaçamento vertical entre elementos.

Propriedade Descrição
Cor de fundo Modifica a cor de fundo do espaçador.
Altura Modifica a altura do espaçador. Você também pode modificar isso usando as alças de redimensionamento no espaçador.

Código personalizado

Insere HTML, CSS ou JavaScript personalizados para customização avançada, como o Google Tag Manager.

Propriedade Descrição
Código personalizado Permite adicionar, editar ou excluir HTML, CSS e JavaScript.

Captura de e-mail

Adiciona um campo de formulário para endereços de e-mail. Ao enviar, o endereço é salvo no perfil da Braze do usuário.

Propriedade Descrição
Família da fonte O estilo da fonte do texto.
Peso da fonte Determina a espessura do texto.
Tamanho da fonte Determina o tamanho do texto.
Altura da linha Modifica a distância entre as linhas do texto.
Cor do texto Modifica a cor do texto.
Espaçamento entre letras Modifica a distância entre cada caractere.
Alinhamento do texto Move o texto para ficar alinhado à esquerda, ao centro, à direita ou justificado.
Texto de placeholder Um endereço de e-mail de placeholder para exibição.

Captura de telefone

Adiciona um campo de formulário para números de telefone. Ao enviar, inscreve o usuário no grupo de inscrições de SMS ou WhatsApp selecionado.

Propriedade Descrição
Grupo de inscrições O grupo de inscrições de SMS ou WhatsApp no qual o usuário está inscrito ao enviar o formulário. Inclui uma opção para coletar números de telefone de todos os países.
Alinhamento do texto Move o texto para ficar alinhado à esquerda, ao centro, à direita ou justificado.
Texto de espaço reservado Um número de telefone de exemplo para exibir.

Campo de entrada

Adiciona um campo de formulário para atributos padrão (por exemplo, nome ou sobrenome) ou uma string de atributo personalizado.

Propriedade Descrição
Campo de entrada obrigatório Indica se o campo deve ser preenchido antes que o formulário possa ser enviado.
Máximo de caracteres Limita quantos caracteres um usuário pode digitar (atributos personalizados do tipo string têm limite de 255).
Texto de placeholder Texto exibido dentro do campo até que o usuário comece a digitar.
Atributo Armazena o valor enviado como Nome, Sobrenome ou um Atributo personalizado no perfil de usuário.
Nome do atributo personalizado Seleciona qual atributo personalizado do tipo string recebe o valor enviado (disponível quando Atributo está definido como Atributo personalizado).
Família da fonte Tipo de letra do texto de entrada.
Peso da fonte Espessura (como leve, normal ou negrito) do texto de entrada.
Tamanho da fonte Tamanho do texto de entrada.
Altura da linha Espaçamento vertical entre as linhas de texto.
Espaçamento entre letras Espaçamento horizontal entre os caracteres.
Cor Cor do texto digitado no campo.
Alinhamento do texto Alinhamento horizontal do texto de entrada dentro do campo.
Preenchimento Espaçamento ao redor do bloco.

Menu suspenso

Uma lista predefinida de itens; os usuários escolhem um. Você pode mapear valores para strings de atributos personalizados.

Propriedade Descrição
Campo de entrada obrigatório Indica se o usuário deve selecionar uma opção antes de enviar o formulário.
Texto de placeholder Texto exibido no dropdown até que o usuário selecione uma opção.
Nome do atributo personalizado Seleciona qual atributo personalizado do usuário recebe o valor selecionado.
Total de opções A lista de opções; cada opção tem um Rótulo da opção (o que os usuários veem) e um Valor do atributo (o que é armazenado).
Família da fonte Tipo de letra do texto do dropdown.
Peso da fonte Espessura (como leve, normal ou negrito) do texto.
Tamanho da fonte Tamanho do texto.
Altura da linha Espaçamento vertical entre linhas.
Cor do texto Cor do texto do dropdown.
Espaçamento entre letras Espaçamento horizontal entre caracteres.
Alinhamento Alinhamento horizontal do dropdown (esquerda ou centro).
Preenchimento Espaçamento ao redor do bloco.

Caixa de seleção

Quando marcada, define o atributo personalizado booleano do bloco como true; quando desmarcada, como false.

Propriedade Descrição
Campo de entrada obrigatório Indica se a caixa de seleção deve ser marcada antes que o formulário possa ser enviado.
Nome do atributo personalizado Seleciona qual atributo personalizado booleano recebe true quando marcado ou false quando desmarcado.
Cor de destaque Cor usada para a estilização do controle da caixa de seleção.
Preenchimento Espaçamento ao redor do bloco.

Grupo de caixas de seleção

Os usuários escolhem múltiplas opções; os valores definem ou são adicionados a um atributo personalizado de array definido.

Propriedade Descrição
Campo de entrada obrigatória Indica se o usuário deve selecionar pelo menos o número mínimo de opções antes de enviar.
Mínimo de escolhas Número mínimo de opções que o usuário deve selecionar (quando o campo é obrigatório).
Máximo de escolhas Número máximo de opções que o usuário pode selecionar.
Nome do atributo personalizado Seleciona para qual atributo personalizado de array os valores selecionados são gravados.
Ação Define se o envio Define itens (substitui o array) ou Adiciona itens (adiciona ao array).
Total de escolhas A lista de opções; cada opção tem um Texto do rótulo (o que os usuários veem) e um Valor do atributo (o que é armazenado).
Família da fonte Tipo de fonte para os rótulos das opções.
Peso da fonte Espessura (como light, normal ou bold) do texto do rótulo da opção.
Tamanho da fonte Tamanho do texto do rótulo da opção.
Altura da linha Espaçamento vertical entre as linhas de texto.
Cor do texto Cor do texto do rótulo da opção.
Espaçamento entre letras Espaçamento horizontal entre os caracteres.
Alinhamento Alinhamento horizontal do grupo (início ou centro).
Cor de destaque Cor dos controles de checkbox.
Preenchimento Espaçamento ao redor do bloco.

Texto longo

Campo de texto com múltiplas linhas para fluxos no estilo de pesquisa. Se você não vir esse bloco, entre em contato com o suporte da Braze ou com o seu gerente de sucesso do cliente.

Propriedade Descrição
Campo de entrada obrigatório Indica se o campo deve ser preenchido antes que o formulário possa ser enviado.
Mínimo de caracteres O número mínimo de caracteres que o usuário deve inserir.
Máximo de caracteres O número máximo de caracteres que o usuário pode inserir.
Ocultar contagem de caracteres Oculta ou exibe o contador de caracteres em tempo real abaixo da área de texto.
Texto de placeholder Texto exibido dentro da área de texto vazia até que o usuário comece a digitar.
Altura (linhas de texto) Controla a altura da área de texto, medida em linhas.
Família da fonte Tipo de letra para o texto da área de texto.
Peso da fonte Espessura (como leve, normal ou negrito) do texto.
Tamanho da fonte Tamanho do texto.
Altura da linha Espaçamento vertical entre as linhas de texto.
Cor do texto Cor do texto.
Espaçamento entre letras Espaçamento horizontal entre os caracteres.

Informações importantes

  • Vídeo: O criador padrão não inclui um bloco de vídeo dedicado. Use Código personalizado para incorporar um player, se necessário. Para saber mais, consulte Landing pages.

Blocos do editor de Banner

No criador de Banner, arraste linhas e blocos da seção Build para o canvas para organizar o layout da sua mensagem. Selecione Styles para ajustar o estilo no nível da página, ou selecione um bloco ou linha para editar suas propriedades no painel lateral.

Para o fluxo completo de criação de Banner, consulte Criar um Banner.

O criador de Banner oferece os mesmos tipos de blocos de layout que outras superfícies de arrastar e soltar, mas não o conjunto completo de blocos de formulário (por exemplo, não há blocos de botão de opção, texto curto, menu suspenso ou caixa de seleção). Você pode adicionar blocos de Phone capture e Email capture; apenas um bloco de captura de telefone e um bloco de captura de e-mail são permitidos por mensagem.

Título e parágrafo

Adiciona texto de título ou corpo com opções de formatação de texto.

Propriedade Descrição
Família da fonte O estilo da fonte do texto.
Peso da fonte Determina a espessura do texto.
Tamanho da fonte Determina o tamanho do texto.
Altura da linha Modifica a distância entre as linhas do texto.
Espaçamento entre letras Modifica a distância entre cada caractere.
Alinhamento do texto Move o texto para ficar alinhado à esquerda, ao centro, à direita ou justificado.
Cor do texto Modifica a cor do texto.

Botão

Adiciona um botão clicável. Você pode definir links e opções de análise de dados no painel de propriedades.

Propriedade Descrição
Largura do botão Modifica a largura do botão para automática ou manual.
Família da fonte O estilo da fonte do texto.
Peso da fonte Determina a espessura do texto.
Tamanho da fonte Determina o tamanho do texto.
Espaçamento entre letras Modifica a distância entre cada caractere.
Alinhamento do botão Move o botão para a esquerda, centro ou direita.
Cor do texto do botão Modifica a cor do texto no botão.
Cor de fundo Modifica a cor do fundo do botão.
Estilo da borda Determina o estilo da borda do botão.
Raio da borda Determina o arredondamento dos cantos.

Comportamento ao clicar

Ação Descrição
Enviar formulário quando o botão for clicado Envia o formulário e executa o comportamento ao clicar selecionado. Desative essa opção para executar apenas o comportamento ao clicar.
Definir comportamentos separados para cada plataforma Personaliza o comportamento do botão para cada plataforma separadamente.
Comportamento ao clicar Determina a ação quando o usuário clica no botão, como fechar a mensagem, abrir uma URL da web, fazer deep linking para uma página específica do app, ir para outra página ou solicitar permissão de push.
Registrar atributos personalizados ou eventos Determina se clicar no botão atualiza o perfil do usuário com dados personalizados. Você também pode selecionar o identificador para relatório.

Para saber mais, consulte Definir comportamento ao clicar no artigo de Banner.

Imagem

Exibe uma imagem a partir de uma URL hospedada. Configure as opções de exibição no painel de propriedades.

Propriedade Descrição
URL O endereço hospedado da imagem.
Alinhamento Move a imagem para a orientação à esquerda, ao centro ou à direita.
Cor de fundo Modifica a cor do fundo da imagem.
Estilo da borda Determina o estilo da borda da imagem.
Raio da borda Determina o quão arredondados são os cantos da imagem.

Comportamento ao clicar

Ação Descrição
Texto alternativo O texto que aparece no lugar de uma imagem caso ela não carregue. Leitores de tela anunciam o texto alternativo para explicar as imagens, então use uma linguagem simples para fornecer informações essenciais sobre a imagem.
Enviar formulário quando a imagem for clicada Envia o formulário e executa o comportamento ao clicar selecionado. Desative essa opção para executar apenas o comportamento ao clicar.
Definir comportamentos separados para cada plataforma Personaliza o comportamento da imagem para cada plataforma separadamente.
Comportamento ao clicar Determina a ação quando o usuário clica na imagem, como fechar a mensagem, abrir uma URL da web, fazer deep linking para uma página específica do app, ir para outra página ou solicitar permissão de push.
Registrar atributos personalizados ou eventos Determina se clicar na imagem atualiza o perfil do usuário com dados personalizados. Você também pode selecionar o identificador para relatório.

Insere um hiperlink que os usuários podem selecionar.

Propriedade Descrição
Família da fonte O estilo da fonte para o texto.
Peso da fonte Determina a espessura do texto.
Espaçamento entre letras Modifica a distância entre cada caractere.
Cor do texto Modifica a cor do texto.

Comportamento ao clicar

Ação Descrição
URL O hiperlink para navegação.
Identificador para relatório Determina o identificador para relatório.

Espaçador

Adiciona espaçamento vertical entre blocos.

Propriedade Descrição
Cor de fundo Modifica a cor de fundo do espaçador.
Altura Modifica a altura do espaçador. Você também pode modificar isso usando as alças de redimensionamento no espaçador.

Código personalizado

Insere HTML personalizado para layouts avançados ou conteúdo incorporado (por exemplo, vídeo). Cliques dentro de HTML personalizado não são rastreados, a menos que você chame brazeBridge.logClick() — consulte Código personalizado e ponte JavaScript para Banners.

Propriedade Descrição
Código personalizado Adicione ou edite HTML (e ativos relacionados) para o Banner.

Captura de telefone

Coleta um número de telefone. Ao enviar, inscreve o usuário no grupo de inscrições de SMS ou WhatsApp selecionado. Apenas um por Banner.

Propriedade Descrição
Grupo de inscrições O grupo de inscrições de SMS ou WhatsApp no qual o usuário está inscrito ao enviar o formulário. Inclui uma opção para coletar números de telefone de todos os países.
Alinhamento do texto Move o texto para ficar alinhado à esquerda, ao centro, à direita ou justificado.
Texto de espaço reservado Um número de telefone de exemplo para exibir.

Captura de e-mail

Coleta um endereço de e-mail e o adiciona ao perfil da Braze do usuário ao enviar. Apenas um por Banner.

Propriedade Descrição
Família da fonte O estilo da fonte do texto.
Peso da fonte Determina a espessura do texto.
Tamanho da fonte Determina o tamanho do texto.
Altura da linha Modifica a distância entre as linhas do texto.
Cor do texto Modifica a cor do texto.
Espaçamento entre letras Modifica a distância entre cada caractere.
Alinhamento do texto Move o texto para ficar alinhado à esquerda, ao centro, à direita ou justificado.
Texto de placeholder Um endereço de e-mail de placeholder para exibição.

Texto longo

Campo de texto multilinha para fluxos no estilo de pesquisa. Se você não vir esse bloco, entre em contato com o suporte da Braze ou seu gerente de sucesso do cliente.

Propriedade Descrição
Campo de entrada obrigatório Indica se o campo deve ser preenchido antes que o formulário possa ser enviado.
Mínimo de caracteres O número mínimo de caracteres que o usuário deve inserir.
Máximo de caracteres O número máximo de caracteres que o usuário pode inserir.
Ocultar contagem de caracteres Oculta ou exibe o contador de caracteres em tempo real abaixo da área de texto.
Texto de placeholder Texto exibido dentro da área de texto vazia até que o usuário comece a digitar.
Altura (linhas de texto) Controla a altura da área de texto, medida em linhas.
Família da fonte Tipo de letra para o texto da área de texto.
Peso da fonte Espessura (como leve, normal ou negrito) do texto.
Tamanho da fonte Tamanho do texto.
Altura da linha Espaçamento vertical entre as linhas de texto.
Cor do texto Cor do texto.
Espaçamento entre letras Espaçamento horizontal entre os caracteres.

Informações importantes

  • Vídeo: O criador padrão não inclui um bloco de vídeo dedicado. Use Custom code para incorporar um player, se necessário. Para saber mais, consulte Banners: perguntas frequentes.
  • Liquid: A maioria do Liquid é compatível; existem exceções, como tags de re-renderização de catálogo. Para saber mais, consulte Banners: perguntas frequentes.

Blocos do editor da Central de Preferências

Arraste blocos da seção Build para uma linha no editor de arrastar e soltar da Central de Preferências. Cada bloco tem suas próprias configurações; o painel do lado direito alterna entre propriedades ou estilo do elemento selecionado.

Antes de editar os blocos, adicione grupos de inscrições e configure o smart block de inscrição (veja abaixo). Para o fluxo completo de configuração, consulte Criar uma Central de Preferências de e-mail com arrastar e soltar.

Título e parágrafo

Adiciona um cabeçalho ou corpo de texto com opções de rich text.

Propriedade Descrição
Família da fonte O estilo da fonte do texto.
Peso da fonte Determina a espessura do texto.
Tamanho da fonte Determina o tamanho do texto.
Altura da linha Modifica a distância entre as linhas do texto.
Espaçamento entre letras Modifica a distância entre cada caractere.
Alinhamento do texto Move o texto para ficar alinhado à esquerda, ao centro, à direita ou justificado.
Cor do texto Modifica a cor do texto.

Botão

Adiciona um botão clicável (por exemplo, Save ou navegação).

Propriedade Descrição
Largura do botão Modifica a largura do botão para automática ou manual.
Família da fonte O estilo da fonte do texto.
Peso da fonte Determina a espessura do texto.
Tamanho da fonte Determina o tamanho do texto.
Espaçamento entre letras Modifica a distância entre cada caractere.
Alinhamento do botão Move o botão para a esquerda, centro ou direita.
Cor do texto do botão Modifica a cor do texto no botão.
Cor de fundo Modifica a cor do fundo do botão.
Estilo da borda Determina o estilo da borda do botão.
Raio da borda Determina o arredondamento dos cantos.

Imagem

Exibe uma imagem da Biblioteca de mídia ou de uma URL.

Propriedade Descrição
URL O endereço hospedado da imagem.
Alinhamento Move a imagem para a orientação à esquerda, ao centro ou à direita.
Cor de fundo Modifica a cor do fundo da imagem.
Estilo da borda Determina o estilo da borda da imagem.
Raio da borda Determina o quão arredondados são os cantos da imagem.

Espaçador

Adiciona espaçamento vertical entre blocos.

Propriedade Descrição
Cor de fundo Modifica a cor de fundo do espaçador.
Altura Modifica a altura do espaçador. Você também pode modificar isso usando as alças de redimensionamento no espaçador.

Grupos de inscrições (smart block)

Adiciona um bloco de modelo que lista grupos de inscrições, controles opcionais de Subscribe to all / Unsubscribe from all e descrições. Configure-o depois de adicionar grupos no fluxo de trabalho da Central de Preferências.

Depois de adicionar grupos de inscrições, selecione o smart block no canvas para:

  • Reordenar grupos de inscrições
  • Adicionar ou remover grupos
  • Adicionar ou remover descrições
  • Alternar Subscribe to all e Unsubscribe from all para os grupos nesse bloco

O controle Unsubscribe from all na parte inferior do modelo padrão é obrigatório e realiza um cancelamento de inscrição global de e-mail.

Informações importantes
New Stuff!