To make modern forms, Metform offers a range of advanced input fields. Let’s check out the list and how they work.
You can also check the documentation of Free Input Fields.

Móvel #

O Mobile Field permite que o usuário selecione o prefixo do código do país e o número de telefone no menu suspenso. Você também pode selecionar sua posição, ativar ou desativar o rótulo e alterar o número do celular, se desejar. 

Cuidado com o nosso Demonstração ao vivo aqui

Seleção de imagem #

Este campo de entrada permite que os usuários do formulário façam suas escolhas usando uma série de imagens. Tudo o que você precisa fazer é enviar suas imagens para um local da web, para que os usuários do formulário possam clicar nas imagens para obter a imagem desejada.

Cuidado com o nosso Demonstração ao vivo aqui

Com foco de imagem #

Cuidado com o nosso Demonstração ao vivo aqui

Vertical #

Cuidado com o nosso Demonstração ao vivo aqui

Alternar seleção #

Alternar seleção, você pode ativar uma seção de várias seções por vez. Se você selecionar uma seção ativa, outra seção será desativada automaticamente.

Cuidado com o nosso Demonstração ao vivo aqui

Vertical #

Cuidado com o nosso Demonstração ao vivo aqui:

Repetidor Simples #

Use um grupo de campos várias vezes, você não precisa criar o campo repetidamente. Basta clicar no botão “Adicionar” e o novo campo aparecerá automaticamente.

Assista ao vídeo guia

1. Pesquise o Repetidor Simples e arraste-o para a área de posicionamento do widget.

2. Adicione o campo repetidor simples em “Adicionar item”

3. Clique em “Atualizar”

4. Vá para o Site => Basta clicar em Adicionar para adicionar campo repetido

5. Campo repetido sendo exibido de acordo=> Clique Excluir para excluir a seção repetida

Você pode assistir Nosso Demonstração ao vivo aqui

Com ícones de botão #

Você pode assistir Nosso Demonstração ao vivo aqui

Com vários campos #

Você pode assistir Nosso Demonstração ao vivo aqui

Suporta texto, e-mail, número, URL, switch, intervalo, caixa de seleção, rádio e seleção #

Você pode assistir Nosso Demonstração ao vivo aqui

Localização no mapa do Google #

Quer mostrar sua localização ao usuário para que ele possa encontrá-lo facilmente? A localização do Google Map ajuda você a identificar a localização exata exibida em seu formulário com conteúdo e estilos personalizáveis. 

Nota importante:

** Você deve configurar a API do mapa em MetForm -> Configurações. Configure o formulário aqui

** Você também deve ativar o API JavaScript do Google Maps & API de locais para conectar sua localização no mapa do Google

** Você deve ativar o faturamento no projeto Google Cloud em-> https://console.cloud.google.com/project/_/billing/enable

Você pode assistir nossa captura de tela abaixo

Cuidado com o nosso Demonstração ao vivo aqui

Seletor de cores #

Selecione facilmente qualquer cor na paleta de cores suspensa para projetar seu formulário de uma forma atraente. Basta clicar na cor escolhida e a cor aparecerá de acordo.

Cuidado com o nosso Demonstração ao vivo aqui

Cálculo #

Execute cálculos entre campos de formulário para exibir o valor calculado automaticamente com Metform. Você pode realizar qualquer tipo de cálculo usando o campo do formulário.

Assista ao vídeo guia

Ou siga o processo passo a passo abaixo:

Etapa-> 1 #

Criação de formulário

1: Procure o Metform widget e arraste-o para a área de posicionamento do widget.

2: Clique na cor vermelha Editar botão

3: Clique em Novo=> Selecione o Formulário em branco=> Fornecer Nome

Etapa-> 2 #

Cálculo entre pacotes e quantidade

1: Colocou o Valor do pacote 1: 50

2: Copie o nome do campo Pacotes

3: Copie o Quantidade campo Nome

Etapa-> 3 #

Execute a multiplicação: Multiplicação é quando você pega um número e o soma várias vezes.

1: Procurar Campo de cálculo=> Arraste e solte sob o Campo Pacote

2: Editar cálculo=> Configurações=> Forneça o Expressão

• Cole o nome do campo Pacotes e o nome do campo Quantidade com os operadores: pacotes * quantidade

Visualização do site

1: Selecione Pacote 1=> Colocou o Valor da quantidade: 1

• Mostrando o preço: $50

2: Agora defina o Valor da quantidade: 2

• Mostrando o preço: $100

Etapa-> 4 #

Realizar adição : A adição é um processo ou ação de adicionar algo a outra coisa.

• 1. Editar cálculo=> Configurações=> Cole o nome do campo Pacotes e o nome do campo Quantidade
• 2: Fornecer Adição expressão. Por exemplo: pacotes + quantidade

Visualização do site

1: Selecione Pacote 1=> Colocou o Valor da quantidade: 3

• Mostrando o preço de adição: $53

Etapa-> 5 #

Realizar subtração: É a operação de retirada de objetos de uma coleção indicada pelo sinal de menos.

• 1. Editar cálculo=> Configurações=> Cole o nome do campo Pacotes e o nome do campo Quantidade
• 2: Fornecer Subtração expressão. Por exemplo: pacotes – quantidade

Visualização do site

1: Selecione Pacote 1=> Colocou o Valor da quantidade: 3

• Mostrando o Preço subtraído: $47

Etapa-> 6 #

Divisão de desempenho: Um número que divide outro número completamente ou com resto

• 1. Editar cálculo=> Configurações=> Cole o nome do campo Pacotes e o nome do campo Quantidade
• 2: Fornecer Divisão expressão. Por exemplo: pacotes/quantidade

Visualização do site

1: Selecione Pacote 1=> Colocou o Valor da quantidade: 3

• Mostrando o Preço dividido: $16.666666666666668

Etapa-> 7 #

Mostrar valor flutuante: Um float é um número que possui uma casa decimal.

• 1: Editar cálculo=> Configurações=> Cole o nome do campo Pacotes e o nome do campo Quantidade
• 2: Defina o número após a vírgula que deseja colocar após o ponto decimal.
• 3: Proporciona a Expressão de ponto flutuante. Por exemplo: float(pacotes / quantidade,2). Aqui você obterá 2 casas decimais, pois definiu o valor 2.

Visualização do site

1: Selecione Pacote 1=> Colocou o Valor da quantidade: 3

• Mostrando o preço flutuante com 2 números de entrada após ponto decimal : 16.67

Etapa-> 8 #

Mostrar valor redondo : Um número que mantém seu valor próximo ao que era.

• 1: Editar cálculo=> Configurações=> Cole o nome do campo Pacotes e o nome do campo Quantidade
• 2: Fornece expressão redonda. Por exemplo: rodada (pacotes / quantidade)

Visualização do site

1: Selecione Pacote 1=> Colocou o Valor da quantidade: 3

• Mostrando o preço arredondado: 17

Etapa-> 9 #

Mostrar valor NumberFormat: NumberFormat permite mostrar valores separados por vírgula.

• 1: Editar cálculo=> Configurações=> Cole o nome do campo Pacotes e o nome do campo Quantidade
• 2: Forneça a expressão NumberFormat. Por exemplo: numberFormat(pacotes * qtd)

Visualização do site

1: Selecione Pacote 1 => Agora defina o valor da quantidade: 100000

• Mostrando os valores separados por vírgula: $5.000.000

Etapa-> 10 #

Mostrar Chão Valor: Os valores mínimos permitem retornar o número inteiro mais próximo menor ou igual a um determinado número.

• 1: Editar cálculo=> Configurações=> Cole o nome do campo Pacotes e o nome do campo Quantidade
• 2: Fornecer Chão Expressão. Por exemplo: andar (pacotes/quantidade)

Visualização do site

1: Selecione Pacote 1=> Colocou o Valor da quantidade: 3

• Mostrando o preço mínimo: 16

Etapa-> 11 #

Mostrar Teto Valor: Os valores do teto permitem retornar o ralador inteiro mais próximo ou igual a um determinado número.

• 1: Editar cálculo=> Configurações=> Cole o nome do campo Pacotes e o nome do campo Quantidade
• 2: Fornecer Teto Expressão. Por exemplo: teto (pacotes / quantidade)

Visualização do site

1: Selecione Pacote 1=> Colocou o Valor da quantidade: 3

• Mostrando o Teto preço: 17

• Aqui está toda a operação com exemplo de expressão

• Descrição das opções

Forma de pagamento #

Escolha seu gateway de pagamento como PayPal com campo de entrada Método de pagamento e facilite a política de pagamento dos usuários.

Siga o processo passo a passo abaixo sobre como você pode efetuar seu pagamento:

Procurar Forma de pagamento=> Derrubar o campo de entrada

• Largue o Campo de texto e botão enviar
• Agora copie o nome selecionado: Mf-Texto

• Selecione o método de pagamento
• Cole o nome do texto no campo integrado

• Definir valor
• Enviar

Faça login com sua conta do PayPal

• Selecione seu tipo de pagamento
• Pague agora

Confirmação enviada para seu e-mail

Você pode tomar cuidado Demonstração ao vivo aqui

Vertical #

Você pode tomar cuidado Demonstração ao vivo aqui

Assinatura #

Você gostaria de obter uma assinatura realista dos usuários em seu formulário antes que eles cliquem no botão enviar? O campo de entrada de assinatura irá ajudá-lo a coletar assinaturas realistas para acordos, transações de baixo risco e outros contratos. 

Você pode assistir nossa captura de tela abaixo

Cuidado com o nosso Demonstração ao vivo aqui

Gosto Não gosto #

 Obtenha feedback do usuário para melhores melhorias. Permita que os usuários forneçam suas reações usando campos de entrada de gosto e desgosto. 

Você pode assistir nossa captura de tela abaixo

Cartão de crédito #

Você deve pesquisar o widget na barra de pesquisa do Elementor e arrastá-lo e soltá-lo.

Encontre os campos de personalização e defina-os com base em suas preferências.

Try Metform now 👇