Como criar um site

Você pode criar um site de página única ou de várias páginas com um design amigável e bem pensado usando um criador de site visual 一 não é necessário habilidades de codificação. Escolha e personalize modelos pré-prontos que se encaixam no seu negócio ou crie os seus próprios do zero.

Com nosso criador de sites, você só precisa selecionar um elemento, arrastá-lo para a área de trabalho e personalizar seu estilo para se adequar às suas tarefas de negócios. Além de texto e conteúdo visual, você pode adicionar opções de pagamento, formulários de assinatura e galerias de imagens e incluir links para seus perfis de mídia social ou blog para atrair e converter visitantes em clientes.

Para criar um site, vá para a guia Site e clique em Criar site. Selecione Site.

Então, clique em Novo site para criar um website do zero.

Você pode filtrar modelos pré-fabricados por categoria ou linguagem de modelo, selecionar um modelo e adaptá-lo às suas necessidades. Encontre um modelo, visualize-o e clique em Editar.

Estilo geral da página

Antes de começar a adicionar elementos, escolha o estilo do seu modelo. Por padrão, o esquema de cores e o estilo de texto que você selecionar serão aplicados a todos os elementos que você usar. Você também pode definir ou alterar o estilo geral do seu site depois de criado.

As configurações gerais de estilo do site são aplicadas a todas as suas páginas. Leia mais: Estilo geral da página e Personalização de seus elementos.

Configurar elementos

Crie uma estrutura

Planeje a estrutura do seu site e comece a criar seu site utilizando os elementos Bloco, Seção e Coluna. Você pode combinar seções em blocos verticalmente e agrupar colunas em seções horizontalmente. Também é possível organizar o conteúdo do site com o elemento Layout dentro de blocos, seções e colunas.

Você pode adicionar um número ilimitado de blocos e até 6 colunas a uma seção.

Clique em Adicionar bloco e selecione um bloco da biblioteca.

Você pode adicionar um bloco vazio ou selecionar blocos prontos de nossa biblioteca, incluindo Cabeçalho, Primeira tela, Sobre nós, Vantagens, Texto, Contatos, Perguntas Frequentes e Rodapé.

Se você já adicionou um elemento ao seu futuro site e deseja passar para o próximo, passe o mouse sobre ele e clique em + Adicionar bloco.

Leia mais: Como trabalhar com elementos do site.

Adicionar widgets

Selecione um widget 一 um elemento funcional do site projetado para adicionar informações e interagir com os visitantes. Saiba mais sobre cada elemento abaixo.

Menu

Usado para adicionar um menu que ajuda os usuários a navegar para uma página específica do site.

Adicione o widget Menu ao topo da sua página. Você pode ver alguns exemplos de menu e personalizá-los ao editar seu widget.

Para adicionar um novo item ao seu menu, clique em Adicionar. Em seguida, clique no ícone de lápis. Insira um novo nome de item. Selecione a página do seu site ou insira um link, endereço de e-mail, número de telefone ou insira um link para outro bloco.

Botão

Usado para adicionar botões com links para outros sites, páginas e blocos ou permitir que os visitantes do site liguem ou enviem e-mails para você.

No painel de edição do widget Botões, você pode adicionar botões extra ou alinhar o elemento relacionado ao espaço da coluna.

Para adicionar um botão extra a uma linha de coluna, clique em Adicionar. Digite o nome do botão e a dica na descrição. Selecione seu tipo: link, número de telefone, endereço de e-mail ou link âncora e insira os dados necessários.

Personalize o estilo do seu botão (local e tipo de abertura), e adicione efeitos.

Texto

O widget de Texto adiciona um elemento de texto à sua página.

Para alterar a formatação do texto, clique no próprio texto. Selecione a parte necessária do texto e escolha sua cor, tamanho e fonte. Você também pode adicionar listas, hiperlinks ou itens adicionais usando o código fonte e adicione animação de rolagem.

Você pode personalizar o tamanho da fonte e a altura da linha de cada um de seus títulos nas configurações gerais de estilo do site.

Imagem

O widget de Imagem adiciona um elemento multimídia que complementa o texto.

Depois de adicionar o widget, vá para o editor de elementos, selecione um arquivo ou faça upload de um novo.

Você pode inserir texto alternativo e adicionar uma descrição e um link. Personalize o texto que você usará para sua imagem alterando seu tamanho, cor e posição e adicionando um plano de fundo a ele.

Também pode adicionar animação de rolagem à sua imagem.

Vídeo

O widget de Vídeo adiciona vídeos reproduzidos ao clique.

Escolha a plataforma onde o vídeo está hospedado (YouTube ou Vimeo) e, no campo seguinte, cole o link do vídeo.

Você também pode selecionar uma imagem de pré-visualização, definir a largura do elemento e o alinhamento para personalizar este item.

Galeria

O widget de Galeria exibe imagens como carrossel, grade ou colagem.

Você também pode redimensionar suas imagens e selecionar um ponto focal (uma parte da imagem na qual você deseja chamar mais atenção). Para fazer isso, clique na imagem e personalize suas configurações usando a alça de dimensionamento e o cursor.

Redes sociais

O widget de Redes Sociais adiciona um link para o seu perfil nas redes sociais, convidando os usuários a seguirem você.

Para adicionar um link ao seu perfil de mídia social, clique em Adicionar. Em seguida, clique no ícone de lápis, selecione uma plataforma de mídia social e insira o link do seu perfil.

Personalize seu elemento exibindo-o como um botão ou ícone ou escolhendo sua cor e alinhamento.

Espaçador e divisor

Os widgets Espaçador e Divisor ajustam o espaçamento do conteúdo, incluindo blocos, seções, colunas ou outros widgets.

O recuo afeta a largura das seções e a altura das colunas, portanto, pense na estrutura da sua página com antecedência. Você também pode definir o espaçamento entre os elementos adicionando um espaçador usando as configurações do elemento. Leia mais: Recuos.

Ao adicionar o widget Espaçador, você pode definir o tamanho da altura em pixels.

Você pode selecionar a cor, tipo, espessura e tamanho do seu elemento Divisor. Por exemplo, se você precisar de uma linha para a coluna inteira, poderá definir a largura para 100%. Se você precisar dele para um elemento menor, ajuste a largura usando o controle deslizante. Alinhe seu conteúdo à esquerda, à direita ou ao centro.

Formulário de assinatura

O widget de Formulário coleta dados de assinantes e visitantes do site.

Primeiro, escolha onde deseja salvar seus novos assinantes.

Por padrão, toda vez que você obtém um novo lead, seu sistema de CRM cria um novo negócio. Insira um nome de negócio e selecione um pipeline ao qual deseja adicionar seus novos contatos.

Você também pode salvar contatos em sua lista de e-mails para enviar campanhas a eles posteriormente. Selecione uma lista de discussão onde seus novos contatos serão armazenados.

Em seguida, personalize os campos do formulário e o botão de assinatura.

Pagamentos

O widget de Pagamento permite que os usuários comprem seus produtos com um clique.

Insira o nome do seu produto, seu preço e selecione um pipeline no qual seu negócio será salvo. Selecione uma lista de discussão onde seu contato será armazenado assim que pagar com sucesso pelo seu produto. Você também pode personalizar seus campos de formulário.

Chatbots

O widget de Chatbots adiciona um botão para incentivar os usuários a se inscreverem no seu chatbot e iniciar um fluxo, como boas-vindas ou outro personalizado.

Você pode escolher o estilo do seu botão e personalizá-lo. Em seguida, adicione um novo elemento ou edite um existente especificando uma rede social.

Contagem de regressiva

O widget de Temporizador configura um cronômetro até o início de um evento ou o fim de uma promoção.

Insira sua data, hora e mensagem de término, defina as opções de data e personalize seu cronômetro de contagem regressiva.

Perguntas e frequentes

O widget de Perguntas frequentes (FAQ) adiciona respostas detalhadas às perguntas frequentes dos seus usuários.

Para alterar o texto e a formatação, clique no seu texto ou título e você poderá editá-lo.

Você pode adicionar uma nova pergunta ao editar seu widget. Altere o estilo do seu ícone, adicione ou remova um espaçador ou divisor e escolha sua cor.

Mapa

O widget de Mapa adiciona suas informações de contato e localização em um mapa para ajudar os usuários a encontrá-lo offline.

Obtenha e conecte uma chave de API exclusiva do Google Maps. Adicione endereços e descrições conforme necessário. Personalize a escala e a aparência de seus mapas.

Login EDU

O widget de Login do curso conecta seu site de cursos para que os alunos se inscrevam ou façam login em uma conta estudantil.

Você pode adicionar este widget apenas a um site com um curso vinculado. Para desenvolver uma página com seu próprio design, acesse o site do curso, crie uma nova página do seu site com um curso vinculado e adicione o widget a ela.

Selecione o curso para o qual deseja criar uma página de site. Selecione e personalize seus botões ou adicione novos.

Código personalizado

O widget de Código personalizado adiciona um elemento externo ao site, como um widget de calendário ou sistema de comentários.

É possível adicionar um elemento com código HTML, CSS ou JavaScript que você tenha escrito ou gerado usando uma ferramenta relevante. Para fazer isso, adicione o widget à página do seu site e clique nele para inserir o seu código.

Avaliações

O widget de Avaliações exibe as avaliações dos seus cursos para aumentar a confiança do cliente.

Após adicionar este widget, vá para o campo Opções de exibição de avaliações e escolha se deseja exibir suas avaliações como um carrossel ou uma grade.

No campo Fonte, selecione o curso para o qual deseja exibir as avaliações.

Seu curso deve ter o mesmo domínio do seu site e conter avaliações existentes. A configuração Avaliações de alunos nas configurações do seu curso deve estar ativada.

No campo Número, selecione a quantidade de avaliações a serem exibidas.

Produto

O widget de Produto apresenta produtos e serviços no site da sua loja online e permite que os usuários os comprem.

Use o widget Produto para exibir produtos e serviços no site da sua loja online e permitir que os usuários façam compras.

Adicione o widget, clique em Adicionar produto e preencha as informações do seu produto, incluindo nome, descrição, imagem, número de SKU e preço. Após adicionar um produto, selecione o tipo e o estilo do cartão do produto no painel de configurações.

Gerenciar alterações

O construtor de websites salva automaticamente as alterações como Rascunho a cada 5 segundos. Você pode desfazer até dez ações. Para desfazer a entrada ou ação mais recente, use os botões de controle no painel superior. Para isso, clique na seta esquerda.

Você pode desfazer a ação mais recente no criador clicando no botão uma vez.

Saiba mais: Como usar o criador de sites.

Prévia

Depois de criar seu site, você pode ver como ele ficará em diferentes dispositivos. Para fazer isso, clique Prévia na parte superior da tela.

Escolha em qual dispositivo você deseja ver a prévia (desktop ou celular).

Você pode editar elementos, colunas, seções e blocos separadamente para a versão mobile.

Leia mais: Como editar elementos na versão mobile.

Publique sua página

Depois de concluir a criação da página, clique em Publicar. Insira o nome e o link do seu site. Ao adicionar uma nova página, insira sua URL.

Depois disso, você poderá publicar, personalizar, copiar ou excluir uma nova página.

Veja também: Como gerenciar as páginas do seu site.

Você também pode monitorar as estatísticas. Para fazer isso, vá para a guia Estatísticas e selecione um tipo de estatística que você deseja acompanhar.

Última Atualização: 13.01.2025