Wl_Form_Free_1280x720.mp4

00:00:00

Neste tutorial, vou discutir o widget de forma livre

00:00:03

O widget de formato livre é uma maneira de adicionar formulários com uma variedade de campos diferentes e fazer praticamente qualquer pergunta

00:00:09

você pode querer

00:00:10

Os usuários podem preencher esses formulários e enviá-los a você, e você pode usar respostas automáticas integradas ou até mesmo programas de gerenciamento de e-mail, como o MailChimp.

00:00:20

E se você quiser fazer perguntas específicas aos usuários,

00:00:23

você gostaria de usar formas livres

00:00:24

Se você deseja que os usuários possam enviar uma mensagem ou contatá-lo por e-mail, telefone ou outro método de contato, você deve usar o formulário de contato

00:00:34

No entanto, se você quiser personalizar o que está pedindo ao usuário, então você vai querer usar o formato livre porque é muito mais liberdade

00:00:42

Então, depois de criar o formulário livre, ele pedirá que você escolha um novo campo

00:00:51

Então, depois de criar o formato livre, ele ficará em branco

00:00:55

Você pode adicionar um título no topo aqui

00:00:59

E para as opções de formulário e campo, você simplesmente clicaria em adicionar um novo campo para criar um novo campo

00:01:05

O rótulo será o rótulo daquele campo específico

00:01:10

E isso é determinado pelo tipo de campo geralmente

00:01:12

Temos vários tipos de campos diferentes para escolher

00:01:14

Então, o campo de texto basicamente daria a eles uma caixa de texto na qual eles podem digitar, muito semelhante a esta aqui onde o rótulo está

00:01:22

Então você simplesmente digitaria o texto

00:01:24

E a ajuda de texto estará abaixo do formulário, que é usada para ajudar a descrever o formulário

00:01:31

Então você poderia dizer para eles inserirem texto aqui e então informá-los que eles podem inserir texto ali

00:01:37

E o espaço reservado, que não ficará realmente visível diretamente no site, mas se você estiver visualizando o HTML, poderá usar espaços reservados para localizar campos específicos facilmente.

00:01:50

Mas depois de preencher todas as informações, você escolheria o tipo de campo, o rótulo, o texto de ajuda, que aparecerá abaixo, o espaço reservado se desejar, e se é obrigatório ou não.

00:02:01

Se você escolher não, isso significa que eles não precisarão preencher antes de clicar no botão de envio.

00:02:05

Se você escolher sim, isso significa que eles terão que preencher e não poderão enviar antes que todas as caixas obrigatórias sejam preenchidas.

00:02:12

Então, depois de ter tudo isso definido, você pode clicar em salvar, e você pode ver à direita, agora foi criada nossa pequena caixa de texto com nosso texto bem no topo

00:02:22

O rótulo é o texto e o texto de ajuda está logo abaixo dele

00:02:25

Isso diz insira o texto aqui, e você pode inserir o texto

00:02:28

E então se eles enviassem o formulário, então esse formulário já teria sido enviado

00:02:34

E é realmente tão simples

00:02:36

Você simplesmente adicionaria todos os campos diferentes que deseja para qualquer pergunta

00:02:40

você quer perguntar

00:02:41

Então, digamos que se você quisesse o nome deles, você colocaria o nome aqui e então eles digitariam o nome deles

00:02:46

Todos os tipos de campos diferentes

00:02:49

O campo de e-mail é específico para e-mails, para que ele reconheça se é um e-mail ou não

00:02:54

Então você simplesmente pediria o e-mail de alguém com isso

00:02:57

A área de texto é igual ao campo de texto, exceto que é maior, uma caixa muito maior onde as pessoas podem inserir mais texto.

00:03:07

Então você pode ver que é uma caixa muito maior

00:03:10

Quanto ao select, isso permite que as pessoas selecionem uma opção

00:03:17

Então digamos que você tivesse tamanhos, por exemplo, e quisesse que eles selecionassem um tamanho

00:03:23

Você deve inserir uma opção por linha, como pequeno, e então pressionar Enter para avançar para uma nova função.

00:03:32

E depois de inserir suas opções, você pode salvá-las, e essas opções aparecerão em uma pequena caixa suspensa, e eles poderão selecionar uma

00:03:42

Se você quiser que os usuários possam selecionar várias opções, você pode usar selecionar várias, e isso permitirá que os usuários selecionem várias opções

00:03:59

Agora, quando eu salvar este, os usuários poderão segurar shift ou control para selecionar várias opções

00:04:06

O controle selecionará, permitindo que você selecione opções individuais, e o shift selecionará tudo entre esses dois pontos

00:04:13

Você pode clicar em algum lugar, clicar em shift, segurar shift e clicar em outro lugar, e isso selecionará tudo entre eles, ou desmarcará, e o controle selecionará itens individuais.

00:04:24

Então essa é uma maneira fácil de selecionar vários itens e, para números selecionados, ele gerará automaticamente uma lista de números para você, para que você possa digitar os números aqui e inserir onde eles começam e

00:04:36

onde termina, então se você quiser que isso comece, você sabe, em um, e termine em 50, ele irá gerar uma lista de um a 50, que então eles poderiam selecionar o menu suspenso

00:04:47

e selecione o número, e se você quiser pular números, você pode usar esta etapa aqui, então se você quiser pular todos os outros números, ou cada dois números ou algo assim, você pode fazer um

00:05:01

até 50, e se você quiser pular três números, você pode digitar passo três, e agora quando rolamos para baixo até o skipper, você pode ver que ele pula a cada três números, então um, pule três, vai

00:05:17

para quatro, pula três, vai para sete, pula três, vai para dez, então essa é uma maneira fácil de fazer padrões se você quiser selecionar vários números com números pulando, você também pode fazer uma verificação

00:05:27

caixa, então você simplesmente diria sim ou não, ou você sabe, você sabe, o que você quiser para o rótulo, e então eles seriam, assim como o upload do arquivo, então você pode realmente perguntar a alguém

00:05:49

para carregar um arquivo, então digamos que você queira que eles carreguem uma imagem ou algo assim, você pode selecionar o upload de arquivo, e então isso realmente permitirá que os usuários carreguem um arquivo de seus computadores, e eles iriam

00:06:03

ser capaz de navegar no sistema do computador e realmente carregar um arquivo, então essa é uma maneira fácil de carregar arquivos ou obter arquivos de pessoas, você também pode fazer datas, então isso basicamente criará

00:06:19

um calendário, e eles poderiam selecionar uma data, e você pode perguntar se são apenas datas futuras, sim ou não, então se você selecionar não, isso significa que eles poderiam selecionar uma data

00:06:28

no passado, ou se você estiver perguntando sobre reservas futuras ou algo assim, você pode selecionar sim, e eles não poderão selecionar uma data passada, apenas uma data futura, você tem que dar isso

00:06:41

rótulo, e então dessa forma há um pequeno calendário que eles poderiam selecionar uma data que eles querem para uma reserva ou algo assim, bem como classificação, então você pode fazer classificações por estrelas, o padrão

00:07:01

são cinco estrelas, mas você pode gerar até 10 estrelas se quiser e perguntar quantas estrelas eles avaliam, assim como o gênero, ele perguntará o gênero deles com

00:07:09

uma pequena caixa suspensa, e você pode até mesmo fazer o país, onde ele pergunta o pequeno país, perguntaria de qual país eles são, e pode até mostrar as bandeiras bem ao lado deles, então uma vez

00:07:20

você tem todos os campos que deseja criar, pode organizá-los facilmente, pode determinar as colunas na área de trabalho, então normalmente eles ocuparão uma única coluna no celular, porque

00:07:32

isso é mais fácil de ver no celular, porque é bem pequeno na tela, mas no desktop, se você quiser, você pode ver que são duas colunas, você pode ver que na verdade ocupa duas colunas separadas ali,

00:07:42

mas você pode mudar isso se quiser, então você pode fazer três, e você salva e atualiza isso, você pode atualizar a página, você pode ver que agora são três colunas, ou você pode fazer uma,

00:07:53

onde tudo estará na linha, assim como no celular também, então é melhor no celular do que no desktop, e aqui embaixo para os dados e opções do formulário, é aqui que você escolheria

00:08:05

para onde essas informações são enviadas, então você digitaria seu e-mail aqui, e é para lá que ele iria, iria para esse e-mail, e você pode inserir mais de um endereço de e-mail se separá-los

00:08:14

com uma vírgula, e você pode até mesmo publicá-los em um formulário também, então se você tiver uma URL ou dados de formulário, estiver localizado, você pode publicá-los lá, e este é o texto para

00:08:24

o botão de envio, isso vai mudar a aparência do botão de envio em vez do formulário de envio, e aqui está a ajuda, texto explicativo, aqui é onde você pode inserir uma breve descrição, você

00:08:34

sabe, por favor preencha as informações, e entraremos em contato com você, e então avisarei as pessoas para preencherem as informações abaixo, e isso vai aparecer acima de tudo, você pode ver que acabou de aparecer

00:08:42

logo abaixo do título, e esse é o texto explicativo da ajuda, e para o autoresponder, se você quiser habilitar o autoresponder, isso vai responder automaticamente a qualquer pessoa, se eles digitarem seu e-mail

00:08:56

endereço, então para que isso funcione, você terá que ter um campo de endereço de e-mail e pedir o endereço de e-mail deles para realmente usar o autoresponder, e para o autoresponder

00:09:08

na verdade, respondê-los, eles têm que inserir um endereço de e-mail correto, então, quando você tiver esse campo, o autoresponder funcionará corretamente, e você poderá inserir seu endereço de e-mail, e este será o e-mail

00:09:21

que parece que foi enviado de, assim como o nome de, então se você quiser fazer como um nome real, ele aparecerá deste nome neste endereço de e-mail, e esse é o assunto, então

00:09:32

certifique-se sempre de colocar um assunto legal, e esse é o corpo da resposta automática bem aqui, então este é o texto, você diria, sabe, obrigado por me enviar uma mensagem, como você quiser fazer

00:09:42

e o que você digitar aqui é o que será enviado por e-mail para eles, você também pode integrar com o MailChimp, você simplesmente faria login no seu MailChimp, encontraria sua chave de API e poderia simplesmente colá-la ali,

00:09:55

e é muito fácil de usar, e vamos adicionar mais integrações também, e quando adicionarmos mais, faremos alguns tutoriais sobre isso também, para que você possa ver o

00:10:04

formato livre, é muito fácil de usar, as opções adicionais são como todos os outros widgets, você pode determinar se é somente para celular ou somente para desktop, e os estilos adicionais permitem que você determine o plano de fundo

00:10:17

e algumas das classes personalizadas, assim como animações também, então é bem óbvio, o formulário livre é muito fácil de usar, você simplesmente clica em adicionar um novo campo, escolhe qual campo é,

00:10:29

e insira o texto, depois que todos os seus campos forem criados, certifique-se de colocar seu endereço de e-mail no envio para, e você estará pronto para começar