Como criar um website

Nesta página, você aprenderá como criar um website usando a systeme.io.

Você pode usar o recurso de blog ou funil de vendas para criar seu website.
Recomendamos o uso do recurso de blog se você pretende publicar conteúdo regularmente e tem um grande número de páginas em seu site.
Se você quiser criar um site simples com um par de páginas, sugerimos o uso do recurso funil.

1. Como criar um site usando o recurso de blog

O que você vai precisar:
Quando você cria um blog, ele sempre terá quatro páginas padrão (Página inicial, página sobre, página da lista de posts e página de contato).
Você pode modificar essas páginas, mas também pode adicionar novas páginas ao seu blog.
Passo 1: Adicionar novas páginas ao seu blog
Clique na aba "Sitess" (número 1 na imagem), depois em "Blogs" (número 2 na imagem) e clique no nome do blog para acessá-lo (número 3 na imagem).

Então, clique na seção "Páginas" (número 4 na imagem) e depois no botão "Criar" (número 5 na imagem).

No pop-up que será exibido, adicione o nome da página do blog e o caminho da URL, depois clique em "Criar uma página de blog" (número 6 na imagem).

Você encontrará instruções mais detalhadas sobre como adicionar novas páginas ao seu blog nesta página de ajuda.

Passo 2: Definir sua página inicial do blog como a página inicial do seu site

Ao criar seu blog, você deve definir sua página inicial como a página inicial do seu site (isto é, a URL principal sem diretórios adicionais)
Dessa forma, a página inicial do seu blog será exibida quando seu site for aberto.
Vá até a lista de "Blogs" no menu "Sites", escolha seu blog na lista, clique nos 3 pontinhos e depois em "Configurações" (número 7 na imagem).

Deixe o campo Caminho da URL vazio e clique em "Salvar" (número 8 na imagem).

Passo 3: Adicionar o elemento "Menu" à sua página inicial

Após configurar a página inicial do seu blog como a página inicial do seu site, você precisa configurar o elemento "Menu" que está em sua página inicial e foi adicionado por padrão nesta página.
Para configurar o menu do seu blog, você deve primeiro clicar no botão "Layout do blog" (número 9 na imagem).

Quando o editor "Layout do Blog" abrir, clique no item "Menu" em sua página, para poder editar os itens padrão do menu, excluí-los e adicionar novos itens. 
(O layout do blog permite definir os elementos que estarão presentes em todas as páginas de seu blog por padrão)
Novos itens do menu podem ser páginas de blogs, posts em blogs ou links personalizados.
Recomendamos adicionar o mesmo número de itens de menu que o número de páginas em seu blog. Desta forma, os visitantes do site poderão acessar todas as páginas do seu site a partir de sua página inicial.
Você pode personalizar as seguintes opções em seu menu: 
  • Excluir item do menu (número 10 na imagem)
  • Renomear o item do menu (número 11 na imagem)
  • Escolher se você deseja que o item do menu seja um link de blog ou uma URL personalizada (número 12 na imagem)
  • Escolher o link do blog — página ou post no menu suspenso, ou inserir a URL personalizada se você tiver escolhido esta opção (número 13 na imagem)
  • Adicionar um novo item de menu (número 14 na imagem)

Também é possível tornar seu menu fixo (visível em toda a página)
Clique na seção que contém o elemento "Menu" e role a página do "Editor" à esquerda da tela até chegar à seção "Aderido".
Verifique a caixa "Deseja tornar isso sempre visível? (aderido)?" e escolha se deseja que a seção fique na parte superior ou inferior (número 15 na imagem).

Note que o menu do seu site será exibido em todas as páginas de seu blog.
Se você quiser removê-lo de uma delas, clique no botão "Não utilizar o layout do blog" (número 16 na imagem).

Nossa página de ajuda " Como criar um menu para seu blog" fornecerá instruções mais detalhadas sobre como configurar o menu do seu site.

Passo 4: Projetar sua página inicial e o restante das páginas do seu site

Você pode projetar as páginas do seu site conforme suas preferências.
Para fazer isso, abra o editor da página que você deseja trabalhar clicando em "Editar" (número 17 na imagem).

Depois de acessar o editor de sua página inicial, você pode remover os elementos existentes que não deseja usar.

Você também pode manter os elementos em suas páginas e ajustá-los às suas necessidades.

Clique no elemento que deseja modificar para abrir suas configurações e use o editor no lado esquerdo da tela para adaptá-lo.

Em nosso exemplo, modificaremos o elemento "Texto":

Resultado:

Além de modificar os elementos existentes, você pode adicionar novos elementos a suas páginas, como o elemento Imagem, Áudio ou Vídeo.
Tudo o que você precisa fazer é clicar no elemento desejado, arrastá-lo para sua página e soltá-lo em um lugar adequado.
Aqui você pode ver como adicionar os elementos "Vídeo" e "Imagem" à sua página.

Recomendamos que você pesquise nossa central de ajuda, pois lá você encontrará páginas de ajuda sobre como usar vários elementos em seu editor de páginas.

2. Criar um site usando o recurso Funis de venda

Uma vez criado seu funil, você deve adicionar novas páginas de funil (etapas de funil).

Estas páginas servirão como as páginas do seu site. Recomendamos que você acrescente até cinco páginas ao seu funil.

Etapa 1: Criar novas páginas do site

Acesse seu funil e clique no botão "Adicionar etapa" (número 1 na imagem).

Defina o nome e o tipo da página e salve as configurações:

Escolha o template de sua preferência e elabore a página como desejar.
Siga este procedimento para criar todas as páginas do seu site (páginas de funil).

Passo 2: Definir uma página do funil como a página inicial do seu site

Acesse seu funil, clique na página que você deseja definir como página inicial e apague o caminho URL (número 2 na imagem).

Passo 3: Adicionar o elemento "Menu" à página inicial do site

Após ter definido uma página de seu funil como a página inicial de seu website, você deve adicionar o elemento "Menu" em sua página inicial e adicionar o mesmo número de itens de menu que o número de páginas de seu website (etapas do funil).
Dessa forma, os visitantes de seu website poderão acessar todas as páginas de seu website a partir de sua página inicial.
Abra o editor de sua página inicial, arraste o elemento "Menu" e solte-o em sua página (número 3 na imagem).

Você pode adicionar novos itens de menu e conectar cada item com uma página de seu funil.
Para fazer isso, volte ao seu funil, clique na página que deseja conectar ao item do menu e copie a URL (número 4 na imagem).

Volte ao editor de sua página inicial, clique no elemento "Menu" para abrir suas configurações, e depois clique no botão "Adicionar item no menu" (número 5 na imagem)

Escolha o título do item do menu e cole a URL da página que você copiou (número 6 na imagem)

Use o mesmo método para criar itens de menu para todas as páginas do seu site.
Você pode apagar os itens do menu clicando no ícone "Lata de lixo" (número 7 na imagem) e reorganizá-los clicando nas setas (número 8 na imagem).

Se quiser que o menu seja exibido em todas as páginas do site, você pode salvá-lo como um bloco e inseri-lo no restante das páginas do site (veja nossa página de ajuda: Como salvar blocos no editor).

Artigos úteis: