Começou a vender online com o WooCommerce? Maravilha! E agora, tá precisando de alguns ajustes na loja ou quem sabe mais especificamente na página de checkout? Sem problemas, vamos te mostrar uma opção simples de fazer isso sem precisar utilizar códigos PHP ou HTML.
Para quem tem loja virtual, a tarefa de fazer ajustes em prol de melhorar a usabilidade e navegação é algo constante. Isso mesmo, é imprescindível garantir uma experiência fluida aos clientes da loja, pois eles vão comprar mais e voltarão!
Sendo assim, gerenciar a página de checkout WooCommerce – adicionando novos campos, alterando obrigatoriedade e modificando a forma de exibir formas de pagamento e meio de entrega é fundamental não apenas para seus clientes, mas para o gerenciamento completo dos seus negócios.
Gerenciar Página Checkout WooCommerce
WooCommerce Checkout Manager
Para quem deseja customizar a página de checkout WooCommerce de uma forma avançada, mas sem utilizar código, o plugin WooCommerce Checkout Manager vem como a resposta para as suas preces.
Permitindo que você personalize, defina campos e posicionamento dos mesmos na página de checkout, WooCommerce Checkout Manager te dá uma liberdade surreal. Com ele você pode reordenar, renomear, ocultar e até mesmo definir opções para as áreas de entrega e cobrança.
Em constante atualização, o WooCommerce Checkout Manager é um plugin utilizado por mais de 40 mil lojas WooCommerce e que oferece, além das funcionalidades que citei antes, a criação de campos condicionais, permite o anexo de arquivos no momento do checkout e diversas outras funções. É um plugin realmente muito interessante para quem trabalha com lojas WC.
A primeira coisa que você deve fazer para começar a utilizar o WooCommerce Checkout Manager em sua loja, é instalar e ativar o plugin. Para isso você pode clicar no botão abaixo e caso hajam dúvidas durante o processo, você pode sempre consultar o post Como Instalar e Ativar um Plugin no WordPress.
Configurando Página de Checkout
Depois que você instalar e ativar o WooCommerce Checkout Manager em sua loja, um novo item de menu será adicionado ao Painel Administrativo.
Busque e acesse WooCheckout para começarmos o processo de configurar a página de checkout WooCommerce.
Assim que você acessar a página de configurações do WooCommerce Checkout Manager verá que existem 4 abas principais, trazendo variadas opções de customização e adição de novos campos e funcionalidades para o checkout.
General
Vamos iniciar pela aba General para adicionar, ocultar ou reordenar campos e também escolher a posição das notificações.
A primeira sub aba que temos a possibilidade de configurar é a de Uploads. Essa funcionalidade é útil para lojas que vendem produtos por encomenda ou que necessitem do envio de arquivos por parte do cliente, para que os produtos e serviços possam ser vendidos. Se é isso que você deseja adicionar ao seu checkout, marque o primeiro checkbox para habilitar a função.
A partir daí é necessário que você configure um título, se deseja que os uploads de arquivos sejam categorizados, mensagens de notificação que seus clientes irão enxergar no momento de enviar os arquivos e claro, quais os tipos e formatos de arquivos permitidos para upload.
A segunda sub aba, com o título Hide Address Fields é focada para os casos em que se deseja ocultar os campos de “Endereço” para produtos específicos. Basta adicionar o ID de um ou mais produtos para que todos os campos não sejam exibidos.
Em Checkout Notices você tem a possibilidade de escolher as posições para 2 notificações dentro da página de checkout. Recomendo que você faça algumas configurações aqui e realize testes para ver como ficou.
Na aba Switches nós encontramos configurações para ocultar algumas opções que são mostradas aos clientes na página de checkout – como informar endereço diferente para entrega e criar uma conta. Assim, você pode escolher se deseja ocultá-las e também escolher a localização dentro da página, para os campos adicionais que você vai criar.
Em Order Notes temos configurações importantes, como a possibilidade de desabilitar a área de Notas para Compra, Meios de Pagamento e Métodos de Entrega.
Nas últimas abas, CSS Personalizado e Advanced, você pode adicionar regras CSS personalizadas para a página de checkout e ainda deletar configurações.
Finalizando as configurações em General, clique no botão Salvar alterações para que nada se perca.
Billing e Shipping
Após as configurações gerais, chegamos de fato aos campos para Billing e Shipping ou Endereço de Cobrança e Endereço de Entrega.
Por padrão, a primeira etapa de endereços do checkout é para o endereço de cobrança (billing) e caso você queira, pode oferecer a opção de um outro endereço ser fornecido para entrega (shipping).
Dentro de cada uma dessas abas, encontramos os campos padrões trazidos pelo WooCommerce. Nós podemos escolher quais campos são obrigatórios ou não, o alinhamento para cada um deles, o título que será exibido, informação placeholder, tipo do input e a abreviatura dentro do sistema.
É possível também criar campos personalizados para o checkout. Esses campos podem ser utilizados da forma que você achar melhor, seja para obter mais informações sobre o cliente, entrega, etc.
Additional
A última aba é a de título Additional. É nela que criamos campos adicionais para a página de checkout e que não serão vinculados com os endereços de entrega ou cobrança. Fica à sua escolha e necessidade da sua loja utilizar ou não campos adicionais.
Conclusão
Todo o processo de compra é importante e merece atenção e cuidado dentro de uma loja online. Seus clientes precisam se sentir seguros e satisfeitos ao navegarem em sua loja para que decidam clicar no botão de comprar. Ao serem redirecionados a página de checkout – sendo esse um dos momentos mais críticos do fluxo de compra, os campos a serem preenchidos precisam ser de fácil digitação, alcance e não muito extensos.
A página de checkout WooCommerce requer atenção redobrada para que seus clientes não desistam da compra logo nesse último passo. Por isso é muito importante que você simule compras e verifique se os passos e campos exibidos na página de checkout estão fáceis de acessar, clicar e digitar. Planeje, pesquise e utilize sempre soluções para garantir que seus clientes passem pelo checkout de forma descomplicada e sem problemas para realizar o pagamento de suas compras.
E para que você esteja sempre antenado sobre soluções para WordPress e WooCommerce, não deixe ler nossos posts sobre o assunto. Como por exemplo: 10 Marketplaces para Comprar Temas e Plugins WordPress e dicas preciosas de Como Testar Plugins e Extensões para WooCommerce Gratuitamente.
Se de alguma forma você gostou desse artigo considere compartilhar nas redes sociais, se foi útil para você de alguma forma deixa a sua opinião ou aponte outros Plugins que você acredita que deveriam estar nesta lista.
Ferramentas WordPress Veja Mais Ferramentas
WordFence
Ninja Forms
WPForms
Olá, agradeço pelas informações do artigo.
Estou fazendo testes nos meus sites mas percebo uma lentidão nas páginas de checkout.
Demora mais de 1 minuto para aparecer os valores dos fretes de PAC ou Sedex. Não há cliente que espere no site com essa demora.
Encontrei esse artigo ao pesquisar por: demora no checkout do woocommerce.
É possível gerar uma URL para cada produto no checkout para poder rastrear através do pixel?
Meu objetivo seria criar um filtro personalizado usando a URL para separar os públicos na loja para um remarketing direcionado.
Olá, não consigo achar uma opção de colocar um botão “Continuar comprando” no Woocomerce. Alguém consegue dar uma luz ai?
Olá André,
Você pode tentar usar esse plugin https://br.wordpress.org/plugins/continue-shopping-for-woocommerce/
Abraço.
Esse plugin foi bom para meu site por muito tempo, mas agora ele está impedindo o pagseguro de prosseguir com a compra, estou procurando algum outro que tenha a funcionalidade igual/parecida com esse plugin, alguém conhece algum?
Pessoal nao estu encontrando a opção de mudar a descrição do campo LOCAL DE PAGAMENTO….alguem pode me ajudar?
Boa tarde,
Gostaria de uma ajuda nas configurações de pagamento da minha loja.
Tenho notdo um comportamento que quando habilito transferencia bancaria nos métodos de pagamento entre outras opções como mercado pago, pagueseguro, ao finalizar a compra ele ignora todos os outros e finaliza direto como transferencia bancaria sem me dar opção de escolher.
Ficaria muito grato se pudessem me ajudar a sanar esse problema.]
Att
EDSON RODRIGUES
Excelente artigo, eu estava sem dar manutenção em minha loja virtual, e me ajudou muito a esconder os campos indesejados.
Olá. Parabéns pelo post. Estou com uma dúvida. Realizei toda a configuração e quero usar o upload de arquivos depois da ordem realizada. Acho que configurei os campos corretamente,entretanto o upload não esta sendo realizado. Voce poderia me ajudar com a configuração ou alguma dica?
Olá Sendy! Ótimo artigo. Estou com uma dúvida em relação aos campos personalizados: Gostaria de que fosse criado um campo para cada produto. Exemplo: Um ecommerce que vende pacotes de passeios turísticos, onde um comprador pode comprar mais de uma passagem, contudo é necessário os dados de Nome e Identidade para cada passageiro. Se comprar 4 passagem, precisa criar um campo no checkout para receber a informação de cada passageiro.
Oi Igor! Conseguiu resolver? Também estou procurando como criar no campo de checkout a lista de passageiros
Olá Sendy, uma dúvida idiota mas que está me quebrando a cabeça. Pensa no seguinte cenário: Usuário que NÃO está logado, seleciona o produto e tem as seguintes opções após colocar ele no carrinho: – Ir para o carrinho, no qual mostra a lista de produtos, ou – Ir para pagamento, no qual o enviará para a página de Checkout. Aqui vem meu problema, quando ele é enviado para a pagina de checkout eu tenho a opção de com um link me perguntando se eu tenho cadastro fazer login e abaixo todo um cadastro para efetuar o pagamento. Neste momento… Continue Lendo »
Olá, tudo bem? Tem algum jeito ou plugin que eu consiga baixar a lista de compradores do meu site? Obrigada
Bom dia,
consigo adicionar novas formas de pagamento ou teria que fazer isso via codigo?
Exemplo:
Boleto 30 dias
Boleto 60 dias
Boleto 30 e 60 dias.
Via código, tem um exemplo?
Olá! Boa noite. Meu carrinho de compras está “confuso”. Os campos estão desordenados e não to conseguindo mudar isso de jeito nenhum. Baixei alguns plugins, mas nada. O campo de “fechar compra” fica ANTES do “calcular frete”. Sabe de alguma solução?
Boa tarde.
Galera gostaria de saber como posso adicionar um campo com um termo de aceite com contrato, sabem me informar se com este plugin consigo adicionar este campo.
se existe a possibilidade, por favor me ajudem
desde já obrigado
Olá Carlos,
Você pode fazer isso indo no seu painel WordPress em WooCommerce > Configurações > Checkout > Checkout Pages > Terms and Conditions.
Lembre-se de criar uma página com os termos, assim você pode definir uma nas configurações.
Abraço.
Estou encontrando certa dificuldade para ocultar/remover/excluir o ícone de carrinho de compras do cabeçalho de um wordpress. Estou utilizando o woocommerce como forma de catálogo virtal, então o carrinho de compras deixa de ser um item utilizável, porém não estou encontrando forma de removê-lo. Poderia me ajudar?
OLá Diego,
As vezes essa opção pode ser encontrada nas configurações do tema em Aparência > Personalizar, ou se for um tema premium nas configurações do tema premium disponibilizado pelos desenvolvedores.
A forma mais fácil seria esconder via CSS já que é rápido, mas não é a forma correta. Se você quiser isso me manda o link do seu site que eu te ajudo com isso.
Abraço.
Olá, estou com o mesmo problema! Será que poderia me ajudar?
Já tentei de várias formas e não consegui tirar esse ícone do cabeçalho.
Olá Rosana,
Me manda um link da página para eu dar uma olhada.
Abraço.
O Icone ao lado da lupa.
Muito obrigada desde já!
Olá Rosana,
Obrigado pelo rápido retorno.
No painel WordPress vá em Aparência > Personalizar > CSS Adicional, e coloque o seguinte código lá:
li.ws-shop-cart {
display: none!important;
}
Se você estiver utilizando algum plugin de cache ou cdn é importante que você faça a limpeza dos dados.
Fico no aguardo.
Abraço.
Incrível! Funcionou!!
Muuuitiissimo obrigada.
Oi o post foi genial!
Mas agora quero instalar o plugin é ele não é compativel com a ultima versão de wordpress.
Alguém aqui sabe se ele é?
Não o quero instalar é lançar o chaos.
Olá Santiago,
O ideal é que você sempre crie um subdomínio de testes com os mesmos arquivos da sua instalação principal para que você possa fazer testes com atualizações de plugins e temas.
Mas você pode sempre entrar em contato com o autor do plugin ou tema que tem dúvida para perguntar sobre a compatibilidade.
Abraço.
Ola CanalWP
Ola Sindi
Em 1 lugar nao podia deixar
Olá Mario,
Obrigado por deixar seu comentário e sua opinião sobre nosso trabalho.
Você pode dar uma olhada nesse plugin YITH WooCommerce Popup => https://br.wordpress.org/plugins/yith-woocommerce-popup/
Acredito que ele faça exatamente o que precisa.
Abraço.
Ótimo artigo. Parabéns!
Valeu Ernesto!
Abraço.