Desenhe seu WorkForm

Publicado em 9 maio

 

Com o WorkForms, criar o formulário dos seus sonhos é fácil! A aba “Design” na parte superior do seu formulário ajudará você a dar a ele a aparência e a sensação que você precisa. 

Função e beleza, o WorkForms tem tudo isso! 🙌

 

Acesse a aba Design

A aba “Design” está localizada na parte superior do seu formulário, entre as abas “Editar” e “Configurações”. Clicar nela abrirá um painel de design no lado direito do seu formulário. Dentro do painel de design, você pode editar o formato, o alinhamento, o tema de cores, o fundo e a fonte do seu formulário. Você também encontrará as configurações “Ocultar marca” e “Barra de progresso” dentro do painel de design. 

 

Formatação e alinhamento 

Ao configurar seu WorkForm, você pode escolher o alinhamento do seu conteúdo e se deseja que seu formulário apareça em uma página inteira ou em um formato de cartão. 

  • Escolha um formato

Ao formatar seu WorkForm, você tem a opção de escolher entre uma visualização de página inteira e uma visualização em estilo cartão. Essas opções afetarão a aparência do seu formulário na tela quando o remetente o preencher.

 

Ao escolher o formato de página inteira, o formulário aparecerá como uma página alongada na tela: 

 

Ao escolher o formato de cartão, seu formulário aparecerá em uma visualização mais curta, semelhante a um cartão, na sua tela:

 

Nota: Para aprender sobre como personalizar o formato das suas perguntas no formulário, leia o artigo sobre
Organize seu WorkForm com blocos de conteúdo e páginas. 

 

  • Ajuste o alinhamento 

A configuração de alinhamento permite que você ajuste a posição do seu WorkForm dentro de seu fundo. Você pode escolher alinhar o formulário à esquerda, à direita ou ao centro da tela. 

 

Personalize com IA 

Personalize com IA permite que você projete automaticamente seu WorkForm para combinar com a marca da sua empresa. Em vez de estilizar manualmente cores e fontes, a IA extrai elementos da marca do site da sua empresa e os aplica ao formulário, economizando tempo e mantendo uma marca consistente em grande escala! 

 

Nota: Esse recurso está disponível no plano Enterprise. 

 

Para personalizar seu WorkForm usando IA, basta inserir a URL do seu site na caixa de texto Personalizar. Assim que a IA escanear o site, você encontrará suas cores de marca, logotipos e fontes para escolher nas abas de design abaixo. 

 

 

Nota: Se a extração da marca falhar, o formulário usará a fonte Poppins com uma paleta de cores neutra. Google Fonts são suportados; fontes licenciadas não são suportadas.

 

Selecione um tema de cores

Adicionar um tema de cores específico permite que você personalize a aparência do texto e dos botões no seu formulário, como os botões “Iniciar” e “Enviar”. 

  • Personalize os botões

Clique na aba “Tema de Cores” e certifique-se de que você está na seção “Cor Primária”. Selecione uma cor entre as opções ou clique no ícone “+” abaixo de “Cores Personalizadas” para escolher uma cor no seletor. 

 

  • Personalize a cor do texto

Você também pode mudar a cor do seu texto no formulário para garantir que a cor do seu texto seja adequada ao tema de cores geral do seu formulário. Dentro da aba “Tema de Cores”, clique na seta suspensa ao lado de “Cor Primária” e selecione “Cor do Texto”. A partir daqui, selecione uma cor entre as opções ou clique no ícone “+” abaixo de “Cores Personalizadas” para escolher uma cor no seletor. 

 

Adicionar um fundo 

Ao selecionar um fundo para seu WorkForm, você pode definir uma cor, usar uma imagem de modelo ou fazer upload da sua própria imagem. Essas opções permitem que você crie um formulário que tenha exatamente a aparência que você deseja! 

  • Cor de fundo 

Para modificar a cor de fundo, clique na opção “Fundo” no lado direito da sua tela. Na aba “Cor”, você pode escolher uma cor sólida da lista de cores ou clicar no botão “Personalizado” para escolher uma cor no seletor de cores.  

Você pode clicar em “Restaurar para o padrão” para desfazer quaisquer alterações que você fizer na cor de fundo e retornar ao fundo original do WorkForms. 

 

  • Imagem de modelo 

O WorkForms oferece uma seleção de imagens de fundo. Para abrir outras opções de fundo, clique na seta suspensa ao lado de “Cor” e selecione “Imagem”. A partir daqui, você pode ver as imagens de modelo disponíveis. Role para a esquerda ou para a direita para ver todas as imagens disponíveis e clique na imagem que deseja adicionar.  

 

  • Imagem personalizada

Dentro da aba “Imagem”, você também pode fazer upload da sua própria imagem para definir como fundo do seu formulário. Clique no ícone “Fazer upload” abaixo dos modelos e selecione uma imagem do seu computador para fazer upload. 

 

Dica: Não há proporções ou requisitos de tamanho específicos para uma imagem de fundo. No entanto, recomenda-se manter sua imagem o menor possível para tempos de carregamento mais rápidos.

 

Adicionar um logotipo

Para adicionar um logotipo, clique na aba “Logotipo & cabeçalho” no painel direito e selecione “Fazer upload da imagem”. Uma janela será aberta, permitindo que você selecione um arquivo do seu computador. Depois de selecionar sua imagem, você pode arrastar os quadrados para cortar sua imagem em um tamanho que atenda às suas necessidades. 

 

Nota: Para otimizar a qualidade do logotipo do seu formulário, recomenda-se usar um arquivo com tamanho máximo de 4MB e 100 pixels, o que manterá a resolução da imagem.

 

Você pode ainda personalizar o tamanho do logotipo e o alinhamento do cabeçalho do formulário usando as setas suspensas ao lado de “Alinhamento do cabeçalho” e “Tamanho do logotipo.” 

 

Nota: Você também pode adicionar “Texto alternativo”. Esse texto aparece no lugar do seu logotipo caso a imagem não carregue na tela do usuário e ajuda ferramentas de leitura de tela a descrever imagens para leitores com deficiência visual.

 

Personalize seu texto

Você pode mudar a fonte e a direção do texto exibido no seu WorkForm clicando na aba “Fonte” no painel de design do lado direito. Clique na seta suspensa ao lado de “Fonte” e selecione uma fonte específica da lista. Para mudar a direção do texto no seu formulário, clique na seta suspensa ao lado de “Direção do texto”. 

 

Nota: A opção de mudar a direção do texto é para suportar idiomas que utilizam a direção RTL (da direita para a esquerda).

 

Adicionar barra de progresso

Uma configuração adicional dentro da aba Design é a opção de adicionar uma barra de progresso ao seu formulário. A barra de progresso mostrará ao remetente quanto do formulário ele completou e quanto ainda falta para completar. Para adicionar uma barra de progresso, clique no botão ao lado da configuração. 

 

À medida que o remetente começa a preencher o formulário, uma barra aparecerá na parte superior do formulário e crescerá conforme o remetente avança no formulário. Isso permitirá que ele veja quanto do formulário ainda falta para ser completado. 

 

Ocultar marca 

Essa configuração permite que você oculte ou mostre a marca “monday workforms” do seu formulário, caso prefira não exibi-la. Para ocultar a marca, clique no botão ao lado da configuração para desativá-la. 

 

Nota: A opção de ocultar a marca monday WorkForms está disponível apenas para usuários dos planos Pro e Enterprise.

 


Ainda tem dúvidas? Entre em contato com o suporte oficial da monday.com.

Quer implementar a monday.com com mais eficiência na sua empresa? A Audatia é parceira oficial da monday.com no Brasil e oferece serviços de consultoria, treinamento e otimização de processos. Entre em contato →

Audatia é parceira autorizada monday.com no Brasil. Entre em Contato e contrate serviços.

Conteúdo relacionado

Integração com Eventbrite

4 min de leitura Recurso Eventbrite ajuda você a planejar, organizar, promover e realizar eventos de forma integrada. Agora você pode integrar todos os dados…

Preços de automações e integrações

Conectar e automatizar Planos e cobrança 2 min de leitura Se você está curioso sobre qual plano é o ideal para você e sua equipe em relação a automações e…

Crie e salve modelos no WorkCanvas

3 min de leitura Recurso É sabido o quanto de tempo e energia é gasto para criar um ótimo canvas. Portanto, entende-se o valor de ter esse canvas salvo como um…