Você quer aprender a criar um site de uma página no WordPress?
Os sites de uma página usam apenas uma única página da Web com um design simples e moderno. Dessa forma, os usuários podem ver todas as informações de que precisam em uma única página sem precisar clicar.
Neste artigo, mostraremos a você como criar um site de uma página no WordPress, passo a passo.
Por que criar um site de uma página?
Se você observar a maioria dos sites, eles têm uma coisa em comum: normalmente incluem navegação de página, que envia os usuários para outras páginas do site, como, por exemplo:
- Página inicial
- Sobre a página
- Página de contato
Um menu de navegação é uma ótima solução para grandes empresas ou empresas com muitas informações. Mas as marcas menores talvez não precisem de todo esse espaço para explicar seus produtos ou serviços.
Além disso, um web design de uma página pega as informações de um site padrão de várias páginas e as reduz a uma única página. Ele faz isso adicionando seções distintas que aparecem à medida que você rola a página.
Há vários benefícios em criar esse tipo de site:
- Os usuários podem navegar pelo seu site com mais facilidade
- Sua chamada para ação é vista mais rapidamente
- É mais fácil otimizar páginas da Web individuais para dispositivos móveis
- Os sites de uma página são mais fáceis de manter
E o mais importante é que, como todo o seu tráfego vai para uma página, seu site de página única deve ter taxas de conversão muito mais altas.
Naturalmente, empresas grandes e complexas terão dificuldade para colocar todas as suas informações em um design WordPress de uma página. Mas se você estiver administrando um site de uma pequena empresa, um portfólio ou uma loja simples, esse tipo de site é uma excelente opção.
O que incluir em seu site WordPress de uma página
Como o seu site WordPress tem apenas uma única página, você precisa considerar o que deseja incluir. Seu trabalho é fornecer tudo o que o público precisa para saber mais sobre sua empresa, sem sobrecarregar o design ou os visitantes.
Simplificando, tudo o que você inclui em seu site de página única deve estar lá por um motivo.
Aqui está uma ideia geral do que você deve incluir em seu site WordPress de uma página:
- Elementos de marca, como seu logotipo e slogan, para tornar seu site reconhecível.
- Uma seção sobre, explicando quem você é e o que faz.
- Uma lista dos produtos ou serviços que você oferece.
- Avaliações ou depoimentos para mostrar prova social e criar confiança.
- Uma frase de chamariz proeminente, que incentive os usuários a saber mais, inscrever-se ou comprar.
- Links para seus perfis de mídia social.
- Informações de contato para que os usuários possam entrar em contato.
A ordem em que você exibe esses detalhes em sua página é igualmente importante.
A prática recomendada é adicionar o CTA em uma posição mais alta na página, pois é o elemento mais importante. Seus detalhes de contato e links sociais devem ficar perto da parte inferior do site.
Pense no que você quer que seu público veja primeiro e organize sua página de acordo com isso.
Como criar um site de uma página no WordPress
Tendo isso em mente, você pode seguir as etapas abaixo para aprender a criar um site de uma página no WordPress:
Etapa 1. Configurar a hospedagem e o domínio do WordPress
Antes de criar seu site de uma página, você precisa primeiro adquirir um nome de domínio e uma hospedagem na Web. Um nome de domínio é o endereço do seu site na Internet, enquanto a hospedagem é o local que armazena os arquivos do seu site.
Muitas empresas de hospedagem incluem um nome de domínio gratuito como parte de seus planos de hospedagem. Por exemplo, a hospedagem WordPress da Bluehost oferece um nome de domínio gratuito por um ano em todos os planos.
O plano para pequenas empresas da Bluehost também inclui:
- Sites ilimitados
- Armazenamento ilimitado
- CDN gratuita
- Certificado SSL gratuito
O preço é de cerca de US$ 5 por mês.
Se você considerar que a Bluehost também é uma parceira oficial de hospedagem recomendada pelo WordPress, ela é uma excelente primeira opção para o site da sua empresa. Dito isso, você pode fazer compras verificando esses melhores provedores de hospedagem WordPress.
Além do domínio e da hospedagem, você também precisará escolher um tema do WordPress para começar.
A maioria das empresas procura temas modernos de página única para criar seu site. Mas, para este tutorial, usaremos um construtor de sites, portanto, você não precisará de um tema especial de uma página do WordPress.
Em vez disso, recomendamos o uso de um tema rápido e otimizado para hospedar seu site. Por exemplo, você pode usar um dos temas padrão oficiais do WordPress ou escolher um destes temas populares do WordPress.
Lembre-se de que o design ou as opções de tema não são importantes. Você está procurando um código limpo e velocidades rápidas para manter seu site otimizado.
Se precisar de ajuda para configurar seu site, consulte este guia definitivo sobre como criar um site.
Neste tutorial, vamos recriar o site de uma página do Apple Plug.
Este site é uma paródia de um produto da Apple feita pela Nicer, uma empresa que cria aplicativos para empresas líderes.
Tudo o que usaremos para criar esse site é um único e poderoso plug-in do WordPress.
O SeedProd é um dos melhores criadores de sites WordPress do mercado. Ele inclui um poderoso editor de arrastar e soltar e um construtor de temas do WordPress que permite criar, personalizar e lançar qualquer layout sem escrever código.
O SeedProd é superfácil de usar (mesmo para iniciantes). Configurar seu site é tão fácil quanto apontar, clicar e ver as alterações acontecerem automaticamente em tempo real.
Etapa 2. Instalar o construtor de sites SeedProd
Primeiro, você precisará fazer o download do plug-in do construtor de sites SeedProd, instalá-lo e ativá-lo em seu site WordPress.
Observação: o SeedProd oferece uma versão gratuita, mas usaremos o SeedProd Pro para os recursos do Theme Builder neste tutorial.
Você pode seguir este guia para instalar um plug-in do WordPress se precisar de ajuda.
Depois de ativar o SeedProd, vá para SeedProd " Settings (Configurações ) no painel do WordPress e insira sua chave de licença. Você pode encontrar essas informações na página da sua conta no site do SeedProd.
Etapa 3. Crie o modelo de seu site
Para criar um site personalizado de uma página com o SeedProd, primeiro você precisará criar um modelo personalizado. Não se preocupe; criar um modelo personalizado com o SeedProd é bastante simples.
Primeiro, vá para a página do SeedProd " Theme Builder.
Normalmente, você verá a lista de modelos do seu tema SeedProd atual nessa página. Como ainda não criamos um, tudo o que você verá é o modelo Global CSS.
Normalmente, sugerimos começar com um dos temas predefinidos do SeedProd ao criar um site. Mas, como queremos recriar o site de paródia do Apple Plug, começaremos do zero.
Para fazer isso, clique no botão Add New Theme Template (Adicionar novo modelo de tema ).
Em seguida, na janela de sobreposição, dê um nome ao modelo e escolha Custom Page (Página personalizada ) no menu suspenso "Type" (Tipo). A partir daí, clique no botão Add Condition (Adicionar condição ) e selecione a opção "Entire Site" (Todo o site).
Essas configurações garantirão que a página que você criar com o SeedProd seja exibida em todos os lugares do seu site.
Depois de criar seu modelo, ele será aberto no construtor de páginas de arrastar e soltar do SeedProd, onde você poderá personalizar o layout, o design e adicionar seu conteúdo personalizado.
Etapa 4. Personalize seu site de uma página
No construtor de páginas de arrastar e soltar do SeedProd, você verá uma visualização do seu site à direita e um painel de edição à esquerda.
Criação de um cabeçalho de site de uma página
Para começar a criar seu site, primeiro será necessário adicionar uma nova seção. Para fazer isso, clique no ícone de adicionar colunas e clique em um layout.
Como o site da Apple Plug tem um cabeçalho de 3 colunas, escolheremos o layout de 3 colunas.
Em seguida, arraste o bloco Image (Imagem ) do painel esquerdo para sua nova coluna, da seguinte forma:
Agora você pode clicar no bloco de imagens e carregar um logotipo da sua biblioteca de mídia ou do computador. Após carregar o logotipo, você pode alterar o tamanho, o alinhamento e adicionar um link clicando nas opções do painel de configurações.
Agora vamos recriar os itens de menu. Usaremos o bloco Nav Menu do SeedProd para isso, portanto, arraste-o para a segunda coluna e adicione cada item de menu no painel de configurações.
Você deve usar o tipo de menu "Simple" (Simples) para esse design porque adicionaremos links de âncora posteriormente, o que permitirá que os usuários acessem diferentes seções da página.
A última etapa desta seção é adicionar um "botão Comprar". Você pode fazer isso arrastando o bloco Button do painel esquerdo e soltando-o na coluna final.
A partir daí, você pode vincular o botão à sua página de checkout. Em seguida, na guia "Advanced" (Avançado), você pode personalizar a cor, o espaçamento e a borda do botão apontando e clicando.
Quando estiver satisfeito com o cabeçalho do seu site de uma página, clique em Save (Salvar).
Adição de diferentes seções de conteúdo
Ao observar o exemplo que estamos recriando, você verá que a página tem 7 seções diferentes:
- Herói
- Vison
- Design
- Inovação
- Materiais
- Recursos
- Chamada para ação
Cada seção explica um aspecto diferente do produto sem ocupar muito espaço. Isso também ajuda os leitores a fluir pela página até chegarem à chamada para ação.
Criar cada seção é fácil com o SeedProd.
Primeiro, adicione uma nova seção de coluna única, como fez com a área do cabeçalho. Em seguida, arraste um bloco Image e carregue seu logotipo mais uma vez.
Em seguida, você precisará adicionar o bloco Headline do SeedProd. Esse bloco permite que você defina o nível do título de H1 a H6. Você também pode clicar na guia "Advanced" (Avançado) para personalizar a fonte, as cores e o espaçamento.
Repita essa etapa para cada seção do seu site de uma página. Por exemplo, a seção a seguir requer um layout de 2 colunas, dois blocos de títulos, um bloco de imagem e um bloco de texto simples.
As duas seções seguintes são as mesmas. Você pode duplicar a primeira seção e alterar o conteúdo para facilitar as coisas. Para fazer isso, passe o mouse sobre uma seção e clique no ícone de duplicação.
Sua nova seção aparecerá logo abaixo da original.
Adição de links âncora
A maioria dos sites de uma página usa links de âncora para ajudar os leitores a navegar, em vez de um menu de navegação típico. Dessa forma, os usuários podem ir para a seção que mais lhes interessa.
Adicionar links de âncora com o SeedProd é fácil. Tudo o que você precisa fazer é localizar o bloco Anchor e arrastá-lo para a seção para a qual deseja criar o link.
Em seguida, no painel de configurações, dê um nome à sua âncora.
Agora vamos vincular a seção a um item de menu. Para fazer isso, clique em um item de menu e, no campo "URL Link", digite o símbolo da hashtag e o nome da âncora. No nosso caso, seria #visionsection.
Lembre-se de salvar suas alterações antes de prosseguir.
Adição de um formulário de inscrição
A seção final desse site de página única é a área de chamada para ação. Como esse site é uma paródia, ele precisa de uma maneira de manter contato com os visitantes que desejam saber mais.
A maneira mais fácil de fazer isso é com o bloco de formulários optin do SeedProd. Ele adiciona um formulário personalizável ao seu site, no qual os usuários podem inserir seus endereços de e-mail para receber atualizações e notificações.
Você pode personalizar os campos do formulário, os botões, as cores, o espaçamento e muito mais com apenas alguns cliques.
Alguns outros elementos essenciais que você pode adicionar ao seu site de uma página com o SeedProd incluem:
- Ícones de perfil social para aumentar seus seguidores nas mídias sociais
- Depoimentos para aumentar a confiança e a credibilidade
- Temporizadores de contagem regressiva para criar urgência
- Botões Adicionar ao carrinho para direcionar os usuários para o checkout do WooCommerce
As opções são infinitas e não leva tempo algum para que seu site tenha a aparência que você deseja.
Quando estiver satisfeito com a aparência do site, clique no botão Salvar no canto superior direito da tela.
Etapa 5. Conecte seu serviço de marketing por e-mail
A próxima etapa é conectar-se ao seu serviço de marketing por e-mail. Essa é uma boa ideia se você planeja coletar endereços de e-mail do seu site para criar sua lista de e-mails.
Clique na guia Connect (Conectar ) na parte superior do construtor de páginas e escolha entre os vários serviços de e-mail disponíveis. Selecione o serviço de e-mail de sua preferência, clique em Connect (Conectar) e siga as instruções para conectar sua lista de e-mails.
Consulte nossa documentação de integração de e-mail para obter instruções específicas sobre a integração de cada serviço de marketing por e-mail.
Etapa 6. Publique seu site de uma página
Agora você está pronto para colocar seu novo site no ar. Para fazer isso, saia do construtor e volte para o painel do Theme Builder.
A partir daí, alterne o botão Enable SeedProd Theme para a posição On (Ligado).
Agora você pode visitar a página inicial do seu site e ver seu site de uma página em ação.
Aqui está o original novamente:
Aqui está o site que recriamos com o SeedProd:
Ótimo trabalho; agora você criou um site exatamente como o exemplo original. Não foi fácil?
Agora você sabe como criar um site de uma página no WordPress com o SeedProd. O melhor do SeedProd é que você pode criar muitos tipos diferentes de layouts sem tocar em uma única linha de código.
Você está pronto para criar um site personalizado de uma página?
Se você ainda não estiver pronto para tornar seu site visível para o público, confira este guia sobre como criar uma página de lançamento em breve no WordPress.
Se você gostou deste artigo, siga-nos no YouTube, no Twitter e no Facebook para obter mais conteúdo útil para expandir seus negócios.
