Como Criar um Site Profissional, Grátis e sem Programação?

Como Criar um Site Profissional, Grátis e sem Programação?

Fala galera, beleza? Aqui é o Darlan Evandro e seja bem vindo para mais um vídeo! No vídeo passado eu mostrei como você pode criar um mini site dentro do próprio Google Meu Negócio. Também é uma opção gratuita e bem bacana. Caso você utilize ou não o Google Meu Negócio. Para visualizar esse vídeo, é só acessar o link que está aparecendo aqui na tela. Esse Site vai ter página inicial, página de produtos ou serviços, dependendo do seu ramo de atuação, página de contato, entre diversas

outras páginas que você deseja criar. Inclusive, na página de produtos, vou te mostrar algumas opções para que você possa inserir botões de pagamento, uma opção simples que pode servir para você vender produtos através do seu site. Mas antes de começar é muito importante que você se inscreva aqui no canal. Se você quer aprender mais sobre Marketing Digital, Ferramentas Digitais, se inscreva no canal. Semanalmente estou trazendo vários tutoriais bem interessantes que podem ser úteis n a sua

empresa ou no seu negócio. Então se inscreva para não perder nenhum vídeo. E como eu sempre digo, chega de enrolação e vamos lá! A ferramenta que nós vamos utilizar é o Google Sites. Se você ainda não tem uma conta de e-mail no Gmail, é só você criar gratuitamente também. Daí você vai conseguir fazer o login aqui no "sites.google.com". Caso você não tenha, é só criar rapidamente que você vai conseguir logar na ferramenta. Depois de acessar "sites.google.com", você vai faz er o seu login e depois

de logar, você será redirecionado para essa página inicial da ferramenta. Provavelmente, essa tela que vai estar em branco, a não ser que você já tenha criado algum site pela ferramenta. Aqui, o que você precisa fazer para criar o seu site? Basta vir nesse botão "+" e clicar, que você vai começar a desenvolver seu site. Eu vou explicar bem brevemente como funciona aqui só para você ter uma ideia de todos os recursos. Na parte superior, nós temos o "título do s ite", que você já pode editar se

você quiser. Coloque o nome do seu site, o nome da sua empresa. Aqui abaixo, temos a área de trabalho, que é a área de visualização do site. Tudo que você fizer de alteração ou inserção de conteúdo, você já consegue visualizar em tempo real como vai ficar aqui nessa área. No lado direito, temos um menu com todos os recursos que estão disponíveis na ferramenta. Nesta parte superior, temos caixa de texto, imagens, se você quiser incorporar um código HTML, do próprio Google Drive, temos algumas

opções de layout, se você quiser inserir um botão, divisor, um vídeo do Youtube, Agenda, Mapa, enfim. Depois vou explicar com mais detalhes como funcionam esses menus. Aqui em cima temos 3 principais menus. Menu "inserir", que é para você inserir qualquer elemento que está aqui, menu "Páginas", que é onde você gerencia suas páginas, as páginas do seu site e o menu "Temas", onde você pode trabalhar o visual do seu site. A minha sugestão é que você comece aqui pelo menu "Temas". Você vai ter

alguns temas disponíveis para personalizar o seu site, não são muitas opções mas já dá para você ter uma ideia de como vai ficar o visual do site. Então, por exemplo, vou escolher uma opção, essa "impressão", por exemplo. Cliquei nela e automaticamente já mudou o visual do site. Além de escolher o visual, você também pode trabalhar um pouco as cores. Por exemplo, caso você não tenha gostado desse vermelho, você pode selecion ar esse amarelo, ou então verde, ou então escolher uma cor específica

clicando nesse balde de tinta. Então você pode navegar aqui e escolher uma cor específica. Beleza? Vou manter esse vermelho e aqui também, o estilo da fonte você tem algumas opções. Não são muitas, mas dá para você deixar mais parecido com a sua empresa, com o visual da sua empresa. Então, agora vamos começar a preencher com as informações do site. Aqui em cima, como já preenchi o nome do site, automaticamente el e inseriu aqui nessa área do site, mas além do nome do seu site, do nome da sua

página, você pode inserir um logotipo. Caso você tenha um logotipo, é só clicar aqui "adicionar logotipo", "fazer upload", daí você vai procurar dentro do seu computador o arquivo com a sua logomarca, ou qualquer outra imagem que você queira inserir aqui no site, vai funcionar dessa forma praticamente. Caso você ainda não tenha uma logo, tem um vídeo aqui no canal com algumas dicas de como você pode m ontar sua logo, de forma rápida e simples. Então, para acessar este vídeo, basta clicar no botão

que está aparecendo aqui na tela. Eu vou inserir aqui minha logo, só como exemplo, ok? Todas as informações que eu vou inserir aqui neste site, produtos, descrição sobre a empresa, é tudo exemplo, beleza? Então já adicionei a logo, é só clicar fora. Agora nessa parte de baixo, que é um banner, você também pode editar esse banner. Quando você passa o mouse em cima dessa área, que é a área d o banner, você tem duas opções: pode escolher o "tipo de cabeçalho", você pode deixar em formato de capa

(bem grande), banner (um pouco maior) e banner normal, que ele fica no tamanho padrão, ou somente título. Eu acho que é legal deixar nesta opção "banner". Clicando aqui na seta de voltar, você consegue alterar a imagem. Então você pode fazer o upload de uma imagem ou selecionar uma imagem. Se você tiver alguma imagem salva no seu Google Drive, ou então, você pode utilizar també m algumas imagens que o próprio Google oferece. Então utiliza essa galeria, você pode selecionar aqui alguma imagem,

clicar em "selecionar", que automaticamente sua imagem vem para cá. Aqui eu vou inserir um texto de boas vindas, um texto de apresentação. Então vou colocar aqui, por exemplo, "Bem-vindo à loja", ou "Bem vindo ao meu Site", "Seja bem-vindo", você vai escolher a mensagem que você quer colocar aqui no banner, na página inicial do seu Site. Aqui embaixo, vou colocar o nome como se fosse o nome da empresa. Coloquei aqui "Moda Certa". É o nome da minha loja, por exemplo. Eu posso editar também esse

texto, dando dois cliques e selecionando, você pode deixar em negrito, itálico, você pode fazer várias edições. Em texto normal, você tem título, que seria um título em negrito, um título normal, subtítulo e pequeno. Eu vou manter aqui em "título" que é o mesmo padrão dessa parte de cima. "Bem vindo à loja Moda Certa". Então já editamos aqui o cabeçalho de forma bem simples, e só para explicar eu vou vir, aqui ainda está no menu "temas", eu vou voltar aqui no menu "inserir", só para explicar

como funcionam essas opções. Você escolhe um elemento, vamos imaginar que eu queira inserir uma "caixa de texto", quero inserir aqui na área de trabalho. Então, clico aqui em "caixa de texto", automaticamente ele é transferido aqui para a área de trabalho. Você pode digitar aqui dentro. Digitou seu texto, você seleciona o texto e pode editar esse texto, negrito, itálico, você pode centralizar, tornar ele uma numeração, pode inserir um link, enfim, várias opções! Com essa alça, você consegue

trabalhar um pouco o posicionamento do seu texto. Vamos aumentar aqui um pouco mais. Conforme você arrasta, a própria ferramenta do Google, coloca essas grades, que são esses "risquinhos" que estão aparecendo. Isso aqui ajuda você a diagramar o seu Site. Você pode deixar conforme o layout que você deseja fazer no seu Site. Se você quiser arrastar esse conteúdo, quando passar o mouse em cima da borda, no caso aqui do texto, ele vira essa seta, que você consegue arrastar. Então, seu eu clico e

arrasto, consigo movimentar entre essas grades. Se eu quisesse deixar aqui no meio, é só soltar e o texto ficaria aqui no meio, de acordo com as grades que a própria ferramenta oferece. Aí, se você quiser excluir o elemento, é só clicar nele, clicar aqui em "excluir o bloco". Beleza? A caixa de texto funciona dessa for ma, bem simples. Aqui um pouco mais para baixo nós temos os "layouts". Você pode escolher um layout que você ache interessante para ilustrar seu Site. Eu vou explicar um pouco mais

para frente como funciona os layouts, então agora vou continuar inserindo os elementos para montar minha página principal. O primeiro elemento que eu vou inserir, é algo sobre a minha empresa, sobre minha loja. É claro que este Site que estou montando é de testes, é só um exemplo para você ver como funciona a ferramenta. Verdadeiramente eu não tenho uma loja de roupas. Só estou montando esse nome "Moda Certa", para exemplificar para você como funciona. Antes de inserir aqui uma imagem sobre

minha empresa, um texto sobre minha empresa, vou escolher um desses "layouts" já prontos, o que facilita um pouco o trabalho. Vou clicar nesta opção "layout", caso não esteja aparecendo, é só você clicar nela, e você pode escolher entre um deles. Eu vou escolher esse primeiro, vou arrastar para minha área de trabalho. Então, o que você pode fazer aqui? Você pode inserir uma imagem, clicando nesse "mais" e clicando em "fazer upload". Eu já separei algumas imagens, vou selecionar uma imagem, como

se fosse da minha loja, da minha empresa. Depois de inserir a imagem, é só você clicar na área de texto, que você consegue editar o texto. Vou colocar aqui: "As melhores roupas para você" e vou diminuir um pouquinho esse título. Aqui embaixo, que seria a descrição, vou colocar alguma informação sobre a minha empresa. Eu coloquei aqui um texto ilustrativo, basicamente já tenho dois elementos aqui, um banner principal e um texto, explicando o que é minha empresa. "Aqui você vai encontrar as

melhores roupas, para deixá-la ainda mais bonita, preços incríveis." Já mais para baixo, eu acho interessante começar a inserir alguns produtos, ou caso você não tenha produtos e ofereça serviços, começar a divulgar o seu serviço. Como essa daqui é a página inicial do Sit e, nós já temos um banner, que é uma chamada de boas-vindas, temos o que é a empresa basicamente, então seria legal fazer um resumo dos produtos, mas algo que não fique muito grande. Então inseri um bloco com algumas imagens,

com alguns produtos, eu acho que vai ficar bem bacana. A primeira coisa que vou fazer é inserir uma caixa de texto e esse texto vou digitar, por exemplo: 'Conheça alguns de nossos produtos". Para editar, é só dar dois cliques no texto, selecionar, e você pode escolher algumas outras formatações do seu texto. Vou deixar ele centralizado, temos aqui mais um bloco e aqui vou inserir algumas imagens de produtos. A forma mais fácil de fazer esse bloco de produtos, é selecionando um "layout"

pré-pronto, aqui do lado. Então, por exemplo, temos aqui "layout com uma imagem", duas, três, quatro imagens. No exemplo, vou selecionar essa opção com quatro imagens, porque eu pretendo inserir quatro produtos. Vou clicar e arrastar, funciona da m esma forma como a gente já fez aqui em cima. Para inserir a imagem, é só clicar no "mais", fazer o upload. Então vou selecionar como se fosse alguns produtos da minha loja. De forma bem rápida deu para inserir os produtos e aqui embaixo você

pode colocar uma descrição do que é cada produto, ou um nome do produto. Então, vou começar a digitar aqui. É só clicar e digitar. Agora vem uma opção bem legal, você pode colocar um botão embaixo de seus produtos. Como aqui ainda é a p ágina inicial, eu acho que não é legal colocar um botão para a pessoa já, direto, comprar o produto. É legal que você insira um link que leve a pessoa para uma página, uma página específica do produto, onde ela possa ver mais informações sobre o produto. Então,

o ideal seria ter uma página, uma página específica de produtos. Então aqui nesse caso, antes de inserir um botão, o que eu vou fazer? Venho aqui no menu "páginas". Eu tenho aqui só a página "Home", que é a página principal. Eu vou clicar aqui no botão "nova página" e vou digitar "produtos", que vai ser a minha página de produtos, uma página detalhada com os produtos. Vou clicar em "concluído" e automaticamente a ferramenta pula para essa página, onde você faz a edição, mas você pode voltar

aqui, é só clicar em "home". Como você pode ver, automaticamente já inseriu aqui no menu a página "produtos". Vou voltar, descer aqui nos produtos e vou voltar no menu inserir. Agora sim eu vou inserir o botão. E ntão vou clicar aqui em "botão" e aqui você precisa de duas informações: colocar o nome do botão e o link. Aqui em nome, vou colocar "ver produtos" e no link, assim que você clica no link, se você já tiver criado a página, vai aparecer a página de produtos, ou demais páginas que você

tenha criado. Além de inserir um link de uma página que você já possua, você também pode inserir um link externo. Depois eu vou mostrar como você pode fazer isso também. É só clicar aqui em "produtos" , e clicar no botão inserir. O botão é inserido aqui nesse bloco de baixo. O que eu vou fazer é só arrastar aqui para baixo deste modelo, desde produto. Então, temos aqui o primeiro botão no produto. E isso você vai fazer com os outros produtos também. Beleza? Então já temos aqui alguns produtos

inseridos na nossa página inicial, e eu acho que é legal aqui no final da nossa página, ter uma opção de contato. A pessoa entrou aqui no seu site, visualizou o banner, visualizou o que é a sua loja, conheceu os seus produtos, seria legal ter uma opção de contato. É claro que essa estrutura você pode modificar da forma que você achar interessante, mas aqui eu só estou dando uma opção que você pode seguir, ou não. O que a gente pode inserir, pode ser uma imagem, até mesmo mapa. Aqui nesse

exemplo, vou inserir aqui do lado esquerdo um mapa e do lado direito algumas informações de contato, como endereço, telefone. Um pouco abaixo dos "layouts", você terá a opção " mapa". Clicou em mapa, o que você precisa fazer? É só digitar a sua localização, o seu endereço. Digitou o seu endereço, automaticamente ele vai buscar no mapa onde você está e é só clicar em "selecionar". Automaticamente vai mostrar o mapa com o endereço que você inseriu. Agora, desse lado, vou inserir uma caixa de texto.

Então vou clicar aqui em "caixa de texto", ele vai vir aqui para baixo, não tem problema nenhum e eu vou digitar, por exemplo, "Visite nossa loja". Vou colocar aqui o texto no formato de título, vou diminuir essa caixa de texto e vou arrastar ela para o lado do mapa. Temos "visite nossa loja" e aqui embaixo vou colocar o endereço, o telefone de contato. Então vou inserir uma nova caixa de texto e vou colocar as informações aqui. São informações fictícias, você vai colocar suas informações

verdadeiras aí. Novamente vou diminuir essa caixa de texto e vou arrastar aqui para debaixo do "visite nossa loja". Beleza? Praticamente nossa página in icial já está pronta! Temos aqui Banner, uma descrição sobre a empresa, alguns produtos, informações de contato. Então vamos editar nossa página de produtos. Basta clicar aqui no menu "produtos" que vai abrir a sua página, que funciona basicamente da mesma forma. Não vou editar toda a página senão o vídeo vai ficar muito grande. Mas você pode

editar aqui o logotipo, o título, alterar o tipo de cabeçalho, inserir uma imagem de fundo, enfim. Você pode fazer várias coisas na sua pági na. Vou inserir novamente um layout com quatro imagens e daí você vai preencher aqui com as imagens dos seus produtos. Se você quiser fazer uma página exclusiva com todos os detalhes de determinado produto, é só você vir aqui em páginas, clicar em "nova página", você vai dar um nome para a página, por exemplo, "saia formato v". Você vai dar um nome para essa

página e nessa nova página você vai colocar todas as informações que você tem sobre o seu produto. Você pode colocar imagens, po de colocar vídeos, pode colocar várias coisas que você deseja. Daí, o que você pode inserir também, abaixo do seu produto? Um botão que redirecione a pessoa para uma forma de pagamento. Então vou voltar aqui no menu "inserir", vou clicar aqui no botão. O nome do botão você pode colocar "compre agora". E o link, que tipo de link você pode colocar aqui para receber

pagamentos online? Existem algumas ferramentas, por exemplo: MercadoPago. Você pode utilizar essa ferramenta para re ceber pagamentos online, basta se cadastrar, daí você consegue gerar links de pagamento e inserir nos seus produtos. Claro que vai ter uma taxa que você precisa pagar em cada transação, mas é coisa para você analisar se vale a pena ou não. Uma outra ferramenta que você pode utilizar é o PayPal. Também é uma ferramenta online que você pode receber e enviar pagamentos online. Você

pode criar sua conta gratuitamente, e para você receber e enviar pagamentos também vai ter uma taxa, que daí você vai precisar analisar de acordo com a parte financeira do seu produto, de sua empresa. Outra opção que você pode utilizar é o PicPay, ou o Nubank. O PicPay é tipo uma rede social de pagamentos, você pode enviar dinheiro para seus amigos, receber dinheiro, então essa pode ser uma opção também. O Nubank através da NuConta, você também consegue solicitar pagamentos. Então tem várias

opções para você inserir botões e receber pagamentos aqui no seu site. É claro que a questão do frete, como você vai calcular o frete, você vai precisar fazer manualmente. Não tem como você inserir uma ferramenta que vai calcular o frete e vai adicionar esse valor no preço do produto. É uma funcionalidade que você só vai encontrar em plataformas de e-commerce mesmo, questão de cálculo de frete. Mas você pode fazer isso manualmente, dependendo o volume de vendas que você tenha. Para começar a dar

o primeiro passo no comércio eletrônico, acredito que é totalmente viável essa a lternativa que estou mostrando aqui. Então, você utiliza qualquer uma das ferramentas para gerar um link de pagamento e vai colar esse link aqui, vai inserir o botão e a pessoa pode fazer a compra de seu produto. Aí é só você ir adicionando mais produtos, pode inserir imagens para ilustrar ainda mais essa página, inserir textos, enfim. Você pode rechear essa página com seus produtos. Uma outra página que é

interessante você ter no seu site é uma página de contato. Vou clica r aqui em "concluído" e vou inserir essa página de contato. O que você pode colocar aqui nessa página? Um formulário para as pessoas mandarem um contato, tirar dúvidas, solicitar informações da sua empresa. Voltando aqui no menu "inserir", um pouco mais para baixo, temos a opção "formulários". O que são esses formulários? Ele vai buscar os formulários que você tem criado lá dentro da sua conta do Google. Então, se você digitar

"drive.google.com", como você já tem a conta no Gmail, v ocê vai ter acesso a esse Drive. Então eu tenho aqui a loja, que eu acabei de criar, e o que você pode fazer para criar esse formulário? É só você vir aqui no menu "novo", vir até essa opção "mais" e clicar em "Formulários Google". Daí você vai preencher. É bem simples, parece que é difícil mas não é. Então vou colocar aqui o nome do formulário, aqui você pode editar esse formulário. Assim que eu clico no título da minha pergunta, tenho

algumas opções. No caso, essa pergunta é uma pergunta de múltipla escolha, lista suspensa? Vou colocar aqui "resposta curta", por que? Isso aqui vai ser o nome da pessoa. "Seu nome". Eu quero que essa informação seja obrigatória? Sim! Então é só ativar essa opção aqui! Eu quero também solicitar o e-mail da pessoa. Então vou clicar em "adicionar pergunta", vou mudar o tipo da pergunta para uma "resposta curta" também e vou digitar aqui: "seu e mail". Também quero que isso seja obrigatório,

então vou selecionar essa opção e vou adicionar mais uma pergunta, que daí seria a mensagem da pessoa. Aqui em "múltipla escolha", vou colocar a opção "parágrafo", que daí já é uma resposta um pouco maior. E vou digitar "sua mensagem" e vou tornar obrigatória também. Então, basicamente está feito o formulário de contato, qual é o nome da pessoa, o e mail e a mensagem. Se você voltar aqui no seu site, automaticamente ele já vai aparecer o formulário. Então vou clicar aqui no formulário,

selecionei o formulá rio e vou clicar aqui em "inserir". Automaticamente é inserido esse formulário de contato aqui dentro do site. Só vamos centralizar ele para que fique visualmente mais bonito, beleza? Bem simples, bem rápido, temos aqui já a página inicial, a página de produtos e a página de contato. Você pode inserir uma outra página, por exemplo, sobre a empresa, serviços, enfim. Você vai criando páginas de acordo com a sua necessidade. Terminou de editar o seu site, o que você vai fazer?

Vai clic ar aqui no botão "publicar" daí você vai dar um endereço de web, um endereço que as pessoas vão acessar o seu site. Então, por exemplo, aqui vou colocar "Loja do Darlan", e ele vai aparecer aqui que está disponível. Esse símbolo de "OK", é que está disponível esse endereço. Então qual vai ser o endereço dessa minha loja? É "sites.google.com/lojadodarlan". Você pode também utilizar uma URL personalizada, por exemplo: "darlanevandro.com.br". Você pode utilizar também, é só clicar aqui
em "gerenciar", e você vai digitar o seu domínio que você já tenha comprado, você precisa desse domínio, é um domínio pago mas é bem simples fazer isso também, inclusive tem um vídeo aqui no canal explicando como você faz isso. Vou clicar aqui em "cancelar" porque eu vou utilizar esse endereço aqui mesmo. Esta opção aqui você NÃO vai marcar e vai clicar em "publicar". Pronto o site está publicado. O que você precisa fazer para divulgar esse site? Você vai clicar no botão "Copiar o link do si te

publicado" e é esse o link que você vai divulgar para as pessoas. Então vou abrir uma nova janela e vou acessar o site para mostrar para você como que ficou a versão final. Temos aqui o banner, temos aqui a descrição do que é a empresa, alguns produtos. Se eu clico aqui em "produtos" ele vai automaticamente lá para a página de produto. Eu não terminei de editar, mas funciona perfeitamente os botões. Informações de contato, aqui em cima o menu, bonitinho, produtos, contato, clique i aqui em

"contato" também vai para a página de contato. Se uma pessoa preencher informações, você vai receber, automaticamente, aqui dentro desse formulário. Temos aqui as perguntas e as respostas. Se alguém vir e entrar em contato, você vai receber as respostas dentro do seu formulário, que você acessa através do "drive.google.com", beleza? Esta é uma forma de você criar um site gratuitamente através do Google Sites, é uma ferramenta bem legal, bem interessante, é simples, cl aro que tem limitações, você

não consegue fazer tudo que você deseja aqui dentro, mas dependendo do orçamento, se você está com o orçamento restrito e não pode investir em um site totalmente personalizado, contratar uma empresa para fazer isso, essa é uma solução muito bacana. Então se você gostou desse conteúdo, se inscreva no canal para não perder nenhum vídeo novo. Semanalmente estou divulgando conteúdos sobre Marketing Digital, Ferramentas Digitais, então não perca os próximos víd eos. Se você gostou, deixe um like

no vídeo, compartilha com um amigo, tenho certeza que se você gostou, seu amigo também vai gostar. Ele vai utilizar na empresa dele e você vai estar ajudando uma pessoa também a melhorar os negócios, a melhorar as vendas e melhorar o visual da empresa dele. Beleza? Espero muito que você tenha gostado, eu vou ficando por aqui, um grande abraço e até a próxima! Português

❌ (ALERTA) Conteúdo Gratuito ✅ CURSOFLEX ONLINE: PORTAL COM VARIOS CURSO e E-BOOKS GRATUITOS!

Aprenda de uma vez por toda montar seu negocio online em casa.

Clique no botão a baixo para acessar varios cursos gratis.