Como criar um site com Renderforest

Levar o seu negócio online é um grande passo para o sucesso. Para ficar online, você precisa de um site impressionante e profissional, ou pelo menos uma landing page onde você terá a chance de mostrar o que tem: seu serviço ou produtos.

Felizmente para todos os não codificadores, agora é possível criar um site sem nenhuma habilidade de codificação. Você pode usar criadores de sites on-line, que podem ajudá-lo a criar facilmente seu próprio site profissional ou página de destino com modelos lindamente projetados, personalizáveis ​​e responsivos.

A Renderforest oferece uma solução incrivelmente simples que leva a criação de sites a um novo nível. Neste tutorial, você pode encontrar todas as instruções para usar o construtor de sites e suas funcionalidades.

• Modelos e componentes personalizáveis
• Estilo e cores do site
• Como adicionar uma página?
• Edite as configurações do seu site
• Visualizar e publicar

Modelos e componentes personalizáveis

Então, como começar? Vá para “ Construir site ” no menu de navegação e clique no botão “Começar a criar”.

Aqui você tem duas opções: criar seu site do zero adicionando um componente ou carregar um modelo.

Para criar seu site com a ajuda de nossos modelos prontos, clique em “Carregar um modelo”. Existem mais de 20 categorias de modelos, incluindo, mas não se limitando a Marketing e Propaganda, Imóveis, Tecnologia, Pessoal e Portfólio, Música, Viagens e Hotelaria, Fotografia, Moda e Educação, com modelos personalizáveis ​​prontos para serem usados.

Se você quiser criar seu site do zero, volte e clique em “Adicionar Componente”. Escolha entre mais de 150 componentes (seções prontas), que vêm com textos e imagens padrão. Os componentes incluem cabeçalhos, call-to-actions, texto simples, depoimentos, postagens, sliders, vídeos, formulários de e-mail, música, perguntas frequentes, contatos, rodapés e muito mais.

Selecione o componente que você gosta, passe o mouse sobre ele e clique em “Adicionar”. A seção será adicionada ao seu site. Acima e abaixo de cada seção, você pode encontrar um botão “+”. Clique nele para adicionar outro componente.

Personalize cada componente alterando os textos, imagens, ícones, botões e cor de fundo.

Clique em uma seção de texto para digitar ou colar seu texto. Observe que cada seção de texto tem um número limitado de caracteres. Por favor, escreva seus textos dentro dos limites de caracteres para manter a aparência geral e o design.

Para personalizar os botões, clique no botão de edição que aparece quando você passa o mouse sobre o botão. Aqui, escreva seu texto, escolha o tipo de link no menu suspenso e adicione a página ou seção de destino.

No canto superior direito de cada seção, você pode encontrar as configurações da seção. A partir daí, você pode alterar a cor de fundo, substituir a imagem de fundo, mover a seção para cima ou para baixo, substituí-la, inverter a orientação ou excluí-la.

Para adicionar uma imagem ou alterar o visual de fundo de uma seção, clique em qualquer imagem para abrir o pop-up com várias opções. Você pode adicionar uma imagem de quatro maneiras diferentes: adicionar um URL de imagem, escolher uma imagem carregada de sua Biblioteca de mídia, usar imagens de banco de imagens ou fazer upload de seu dispositivo.

Biblioteca de mídia é o seu armazenamento onde você mantém todos os seus arquivos de mídia. Se você tiver uma imagem carregada anteriormente que deseja usar, poderá encontrá-la em sua biblioteca de mídia.

Clique em "Imagens de estoque" para encontrar imagens relevantes para o seu site em uma grande coleção de imagens de estoque disponíveis. Clique nas opções de pesquisa mais populares para uma navegação rápida ou pesquise palavras-chave ou termos específicos.

Depois de selecionar a imagem que deseja usar, clique em “Inserir” e ela será adicionada ao seu site.

Da mesma forma, você pode editar as seções com vídeos. Aqui, você tem duas opções: adicionar um URL de vídeo ou criar um novo vídeo. Se você escolher a segunda opção, será redirecionado para nossa biblioteca de modelos de vídeo com mais de 800 modelos e mais de 1200 predefinições. Crie seu vídeo, publique-o e adicione o URL ao seu site.

Para adicionar música ao seu site, vá para a lista de componentes de música e selecione aquele que melhor lhe convier. Você pode adicionar faixas de “SoundCloud” e “Spotify”.

Passe o mouse sobre a faixa e clique no botão editar para adicionar a música de sua escolha.

Cole o URL da faixa ou o código de incorporação que você copiou anteriormente e clique em salvar. Sua faixa será adicionada ao site.

Se o seu componente tiver ícones que você precisa alterar, clique no botão de edição que aparece quando você passa o mouse sobre o ícone. Aqui você pode pesquisar ícones, selecionar um relevante e salvar as alterações.

Os ícones de acompanhamento social também são totalmente personalizáveis. Selecione um componente que os contenha, passe o mouse sobre eles para remover os desnecessários ou clique no ícone de lápis para editá-los.

Na seção “Social”, basta encontrar e selecionar o ícone que você precisa, editá-lo e adicioná-lo ao seu site.

Estilo e cores do site

Os componentes do site têm seu tamanho e estilo de texto padrão que você pode alterar com um clique. Vá para a seção "Texto" no menu da barra lateral esquerda para selecionar o tamanho e o estilo do texto de sua escolha.

Na seção “Estilo”, você pode selecionar o estilo de seus botões, ícones e outras formas em todo o site. Existem três opções para escolher: arredondado, encurralado e pontiagudo.

Para alterar as cores do seu site, vá para a seção “Cor”. Adicione suas cores personalizadas ou escolha uma das paletas de cores sugeridas por nossos designers profissionais.

Como adicionar uma página?

Se o seu site não for um site de uma página , você precisará adicionar mais páginas. Para criar uma nova página, vá para a seção “Páginas” no mesmo menu da barra lateral esquerda e clique em “Adicionar novo”. Em seguida, escreva o nome da sua página, que também é usado como URL da página, e clique em “Criar”.

Você pode acessar a página no mesmo menu de navegação do lado esquerdo e começar a editá-la e adicionar componentes como na página anterior.

Você pode então adicionar links redirecionando para esta nova página. Passe o mouse sobre o botão que você deseja redirecionar para isso e pressione o ícone de lápis para editar o link. Edite manualmente o nome do link e selecione a página para a qual você deseja que o botão seja redirecionado.

Além de vincular suas páginas internas, você também pode vincular a sites externos ou páginas de destino. Clique em “Adicionar link” e edite-o escrevendo o título da página, escolhendo a opção “Link externo” no menu suspenso e adicionando o link.

Você também tem a opção de vincular seu item de menu a uma seção específica da página. Por exemplo, se você deseja vincular seu item de menu “Fale Conosco” à seção “Fale Conosco” em sua página inicial, clique em “Adicionar link”, escreva o nome, selecione a opção “para a seção” no menu suspenso e o seção em uma página específica. Observe que esta opção é recomendada para sites de uma página.

Adicionar widgets

Na seção "Widgets", você pode adicionar bate-papo ao vivo ao seu site para um melhor suporte ao cliente.

Expanda o widget de sua escolha, cole o código copiado ou insira seu ID de bate-papo e clique em "Conectar".

Os widgets serão anexados e você terá um chat ao vivo em seu site.

Edite as configurações do seu site

Na seção “Configurações”, você pode editar as configurações gerais do seu site e as configurações de páginas individuais.

Na barra de navegação, selecione a seção que deseja editar.
Nas configurações “Geral”, você pode gerenciar as configurações de cookies, adicionar seu favicon, selecionar a imagem social, e-mail do site, ID do Google Analytics e ID do pixel do Facebook.

A seção “Página” permite que você edite o título da página, a meta descrição da página e as palavras-chave da página/site.

Na seção “Domínio”, você pode configurar seu domínio personalizado ou editar seu subdomínio gratuito.

Depois de atualizar suas configurações, não se esqueça de clicar no botão “Salvar” para atualizar suas configurações.

Observe que algumas configurações serão desbloqueadas assim que você receber uma assinatura paga.

Visualizar e publicar

Visualize seu site durante o processo de edição para ver como ele fica e faça todas as alterações necessárias para melhorá-lo. Clique no botão “Visualizar” no canto superior direito do editor.

Visualize seu site em diferentes dispositivos: desktop, tablet e celular. Ou clique em “Visualizar em nova guia”.

Quando seu site estiver pronto para ser publicado, visualize-o para ver se tudo funciona conforme o esperado. Em seguida, clique no botão “Publicar”.

Parabéns! Seu site está no ar!

Sempre que você fizer alterações em seu site, não se esqueça de salvá-las e publicá-las. Todos os seus projetos de sites são salvos automaticamente na página “Meus sites”, que você pode acessar no menu suspenso no canto superior direito da sua página.

Muito simples e intuitivo, não é? O construtor de sites Renderforest tem todas as ferramentas para tornar o processo de criação de sites fácil e divertido. Quando seu site estiver pronto, vá em frente e publique-o. Você pode publicar seu site gratuitamente ou assinar um plano pago mensal ou anual.

Antes de começar a projetar seu site, certifique-se de preparar wireframes para todas as suas páginas da web. Eles irão ajudá-lo a encontrar os componentes desejados facilmente. Em seguida, use nosso construtor de sites fácil de usar para dar vida às suas ideias.

Você está pronto para começar?

Criar meu site