Apenas por Tempo Limitado - Economize até 69 %

03

dias

:

08

horas

:

38

minutos

:

56

segundos

Blog do Zyro

Todos os tópicos
Blog de e-Commerce Design Dicas para Pequenas Empresas Essenciais Ideias de Negócio Insights do Zyro Inspiração Marketing Novidades do Zyro

Como Criar Um Site Usando o Zyro (2021): Guia Passo a Passo

Como criar seu site com o Zyro

Muita gente se pergunta “afinal, como criar um site?” – provavelmente você é uma dessas pessoas.

Mas essa não costuma ser a única dúvida que surge. As pessoas também têm dúvidas se vale  mesmo a pena aprender como fazer um site sozinho. Tem gente que acha que isso nem é possível para leigos em tecnologia.

Afinal de contas, é necessário conhecer muito sobre programação e web design para conseguir criar uma página funcional, certo?

Bem, essa era a verdade há muitos anos, quando criar páginas na internet era privilégio de poucos especialistas. Mas, hoje em dia, qualquer pessoa pode aprender como criar um site lindo e 100% funcional de forma rápida e muito fácil.

Você está no lugar certo se seu objetivo é aprender como fazer um site que:

  • Tenha um ótimo visual nas telas dos dispositivos móveis
  • Facilite muito o processo de compra e pagamento para os clientes (caso o site tenha uma loja virtual)
  • Seja fácil de editar e gerenciar

Vamos mostrar a você, passo a passo, como usar o construtor de sites do Zyro criar páginas que vão te encher de orgulho. 

Por que criar um site?

Ter um site abre muitas portas – tanto para quem está criando uma loja virtual ou site para negócios, quanto para quem monta páginas pessoais, currículos online ou blogs.

Seu site é o lugar onde as pessoas vão poder encontrar você na internet. Ele abre muitas portas e permite que você alcance públicos em qualquer parte do mundo.

Mas você deve estar perguntando “eu já tenho muitos seguidores nas redes sociais, então qual a utilidade de criar um site?”

Nas redes sociais, você estará à mercê dos algorítimos. Além disso, é bem difícil se destacar da concorrência nessas plataformas. Afinal de contas, todos os perfis no Instagram se parecem um pouco uns com os outros, e no LinkedIn não é sempre que o seu post vai aparecer no feed das suas conexões profissionais.

Mas, se você tiver um site, vai poder criar um espaço virtual 100% customizado, que reflita a personalidade da sua marca (empresarial ou pessoal) e destaque todos os pontos mais importantes.

Além de conseguir customizar totalmente as suas páginas, se você colocar em prática estratégias de SEO, vai poder fazer seu site aparecer entre os primeiros resultados de pesquisa no Google e outros buscadores.

O que você precisa ter para conseguir criar um site?

Vamos te contar um segredo: se você tiver o Zyro, não vai precisar de mais nada para criar um site que se destaca de verdade da concorrência.

Você só precisa entender qual tipo de site quer construir. O restante do processo é muito simples e intuitivo.

Os planos de site do Zyro são divididos em duas categorias principais: planos para sites pessoais e pequenas empresas, e planos de e-commerce para quem quer começar a vender na internet.

Com o Zyro, você não vai precisar se preocupar em aprender como instalar o WordPress ou ficar dias pesquisando qual a melhor opção de hospedagem de sites.

Muito pelo contrário: você vai ganhar hospedagem web e um certificado SSL em qualquer plano que escolher, além de receber acesso ilimitado à própria ferramenta de criação e edição de sites.

E, se você escolher assinar um plano anual, em alguns casos você também vai ganhar um nome de domínio grátis e personalizado para o seu site.

Assim que você tiver escolhido e contratado o plano que melhor atender aos seus interesses, vai ser hora de começar a montar sseu site.

1º passo: Escolha o tipo de site que você quer criar

Templates do Zyro para sites

Nesta altura do campeonato, você já deve saber o motivo pelo qual está montando um site próprio. Pode ser que você esteja criando seu portfólio profissional para encontrar seu emprego dos sonhos. Também pode ser que você está criando sua loja virtual para começar a vender na internet.

Assim como outras plataformas de criação de sites do mercado, o Zyro tem muitos templates para sites, cobrindo várias categorias:

  • Loja virtual. Esses templates foram projetados especialmente para atender às necessidades de quem vende na internet. Eles vêm com uma vitrine virtual 100% funcional.
  • Serviços. Se você quer criar um site para sua empresa prestadora de serviços, esses templates são uma ótima escolha.
  • Fotografia. Você não quer que o design do site roube toda a atenção que suas fotos deveriam estar recebendo, não é mesmo? Esses templates foram criados para colocar suas imagens em destaque.
  • Restaurantes. Esses templates já vêm com uma página dedicada ao seu menu, então você já pode tirar essa tarefa da sua lista de afazeres.
  • Portfólio. Se você quer um site para mostrar suas experiências profissionais e seus talentos, esses templates são perfeitos para você.
  • Currículo. Facilite a vida dos seus clientes e empregadores mostrando todas as suas experiências profissionais em um só lugar.
  • Eventos. Você está planejando seu casamento, formatura ou uma grande festa de aniversário? O Zyro tem templates perfeitos para toda ocasião.
  • Landing pages. Se você precisa de apenas uma landing page para atrair tráfego, nós temos templates que já vêm com SEO aprimorado.
  • Blog. Sonha em ser o próximo criador de conteúdo a ficar famoso? Os templates de blog do Zyro têm opções para sites estáticos e para páginas dinâmicas – a escolha é toda sua.

Se você já tem em mente com bastante clareza qual o visual seu site deve ter, o Zyro tem um template vazio, que é uma folha em branco onde você pode construir suas páginas do jeito que sempre sonhou.

2º passo: Escolha um nome de domínio que combine com o seu negócio

Assim que você já tiver escolhido o template perfeito, a próxima etapa será escolher um nome de domínio. Esse é um passo extremamente importante para quem está aprendendo como criar um site.

Nomes de domínio são os endereços do seu site, aquela parte que vem antes do “.com.br”.

Você pode usar o nome da sua empresa ou da sua marca como seu domínio. Assim vai ser mais fácil para o público lembrar do seu endereço, além de fazer seu site parecer mais profissional.

Você também deve levar em consideração o tipo de extensão de domínio que será usada. Existem muitas opções de extensões (também chamadas de TLD) no mercado, sendo a “.com” a mais usada. Outras ótimas opções são “.online”, “.store”, “.tech” e extensões específicas de país, como “.br” ou “.uk”, por exemplo.

Lembre-se que seu nome de domínio não deve ser longo demais. Afinal, quem consegue memorizar um endereço de site que usa várias palavras? Vá pelo caminho mais seguro e escolha um nome de domínio que seja composto de apenas uma ou duas palavras.

Faça uma lista com ideias de domínio que combinam com seu site. Depois, você deverá conferir se esses nomes já estão sendo usados por outras pessoas. O jeito mais fácil de fazer isso é usando o gerador de nomes de domínio.

Dica 💡: Se você ver que o domínio dos seus sonhos está disponível, faça o registro dele quanto antes, porque os melhores nomes costumam ser bem disputados.

3º passo: Crie sua página inicial

Exemplo de página inicial

Nesta parte do processo de como criar um site, vai ser hora de colocar toda nossa atenção na página inicial.

Se você estiver criando seu primeiro site, há algumas coisas que deve saber sobre as páginas iniciais.

Para começar, elas são, geralmente, a primeira coisa que os visitantes veem quando entram no seu site. Por isso você deve caprichar nela, para que seus visitantes tenham uma ótima primeira impressão. Se os usuários não gostarem da página, ou se ela demorar demais para carregar, suas chances de sucesso vão diminuir muito.

As melhores páginas iniciais são aquelas que, além de apresentar sua marca ou sua empresa ao visitante, dá a eles um motivo para permanecer no site e completar a ação que você deseja.

Por exemplo, essa ação pode ser clicar na sua loja virtual, marcar uma consulta, finalizar uma compra ou se inscrever na sua newsletter.

Para que seus visitantes realmente completem essas alções no seu site, você precisa adicionar vários CTAs (calls to action, frases e botões incentivando os usuários a fazerem certa coisa) em locais estratégicos da página.

Para otimizar seus CTAs, você também pode incluir um banner de contagem regressiva no topo da página inicial, convidando os visitantes a clicarem no botão e aproveitarem sua oferta por tempo limitado.

Muitas páginas iniciais incluem um cabeçalho com uma imagem grande, um título, um pequeno parágrafo explicativo e um botão de CTA.

O cabeçalho costuma ter este visual:

Exemplo de título e CTA de página inicial

No exemplo da imagem acima, o título conta exatamente qual é o objetivo da instituição por trás do site – oferecer educação para crianças haitianas.

O pequeno parágrafo explicativo vem logo abaixo do título. É ele que dá alguns detalhes a mais sobre como a instituição pretende alcançar o objetivo.

O botão de CTA chama o visitante a completar uma ação: doar para a instituição.

Leia mais conteúdos sobre web design:

4º passo: Adicione mais páginas e seções ao seu site

Menu de páginas e navegação

Quando você estiver satisfeito com o design da sua página inicial, vai ser hora de pensar sobre as outras páginas que seu site deve ter.

Se você dono de uma micro ou pequena empresa, saiba que os sites de PMEs geralmente tem, pelo menos, uma página com informações de contato e uma página explicando quais serviços ou produtos a empresa oferece.

Você também pode incluir uma página de blog, se pretender apostar no marketing de conteúdo para atrair clientes.

Se você não sabe ao certo quais páginas seu site deve ter, observe os sites dos seus concorrentes e de marcas que você admira.

Nessa pesquisa, preste atenção a este tipo de elementos:

  • Quais páginas têm mais destaque e quais são mais linkadas em conteúdos e redes sociais?
  • O site tem uma hierarquia, mostrando claramente quais são as páginas mais importantes?
  • Você consegue perceber tendências de design e conteúdo nos sites que visitou?

Não se esqueça de usar as ferramentas de SEO que estiverem à sua disposição para otimizar as URLs, meta títulos e meta descrições das suas páginas. Assim, cada página vai ranquear melhor nos resultados de pesquisa – e você vai ganhar mais chances de atrair tráfego (gratuito) para o seu site.

5º passo: Edite o cabeçalho, o rodapé, o favicon e o logotipo do seu site

Depois que todas as páginas estiverem prontas, você vai poder aprender a próxima lição sobre como fazer um site: como otimizar o cabeçalho, o rodapé e outros detalhes muito importantes.

Cabeçalho

Editando o cabeçalho

O cabeçalho é o espaço mais nobre do seu site. Sem ele, seus visitantes vão ter muito mais dificuldade em navegar pelas páginas.

O ideal é que seu cabeçalho inclua o logo e o nome do seu site, além de um menu com links para as páginas mais importantes.

Você pode começar a construir o cabeçalho decidindo quais são as páginas mais importantes para os visitantes – são elas que devem ser incluídas na barra de menu que vai ficar no topo do seu site.

Se você tiver problemas em escolher apenas algumas páginas para o menu, há a opção de criar um menu flutuante (aqueles que só revelam os links quando clicamos em um ícone) para economizar espaço.

Rodapé

Editando o rodapé

Seu rodapé deve incluir suas principais informações de contato, além de mencionar a quem pertencem os direitos autorais do conteúdo postado no site.

Você também pode usar o rodapé para inserir links para páginas com documentos importantes (como as páginas com a Política de Privacidade, Termos de Uso e Política de Reembolso).

O rodapé também é um ótimo espaço para incluir links para outros sites, como seus perfis nas redes sociais.

A maioria dos sites escolhe usar uma cor de fundo neutra no rodapé (branco, cinza e preto são escolhas muito comuns), já que a seção é um elemento estático. Esse uso de uma cor diferente no rodapé também ajuda o visitante a saber que ele já alcançou o fim da página.

Logo e favicon

Todo site deveria ter um logo e um favicon.

Quando você usa o Zyro para criar seu site e escolhe importar seu logotipo, seu logo personalizado é adicionado automaticamente ao cabeçalho.

Além disso, o Zyro oferece ferramentas gratuitas que vão ajudar você a criar seu próprio logotipo profissional 100% customizado, como o nosso Criador de Logos gratuito.

Editando o logotipo

Ter uma versão do seu logo com o fundo transparente vai garantir que o design funcione bem sobre qualquer superfície.

Um favicon (aquele pequeno símbolo personalizado que fica na aba do navegador) dá um toque de profissionalismo ao seu site e faz sua página parecer mais confiável.

Esses pequenos ícones servem para representar tanto seu site quanto sua marca. Já que os favicons ficam vísiveis bem ao lado do título da página, eles podem ter um grande impacto no seu SEO.

Com o construtor de sites Zyro, você vai poder importar seu favicon e pré-visualizar como ele vai ficar na aba do navegador. Para fazer isso, você só precisa ir até a seção Configurações Gerais.

Editando as configurações gerais do site

6º passo: Adicione imagens, vídeos e elementos adicionais

Um site não é feito apenas de textos. Os elementos visuais são fundamentais para quem está aprendendo como criar um site que atrai e retém visitantes.

Similar a outras ferramentas, como o Wix, com o editor do Zyro você só precisa arrastar e soltar elementos para adicionar itens multimídia às páginas do seu site.

Adicionando elemento ao site

Selecione o elemento que você quer adicionar à página. Depois, arraste esse elemento até o local da página onde você quer posicioná-lo – e pronto! Para editar os detalhes, é só clicar no elemento depois que ele já tiver sido adicionado à página.

Você vai poder escolher elementos gráficos como imagens e caixas de texto – com o Zyro também é possível adicionar outras mídias, como ícones de redes sociais, mapas, galerias de fotos, apresentações de slides e uma cópia integrada do seu feed no Instagram.

Colocar vários tipos de elementos gráficos nas suas páginas vai deixar seu site mais variado e interessante. Além do mais, essas mídias vão fazer seu site parecer mais moderno – páginas com muito texto e poucos gráficos ficaram lá nos anos 1990.

Imagens

Editando as configurações de imagem

Depois que você tiver adicionado um elemento de imagem ao seu site, você vai poder substituí-lo por uma foto personalizada. Pode ser uma foto importada diretamente do seu computador ou celular, ou uma imagem da biblioteca gratuita do Zyro, que tem mais de 1 milhão de arquivos.

Clicando duas vezes sobre a imagem, você vai poder definir as configurações dela, adicionar links e acessar ferramentas de SEO.

Para aprimorar o SEO do seu site, preste bastante atenção ao tamanho das imagens que você está usando e aos alt texts. Se seu site não carregar totalmente por alguma razão, o visitante vai ter acesso aos alt texts – por isso você deve usar esse recurso para descrever o conteúdo da imagem.

Vídeos

Editando as configurações de vídeo

O vídeo é um dos melhores formatos de mídia para quem quer mostrar seus talentos ou dar detalhes sobre os benefícios de algum produto.

O jeito mais fácil de inserir vídeos no seu site Zyro é primeiro fazendo o upload deles em alguma plataforma, como o Youtube ou o Vimeo. Depois do upload, você só vai precisar adicionar a URL do vídeo e ele vai aparecer no seu site.

Você também pode escolher se seus vídeos vão reproduzir automaticamente quando um visitante entrar no seu site, ou se o usuário terá que clicar no botão de “play” para assistir.

Você também decide se o vídeo vai tocar em looping ou ser exibido apenas uma vez.

Outra escolha que você pode fazer é esconder os botões de controle do vídeo – afinal, talvez você não queira que os botões de play, pausa e volume distraia os visitantes que entrarem na sua página.

7º passo: Adicione uma loja virtual ao site

Atenção: Esta etapa é útil para donos de micro e pequenas empresas que queiram abrir uma loja online.

Se você quer construir um site pessoal, um currículo virtual ou um portfólio, sinta-se à vontade para pular para o 8º passo e  continuar aprendendo como criar um site.

Depois de ter criado suas páginas, escolhido seu domínio, adicionado elementos gráficos, cabeçalhos e rodapés, vai ser hora de criar a sua vitrine virtual e começar a vender na internet.

Exemplo de loja virtual Zyro

Os planos eCommerce e eCommerce Mais do Zyro te dão acesso a uma plataforma robusta para lojas virtuais, o que vai facilitar muito a adição de produtos no site e a gestão dos produtos e envios. No painel de controle da sua loja, você também vai poder configurar emails e notificações automáticas.

Se seu objetivo é ter uma loja virtual própria, comece adicionando os produtos ao seu site em uma página que os visitantes possam ver.

Não se esqueça que as fotos dos seus produtos devem ser de alta qualidade, mostrando os itens no estúdio e sendo usados na vida real.

Também é muito importante criar ótimas descrições para os produtos. Quando mais otimizado esses textos forem, melhor será seu posicionamento nos resultados de busca, facilitando que mais clientes encontrem sua loja.

Aprenda mais sobre e-commerce:

Pagamento com Stripe

Se seu objetivo é criar um site que venda alguns produtos, mas não seja focado 100% na função de loja virtual, vai ser possível adicionar o botão do Pagamento com Stripe. Esse recurso facilita muito o processo de pagamento dentro do seu site, além de permitir que você venda produtos sem precisar gerenciar uma loja completa.

A integração com o Stripe é muito usada em lojas internacionais, por ser uma queridinha dos clientes norte-americanos e europeus. Se você quer expandir suas operações e vender para mais países, o botão Stripe Checkout pode ser uma ótima opção.

8º passo: Adicione formulários de contato

Editando o formulário de contato

Não é só na página de Contato do seu site que você pode usar esse tipo de formulário.

Na verdade, com alguns pequenos ajustes no texto, você vai poder usar formulários de contato para receber marcações de consulta dos clientes, coletar feedbacks e aceitar inscrições.

Avalie o layout do seu site e veja qual seriam os lugares mais estratégicos para inserir formulários.

Por exemplo, você pode inserir um formulário bem simples (com apenas o campo de nome e o de e-mail) no rodapé da página para que os visitantes possam se inscrever na sua newsletter.

Você também pode criar uma página de reservas ou marcação de consultas e incluir um formulário de contato lá.

A ferramenta Mapa de Calor é útil para saber quais partes da sua página recebem mais atenção dos visitantes quando eles estão no seu site.

Exemplo de mapa de calor

A ferramenta vai mostrar quais áreas recebem mais atenção (as marcadas de vermelho, amarelo e laranja) e quais recebem menos atenção (marcadas em tons de azul e verde).

Se você não tem certeza sobre os melhores lugares para inserir seus formulários, vale a pena usar o Mapa de Calor para analisar o layout do seu site em detalhes.

9º passo: Salve suas edições e publique seu site

Quando é assunto é salvar as alterações para não perder suas edições, você não precisar se preocupar, porque o Zyro cuida disso por você. Todas as suas edições são salvas automaticamente e em tempo real.

Para publicar seu site, você vai precisar conectar um nome de domínio primeiro. Afinal, sem o domínio ninguém vai conseguir encontrar suas páginas.

Conectando um domínio

Se você já comprou seu nome de domínio ou recebeu um gratuitamente ao assinar um plano anual do Zyro, é só conectar esse domínio ao site. Em pouco tempo, seu endereço já estará disponível para ser acessado pelo mundo inteiro.

Mas, se você ainda não tem um domínio, é hora de começar a procurar um bom nome e fazer o registro dele.

Os usuários do Zyro podem comprar e registrar domínios sem sair do painel de controle do site. Assim eles conseguem economizar tempo – e dinheiro também.

Crie seu próprio site e coloque suas ideias na internet

Agora você já sabe como criar um site e publicá-lo para o mundo inteiro ver.

Editar e personalizar as páginas também é muito fácil. Tudo que você vai precisar fazer é entrar na plataforma de edição, arrastar e soltar para customizar, e depois clicar no botão Atualizar site.

Atualizando seu site

Para atrair visitantes para seu site, você vai precisar aplicar estratégias de marketing apropriadas para seus objetivos.

Por exemplo, você pode criar uma lista de contatos e enviar newsletters para eles, os convidando a visitar seu site. Outra possibilidade é usar as redes sociais para alcançar seu público-alvo.

Uma boa maneira de melhorar seu posicionamento nos resultados de pesquisa é atualizar o conteúdo do seu site com frequência, além de conseguir que outros sites postem links para as suas páginas.

Se você tem uma loja virtual e orçamento para investir em marketing digital, considere criar anúncios nos resultados de busca do Google para atrair mais visitantes para seu comércio eletrônico.

Com tantas estratégias de otimização diferentes, o segredo é entender bem o que seu público-alvo está procurando.

Por exemplo, se você vende chinelos decorados, vai ter mais sucesso ao tentar encontrar clientes no Instagram e no Facebook.

Mas, se você criou um site de currículo para encontrar um emprego, é uma estratégia melhor adicionar um blog ao seu site e publicar textos sobre sua área de conhecimento – e depois compartilhar o link para esses conteúdos no LinkedIn.

Escrito por

Avatar do autor

Jeisy Monteiro

Jeisy é dedicada a pesquisar e escrever sobre como pequenos e médios negócios podem crescer na internet de forma sustentável. Ela publica sobre criação de sites, empreendedorismo digital, tecnologia e e-commerce no blog do Zyro. No tempo livre, coleciona cassettes.

Faça parte da conversa

Seu email não será publicado. É obrigatório preencher todos os campos.

Pronto para criar seu site?