Como criar um site de uma página no WordPress (passo a passo) 

Criar um site de uma página no WordPress acabou sendo uma das maneiras mais simples e eficazes de criar uma presença on-line. Não precisei aprender a programar ou contratar um desenvolvedor, apenas ter um objetivo claro e as ferramentas certas.

Para este site, usei o SeedProd, um construtor WordPress de arrastar e soltar que tornou todo o processo intuitivo. Ele me permitiu estruturar tudo, desde a seção de heróis até o formulário de contato, em uma única página rolável que funciona muito bem em computadores e dispositivos móveis.

Se você é um freelancer, proprietário de uma pequena empresa ou apenas alguém que deseja um site limpo e focado em conversões sem o incômodo de gerenciar várias páginas, essa abordagem é um divisor de águas. E se você estiver começando do zero, não se preocupe, eu o orientarei em todas as etapas.

Neste guia, mostrarei exatamente como criar um site WordPress de uma página que tenha uma ótima aparência e trabalhe duro para seus objetivos, sem necessidade de habilidades técnicas.

O que é um site de uma página?

Um site de uma página é um site que contém todo o seu conteúdo em uma única página rolável, em vez de usar várias páginas para diferentes seções. Os links de navegação normalmente levam a diferentes seções da mesma página usando links de âncora.

Esse layout é popular para páginas de destino, portfólios, lançamentos de startups e experiências mobile-first, pois reduz o atrito e mantém os usuários concentrados em uma única jornada.

Por que criar um site de uma página no WordPress?

Os sites WordPress de uma página oferecem uma maneira elegante, moderna e compatível com dispositivos móveis para exibir seu conteúdo sem sobrecarregar os usuários. Em vez de espalhar informações em várias páginas (como Sobre, Serviços, Contato), você as combina em uma única experiência que pode ser rolada.

Aqui estão os principais benefícios de usar um design WordPress de uma página:

• Tempos de carregamento mais rápidos e navegação mais simples
• Conversões mais altas com call-to-actions focadas
• Mais fácil de otimizar para dispositivos móveis e SEO
• Ideal para páginas de destino, portfólios e mostruários de produtos
• Manutenção simplificada com menos conteúdo para gerenciar

Além disso, ferramentas como o SeedProd permitem que você crie esses sites visualmente, sem contratar um desenvolvedor.

Seções essenciais de um site WordPress de uma página

Ao projetar seu site de uma página, a estrutura é fundamental. Cada bloco de conteúdo deve ter uma finalidade clara. Veja o que os sites de uma página mais bem-sucedidos incluem:

• Seção Hero: Seu título, subtítulo e uma CTA atraente. Essa é a primeira coisa que os usuários veem.
• Seção Sobre: Explique brevemente quem você é e o que oferece.
• Recursos ou serviços: Apresente suas principais ofertas ou destaques de produtos.
• Prova social: Adicione depoimentos de clientes ou crachás de confiança.
• Call-to-Action (CTA): Incentive os usuários a agir - inscrever-se, comprar ou entrar em contato.
• Seção de contato: Inclua e-mail, telefone ou um formulário de contato.
• Rodapé: Adicione links legais, informações de direitos autorais ou navegação secundária.

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, confira 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 analisar 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:

Perguntas frequentes sobre sites WordPress de uma página

Ó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.