Como criar uma página de checkout no WordPress (Guia do especialista) 

Deseja criar uma página de checkout para sua loja on-line?

Seu processo de checkout pode ser decisivo para o sucesso de sua empresa. Portanto, garantir que ele seja totalmente otimizado pode ajudá-lo a aumentar as vendas e combater o abandono do carrinho de compras.

Neste artigo, mostraremos a você como criar uma página de checkout no WordPress, sem necessidade de codificação.

Por exemplo, você pode adicionar vários gateways de pagamento, páginas de produtos, suporte a cartão de crédito, complementos e muito mais.

Na verdade, o WooCommerce cria um carrinho de compras e uma página de checkout do WooCommerce automaticamente, eliminando a necessidade de criar uma página do zero. Mas o problema é que a experiência de checkout do WooCommerce não é otimizada para conversões, deixando muita receita na mesa.

Além disso, estudos mostram que entre 70 e 85% de todos os carrinhos de compras são abandonados. Para você, isso significa que muitos usuários abandonam seu carrinho e a página de checkout antes de inserir métodos de pagamento e fazer uma compra.

A melhor maneira de combater isso é criar uma página de checkout personalizada no WordPress. Com uma página personalizada, você pode adicionar:

• Depoimentos e provas sociais para aumentar a confiança
• Produtos e serviços relacionados para aumentar a receita
• Formulários de checkout personalizados para reduzir a hesitação do comprador
• Opções adicionais de pagamento
• Campos de checkout personalizados do WooCommerce

Melhor ainda, você pode otimizar toda a página e o layout para melhorar as taxas de conversãoem seu site WordPress. Como resultado, você pode aumentar as vendas e tornar mais provável que os compradores façam pedidos e se tornem clientes de longo prazo.

Agora que você conhece os benefícios de criar uma página de checkout personalizada no WordPress, vamos descobrir como fazer isso.

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 no WordPress. O SeedProd é o melhor construtor de páginas do WordPress do tipo arrastar e soltar, usado por mais de 1 milhão de sites.

Com o SeedProd, você pode criar facilmente qualquer página de destino do WordPress sem escrever uma única linha de código. E, devido à 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 do WooCommerce.

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

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

Tutorial em vídeo

Etapa 1: Instalar e ativar o SeedProd

A primeira etapa é instalar e ativar o plug-in SeedProd.

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

Se você precisar de ajuda com essa etapa, siga este guia passo a passo sobre como instalar um plug-in do WordPress.

Após ativar o SeedProd, acesse SeedProd " Settings e insira sua chave de licença.

Essas informações são fáceis de encontrar na seção Downloads da sua conta no site da SeedProd.

Etapa 2: Criar uma nova página

Após ativar sua chave de licença, navegue até SeedProd " Pages em seu painel do WordPress. Nessa página, você verá uma visão geral dos diferentes modos de página do SeedProd e uma área para adicionar novas páginas de destino.

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

• Crie e ative uma página de "Em breve
• Ativar o modo de manutenção
• Criar uma página 404 personalizada
• Configurar uma página de login personalizada do WordPress
• Crie uma página de destino autônoma no WordPress

O melhor de tudo é que isso proporciona funcionalidade extra ao seu site sem a necessidade de instalar vários plug-ins do WordPress.

Para este guia, queremos criar uma página de checkout autônoma do WordPress. Para fazer isso, clique no botão Add New Landing Page (Adicionar nova página de destino ).

Na próxima tela, você pode escolher entre centenas de modelos de páginas de destino responsivas.

Você pode filtrar os designs clicando nos espaços reservados para as guias na parte superior:

• Todos
• Em breve
• Modo de manutenção
• 404 Página
• Vendas
• Webinar
• Aperto de chumbo
• Webinar
• Login

A melhor abordagem é procurar um modelo que se aproxime do design que você deseja. E se ele não for perfeito, você poderá personalizá-lo facilmente na próxima etapa sem PHP, CSS ou códigos de acesso.

Para este tutorial, usaremos o modelo Blank para mostrar como é fácil criar uma página de checkout no WordPress sem contratar um desenvolvedor.

Para escolher o modelo, passe o mouse sobre a miniatura e clique no ícone de marca de seleção laranja.

Em seguida, será exibida uma janela pop-up solicitando que você insira um nome e um URL para sua página.

Em seguida, você pode clicar no botão Save and Start Editing the Page (Salvar e começar a editar a página ).

Etapa 3: Adicione conteúdo à sua página de checkout

Depois de importar seu modelo, ele será aberto no construtor de páginas visuais do SeedProd e terá uma aparência semelhante à do exemplo abaixo. É aqui que você pode criar sua página de checkout do WordPress e otimizá-la para conversões.

Você verá uma visualização ao vivo da sua página à direita. E, à esquerda, há um painel de opções em que é possível escolher diferentes blocos e seções e personalizar o design.

Cabeçalho da página de checkout

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

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

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

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

Para excluir o menu de navegação, passe o mouse sobre o bloco de navegação e clique 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 esse botão para lembrá-los do conteúdo do carrinho de compras.

Portanto, clique no botão CTA para abrir as configurações à esquerda e substituir o texto padrão. No nosso caso, alteramos para "View Cart" (Exibir carrinho).

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

Bloco de checkout do WooCommerce

Com a marca do seu site definida, vamos adicionar a funcionalidade 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 layout de sua preferência.

Em seguida, role o painel esquerdo para baixo até 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 do bloco Checkout para personalizar as configurações, inclusive:

• Layout de checkout de 1 ou 2 colunas
• Fontes e cores do cabeçalho do checkout
• Estilo de campo personalizado
• Estilos de botões
• Cores de destaque do alerta
• Bordas, planos de fundo e estilo do carrinho
• Personalizações da seção de pagamento

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

Produtos populares do WooCommerce

Se quiser aumentar as vendas, você 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 Best Selling Products na seção WooCommerce e arraste-o para a 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.

Nesse ponto, é uma boa ideia arrastar o bloco do título e alterá-lo para algo como "Popular Products" (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 contribuem para aumentar as chances de os clientes comprarem seus produtos do WooCommerce. A razão para isso é que isso garante às pessoas 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 acessar os blocos Advanced e arrastar o bloco Testimonials 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 um título de trabalho e até mesmo transformá-lo em um carrossel de rolagem com vários depoimentos.

Além disso, você pode adicionar ainda mais provas sociais usando o bloco de 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 fazem compras em seus dispositivos móveis hoje em dia, portanto, garantir que tudo esteja otimizado para usuários móveis é fundamental para aumentar as vendas.

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

Em seguida, você poderá ver a configuração da sua página como qualquer usuário de celular faria. 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 Save (Salvar ) e clique em Publish (Publicar ) para ativar sua página de checkout.

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: Atribua 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.

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

Para definir essa configuração, vá para WooCommerce " Settings e clique na guia Advanced (Avançado ). Em seguida, ao lado do título Checkout Page (Página de checkout ), procure a página que você acabou de criar.

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

Agora, quando um visitante clicar em "Prosseguir para o checkout", ele será direcionado para a nova tela de checkout de alta conversão que você acabou de criar.

Aí está!

Esperamos que este artigo tenha ajudado você a aprender como criar uma página de checkout no WordPress. Você pode criar praticamente qualquer página para sua loja on-line com o SeedProd, e não precisará contratar um desenvolvedor.

Então, o que está esperando?

Se estiver procurando mais dicas sobre o WooCommerce, confira estas publicações:

• Como ativar o modo de manutenção para páginas de lojas do WooCommerce
• Como acelerar sua loja WooCommerce (em 7 etapas fáceis)
• Como configurar o acompanhamento de conversões do WooCommerce para sua loja

Enquanto estiver aqui, não se esqueça de nos seguir no Twitter, no YouTube e no Facebook para obter mais conteúdo útil para expandir seus negócios.