Como Criar uma Página de Checkout Personalizada do WordPress (Sem Código) 

Se você já perdeu uma venda porque sua página de checkout estava lenta, confusa ou sem a opção de pagamento correta, sabe o quão frustrante isso é. Uma página de checkout personalizada no WordPress resolve isso e oferece aos compradores uma maneira suave e confiável de pagar.

Estudos mostram que 70-85% dos compradores abandonam o carrinho antes de pagar. Vou guiá-lo na criação de uma página que os mantém em movimento, em cerca de 15 minutos, sem tocar em nenhum código.

Faremos isso usando o SeedProd, um construtor de arrastar e soltar que funciona perfeitamente com o WooCommerce para que você possa lançar uma página de checkout de alta conversão hoje mesmo.

Passos rápidos para criar uma página de checkout personalizada no WordPress:

Como Criar uma Página de Checkout no WordPress (Sem Código)

Para este tutorial, usaremos o SeedProd para criar uma página de checkout do WordPress. O SeedProd é o melhor construtor de páginas do WordPress de arrastar e soltar usado por mais de 1 milhão de sites.

Com o SeedProd, você pode facilmente criar qualquer página de destino do WordPress sem escrever uma única linha de código. E por causa de sua poderosa integração com o WooCommerce, você pode criar páginas de checkout personalizadas e outras páginas do WooCommerce e vinculá-las à sua loja WooCommerce.

Isso significa que, em vez de usar o checkout de página única padrão do WooCommerce, você pode criar uma página totalmente personalizada e otimizada para conversões. E antes de lançar, você pode criar uma página "Em Breve" do WooCommerce para gerar leads.

Portanto, se você deseja criar uma página de checkout no WordPress para iniciantes, veja como fazer isso com o SeedProd.

Tutorial em Vídeo

Passo 1: Instalar e Ativar o SeedProd

O primeiro passo é instalar e ativar o plugin SeedProd.

Observação: Existe uma versão gratuita do SeedProd disponível. No entanto, usaremos o SeedProd Pro para os blocos avançados do WooCommerce.

Se precisar de ajuda com esta etapa, siga este guia passo a passo sobre como instalar um plugin do WordPress.

Após ativar o SeedProd, vá para SeedProd » Configurações e insira sua chave de licença.

Esta informação é fácil de encontrar na seção Downloads da sua conta no site SeedProd.

Etapa 2: Crie uma Nova Página

Após ativar sua chave de licença, navegue até SeedProd » Páginas no seu painel do WordPress. Nesta página, você verá uma visão geral dos diferentes modos de página do SeedProd e uma área para adicionar novas landing pages.

Com os modos de página, você pode instantaneamente:

• Criar e ativar uma página "Em Breve"
• Ativar o modo de manutenção
• Criar uma página 404 personalizada
• Configurar uma página de login personalizada do WordPress
• Criar uma landing page independente do WordPress

O ótimo disso é que dá ao seu site funcionalidade extra sem instalar vários plugins do WordPress.

Para este guia, queremos criar uma página de checkout independente do WordPress. Para fazer isso, clique no botão Adicionar Nova Landing Page.

Na próxima tela, você pode escolher entre centenas de modelos de landing page responsivos.

Você pode filtrar designs clicando nos marcadores de guia na parte superior:

• Todos
• Em Breve
• Modo de Manutenção
• Página 404
• Vendas
• Webinar
• Lead Squeeze
• Webinar
• Entrar

A melhor abordagem é procurar um modelo que corresponda de perto ao design que você deseja. E se não for uma combinação perfeita, você pode personalizá-lo facilmente na próxima etapa sem PHP, CSS ou shortcodes.

Para este tutorial, usaremos o modelo Em Branco para mostrar como é fácil criar sua página de checkout do WordPress sem contratar um desenvolvedor.

Para escolher o modelo, passe o mouse sobre a miniatura e clique no ícone de visto laranja.

Depois, um pop-up aparece pedindo para você inserir um nome e URL para sua página.

Você pode então prosseguir e clicar no botão Salvar e Começar a Editar a Página.

Etapa 3: Adicione Conteúdo à Sua Página de Checkout

Após importar seu modelo, ele será aberto no construtor visual de páginas do SeedProd e se parecerá com o exemplo abaixo. É aqui que você pode criar sua página de checkout do WordPress e otimizá-la para conversões.

Nos meus testes do GTmetrix, uma página criada com SeedProd carregou em 556ms, em comparação com 1.882ms para a mesma página criada com Elementor. Uma página de checkout mais rápida significa menos abandonos antes do pagamento.

Você verá uma prévia ao vivo da sua página à direita. E à esquerda há um painel de opções onde você pode escolher diferentes blocos, seções e personalizar seu design.

Cabeçalho da Página de Checkout

Primeiro, adicionaremos um cabeçalho à sua página de checkout para que você possa manter a consistência da sua marca em todo o seu site.

Para fazer isso, clique na aba Seções no painel esquerdo e clique na categoria Cabeçalho. A partir daí, passe o mouse sobre qualquer seção de cabeçalho e clique no ícone de mais para adicioná-la à sua página.

Em seguida, clique na área da imagem da sua nova seção de cabeçalho. Aqui você pode fazer upload de uma imagem do seu computador ou da biblioteca de mídia do WordPress para usar como o logotipo do seu site.

Também recomendamos remover o menu de navegação da sua página de checkout. Isso reduzirá o número de pessoas que saem da página e incentivará os usuários a concluir o processo de checkout.

Para excluir o menu de navegação, basta passar o mouse sobre o bloco de navegação e clicar no ícone da lixeira.

Agora vamos personalizar o botão de call-to-action (CTA). Em vez de enviar os usuários para fora da página, você pode usar este botão para lembrar os usuários sobre o conteúdo do carrinho de compras deles.

Então clique no botão CTA para abrir as configurações à esquerda e substituir o texto padrão. No nosso caso, alteramos para ‘Ver Carrinho.’

Em seguida, você pode adicionar o URL da sua página de carrinho do WooCommerce no campo Link. Se desejar, você pode tornar o link nofollow ou abri-lo em uma nova aba selecionando a caixa de seleção.

Bloco de Checkout do WooCommerce

Com a identidade visual do seu site definida, vamos passar para a adição de funcionalidades de checkout com campos de formulário à sua página. Primeiro, arraste um novo bloco de Coluna para sua página.

Em seguida, escolha o seu layout preferido.

Em seguida, role o painel esquerdo para a área WooCommerce, que oferece os melhores blocos do WooCommerce. A partir daí, escolha o bloco Checkout e arraste-o para sua página.

Clique em qualquer lugar no bloco de Checkout para personalizar as configurações, incluindo:

• Layout de checkout de 1 ou 2 colunas
• Fontes e cores do cabeçalho do checkout
• Estilização de campos personalizados
• Estilos de botão
• Cores de destaque de alerta
• Bordas, fundos e estilização do carrinho
• Personalizações da seção de pagamento

Lembre-se de clicar em Salvar para armazenar as configurações do editor de campos de checkout.

Produtos Populares do WooCommerce

Se você deseja aumentar as vendas, pode adicionar produtos populares à sua página de checkout do WordPress em seguida. Isso pode incentivar os compradores a adicionar mais itens ao carrinho antes de pagar.

Para adicionar produtos populares, escolha o bloco Produtos Mais Vendidos na seção WooCommerce e arraste-o para sua página.

A partir daí, você pode editar o número de colunas, adicionar paginação e ajustar outras configurações nos menus suspensos.

É uma boa ideia neste ponto arrastar o bloco de título e alterá-lo para algo como “Produtos Populares”. Dessa forma, as pessoas saberão exatamente o que estão vendo.

Avaliações e Depoimentos

Quando se trata de prova social, avaliações e depoimentos, todos eles aumentam as chances de os compradores adquirirem seus produtos WooCommerce. A razão para isso é que tranquiliza as pessoas de que outras pessoas confiam em seus produtos e que elas estão tomando a decisão certa.

Então, por que não incluir algumas avaliações, depoimentos e classificações por estrelas em sua página de checkout?

Você pode fazer isso facilmente com o SeedProd. Basta ir aos blocos Avançados e arrastar o bloco Depoimentos para sua página de checkout.

Nas configurações, você pode personalizar completamente o bloco. Por exemplo, você pode adicionar uma foto de depoimento ou cargo e até mesmo transformá-lo em um carrossel deslizante com múltiplos depoimentos.

Além disso, você pode adicionar ainda mais prova social usando o bloco Classificação por Estrelas abaixo do depoimento.

Etapa 4: Publique sua página de checkout do WordPress

Quando estiver satisfeito com sua página, vamos ver como ela fica no celular. Afinal, muitas pessoas compram de seus dispositivos móveis hoje em dia, então garantir que tudo esteja otimizado para usuários de celular é crucial para aumentar as vendas.

Felizmente, o SeedProd tem um recurso que permite visualizar seu checkout do WordPress no celular facilmente. Basta clicar no ícone de celular na barra de navegação inferior.

Em seguida, você pode ver a configuração da sua página como qualquer usuário de celular veria. A partir daí, você pode fazer ajustes para melhorar a experiência do usuário.

Quando estiver satisfeito com a aparência de tudo, clique na seta suspensa ao lado do botão verde Salvar e clique em Publicar para tornar sua página de checkout ativa.

Em vez da página de checkout padrão do WooCommerce, agora você tem uma página de checkout do WordPress de alta conversão, adaptada ao seu público.

Etapa 5: Atribuir sua página de checkout ao WooCommerce

A etapa final deste guia é atribuir sua nova página de checkout do WordPress ao WooCommerce. Isso envolve alterar as configurações padrão do WooCommerce e adicionar o URL da sua nova página.

Alterar o URL faz com que seus clientes vão automaticamente para sua nova página de checkout do WordPress em vez da opção padrão.

Para configurar esta configuração, vá para WooCommerce » Configurações e clique na guia Avançado. Em seguida, ao lado do título Página de Checkout, procure a página que você acabou de criar.

Quando a encontrar na lista suspensa, clique nela para atribuí-la como sua página de checkout oficial. Certifique-se de clicar em Salvar alterações na parte inferior da tela para preservar suas configurações.

Agora, quando um visitante clicar em 'Prosseguir para o checkout', ele irá para sua nova tela de checkout de alta conversão que você acabou de criar.

Antes de publicar, teste o checkout usando o modo de teste integrado do WooCommerce. Em WooCommerce → Configurações → Pagamentos, ative um gateway de teste e faça um pedido de teste para confirmar que tudo funciona.

Se seus métodos de pagamento não estiverem aparecendo na página, é aí que você deve verificar primeiro. O SeedProd exibe quaisquer gateways que você ativou lá, incluindo Stripe, PayPal e quaisquer outros que você ativou.

Perguntas Frequentes sobre a Criação de uma Página de Checkout no WordPress

Preciso de habilidades de codificação para personalizar uma página de checkout do WooCommerce?

Não. Com o construtor de arrastar e soltar do SeedProd, você pode personalizar a página de checkout do WooCommerce sem tocar em nenhum código. Altere o layout, adicione sinais de confiança e ajuste os campos do formulário usando controles visuais. Não é necessário PHP ou CSS.

Posso adicionar gateways de pagamento extras à minha página de checkout personalizada?

Sim. O WooCommerce suporta vários gateways de pagamento, incluindo Stripe, PayPal, Apple Pay e opções de 'Compre agora, pague depois'. Ative-os em WooCommerce → Configurações → Pagamentos, e o SeedProd os exibirá automaticamente em sua página de checkout personalizada.

Como posso melhorar as taxas de conversão na minha página de checkout?

Mantenha o formulário simples, ofereça várias opções de pagamento e adicione selos de segurança e depoimentos de clientes. Remover menus de navegação impede que os compradores saiam no meio do checkout. O construtor visual do SeedProd faz todos esses ajustes sem nenhum código.

Como testo meu checkout do WooCommerce antes de publicar?

Ative um gateway de teste no WooCommerce → Configurações → Pagamentos. Tanto Stripe quanto PayPal oferecem modos de sandbox. Faça um pedido de teste para confirmar que a página de checkout carrega corretamente, processa pagamentos e envia e-mails de confirmação de pedido antes de publicar.

Crie seu Checkout Personalizado no WordPress

Criar uma página de checkout personalizada no WordPress é mais do que design. Torna o processo de compra claro, rápido e adaptado à sua loja, para que mais compradores concluam seus pedidos.

Com o SeedProd e sua integração com o WooCommerce, você pode projetar uma página de checkout que combine com sua marca, remova distrações e adicione recursos que geram confiança e aumentam as vendas sem escrever código.

Configure sua página personalizada hoje mesmo e transforme mais visitantes em clientes pagantes.

Se você está procurando mais dicas de WooCommerce, confira estas postagens:

• Como Habilitar o Modo de Manutenção para Páginas de Lojas WooCommerce
• Como Acelerar Sua Loja WooCommerce (Em 7 Passos Fáceis)
• Como Configurar o Rastreamento de Conversão do WooCommerce para Sua Loja

Enquanto você está aqui, não se esqueça de nos seguir no Twitter, YouTube e Facebook para mais conteúdo útil para o crescimento do seu negócio.