www.hostnet.com.br/tutorial

Criando formulário de contato no WebFácil

Crie um formulário de contato em seu site para que seus clientes possam falar diretamente com você. Assista o vídeo:

Versão texto do vídeo:

Na primeira parte do vídeo sobre o WebFácil, criamos o site da “Pizzaria Hostnet”, incluindo a página ‘Principal’ e o ‘Cardápio’.

Nessa segunda parte, veremos como criar as páginas de ‘Pedido’ e de ‘Contato’. Mas antes, vamos aprender como modificar algumas informações valiosas na página principal.

Note que o texto da nossa página principal, está em um tamanho um tanto quanto pequeno, mas você pode personalizá-lo conforme a sua necessidade.

Vamos acessar então, o Painel de Controle Hostnet, preencha suas informações de domínio e senha. Clique em ‘OK’. Em seguida, acesse ‘Webfácil’.

Queremos alterar a página principal, vamos procurar a edição do texto.
Na janela de edição, selecione o texto e aumente o tamanho da fonte.
Nós colocamos o tamanho 12.

Outra coisa que pode-se fazer é configurar a cor do texto e sua formatação, por exemplo: “Pizzaria Hostnet”, em negrito e na cor vermelho escuro. A configuração vai depender da sua necessidade, existem várias opções. Terminado, clique em ‘Salvar’.

Para realizar as alterações realizadas, você não precisar clicar em ‘Salvar Meu Site’,  Se não for necessário publicar no momento, clique apenas em ‘Visualizar Meu Site’. O site é carregado e você pode verificar que agora o nosso texto está maior. Se precisarmos que ele fique maior ainda, basta editar e visualizar novamente.

Já que o site ficou da maneira que esperava, feche a visualização, com cuidado para não fechar o navegador. Volte ao Webfácil, vamos agora criar ‘Pedido’ e ‘Contato’.

Adicionando novas seções ao Menu

Adicionar novos itens ao Menu, é muito simples, basta clicar na opção ‘Cadastrar Menu’ do Webfácil. Na janela de páginas, vamos adicionar um item: ‘Pedidos’ ao clicar em salvar ele será adicionado. Também criamos ‘Contatos’ e qualquer momento pode-se trocar a ordem, por exemplo: se quisermos ‘Contatos’ antes de ‘Pedidos’, basta clicar nas setinhas de ‘Posição’. A ordem dos itens é muito importante para a navegação de seu site. Se por acaso, você cadastrar algum item por engano, pode removê-lo de forma simples, basta deixá-lo em branco, em seguida clique em ‘Salvar’ o item já sumiu. Terminada a configuração, podemos fechar essa janela e  o nosso menu já está criado.

Vamos fazer a nossa tela de ‘Pedidos’. No layout escolhido, temos uma figura ao lado do texto, mas podemos também colocá-la no meio do texto. E é o que optamos por fazer. Antes, cadastraremos a imagem em ‘Cadastrar Imagem’, em seguida selecionamos a desejada e enviamos. Em seguida, fechamos a janela aberta para a seção anterior e vamos editar a seção de ‘Pedidos’. Para um melhor resultado, selecionamos o texto e colocamos todos os páragrafos justificados e almentamos o tamanho da fonte para 14. Olhando embaixo temos o item ‘Inserindo Imagem do Webfácil’, podemos selecionar a imagem desejada clicando (no ‘v’ verde embaixo da imagem escolhida), centralizamos a imagem arrastamos ela para o local desejado.

Depois das alterações realizadas, clique em ‘Salvar’. Para testar, clique em ‘Visualizar Meu Site’.

Em nosso caso, clicamos na última sessão alterada ‘Pedidos’ para verificarmos a página criada. Falta ainda, a área de ‘Contatos’. Vamos fechar a área de visualização e no editor clicar em ‘Contatos’, para configurar o contato é muito simples, basta clicar em ‘Diagrama de Página’ para escolher um novo. Navegando entre as opções, você encontrará um formulário de contato, selecione a opção e em seguida, clique em ‘Salvar Diagrama Selecionado’.

Poderá fechar a janela referente a alteração anterior, e o formulário de contato já foi configurado. A partir deste formulário, todos os seus visitantes podem lhe mandar uma mensagem, basta que você troque o seu email, para qualquer um dos configurados anteriormente.

Para isso clique em ‘Editar’ ao lado de ‘Troque o email’ onde irá inserir qualquer email configurado na sua caixa de email. Se você ainda não fez isso, confira o vídeo de configuração de emails, pelo paindel da Hostnet. Você tem configurar também a sua senha.

O email configurado deve ser o do seu próprio domínio para que as mensagens possam ser enviadas corretamente.
Para verificar a validade da senha, clique em ‘Validar Senha’ se estiver correta, clique em ‘Incluir Email’. A partir disso, toda mensagem enviada pelo site para você, será enviada para o email selecionado. Em seguida, configure um título para o formulário e visualize as modificações realizadas em ‘Visualizar Meu Site’.

Quando um determinado visitante quiser saber mais informações, basta preencher o formulário. Pronto! Agora você já tem o seu site totalmente criado no WebFácil e sem ter que aprender nenhuma linguagem de programação para isso.

Para que essas alterações tenham efeito, você deve clicar em ‘Salvar Meu Site’. O ideal é que após uma alteração tão grande, você deve selecionar a opção ‘Publicar tudo (em processo mas lento). Clicando em OK, seu site está no ar, com o endereço informado em seguida.