WooCommerce

o processo de checkout é um dos passos mais importantes na jornada do comprador — é a última chance que você tem para convencer os compradores a fazer uma compra. Mas 63,23% dos carrinhos de compras de comércio eletrônico estão abandonados. Isso é um monte de compradores on-line que decidem comprar um produto, mas mudar de idéia no último segundo.

há uma variedade de fatores que impactam carros abandonados (como custos de transporte e opções de pagamento), mas a própria página de check-out também desempenha um papel. Se é muito complicado, muito longo, ou requer informações que são muito pessoais, os clientes podem sair e comprar um produto similar em outro lugar.Uma maneira de otimizar a sua página de saída? Campos de saída personalizados com base nas suas necessidades empresariais e público-alvo. Por exemplo: se você normalmente não vender para empresas, remova o campo Nome da empresa. Se você enviar aos clientes surpresas de aniversário, inclua uma data de nascimento campo. Se você vender produtos pet, pode fazer sentido pedir para o tipo de Pet.

neste artigo, vamos explicar – lhe como personalizar a sua página de saída para satisfazer as necessidades tanto do seu público-alvo como do seu negócio.

modificações de campo de saída

WooCommerce fornece todos os campos essenciais para a sua página de saída. Por defeito, pede aos clientes:

• detalhes de Faturamento
• nome
• sobrenome
• nome da Empresa
• País
• Endereço
• Cidade
• Distrito
• Código postal/ZIP
• Telefone
• endereço de e-Mail
• notas

Existem muitas formas de personalizar a página, incluindo:

• Edição do projeto
• Alterar o texto sobre o “Place Order” botão
• Remover um campo
• Tornar o campo obrigatório ou não obrigatório)
• Alterar a entrada de rótulos de campo e texto de marcador de posição
• Coleta de clientes números de conta
• Verificar uma preferência de exibição
• Permitir que os clientes para solicitar uma data de entrega ou prazo
• Definição de um método de contato preferido

Estas são apenas algumas das personalizações que você pode fazer; WooCommerce fornece uma flexibilidade quase infinita para cada nível de experiência. Se estiver confortável a editar código, pode personalizar com excertos de código. Se você preferir um pouco mais de estrutura, há uma variedade de extensões e plugins para editar campos de checkout.

personalizar os campos de saída usando excertos de código

Nota: Se não estiver familiarizado com o código e resolver potenciais conflitos, seleccione um WooExpert ou programador para assistência. Nós somos incapazes de fornecer suporte para personalizações sob nossa Política de apoio.

excertos de código são formas flexíveis para desenvolvedores e proprietários de lojas personalizarem os campos de checkout WooCommerce. Aqui está uma lista de tags primárias, incluindo classes e IDs, que você pode usar para personalizar o design visual de sua página de saída. Adicione o CSS personalizado para o seu tema filho ou o personalizador WordPress.

para ver todas as classes e selectores, use o inspetor do seu navegador em seu site para encontrar a área exata que você gostaria de personalizar.Por exemplo, se quiser mudar a cor de fundo dos campos de texto e dar-lhes cantos arredondados, irá adicionar:

input { border-radius: 10px !important; background-color: #222 !important;}

remova um campo de checkout:

isto é bastante simples, mas tenha cuidado, pois esta mudança pode causar conflitos com outras extensões e plugins.

adicione o seguinte código ao ficheiro functions.php do tema do seu filho. Note que colar o código inteiro irá remover todos os campos da página de saída, por isso certifique-se de incluir apenas os campos que deseja remover. Nota :O campo do país é obrigatório. Se você removê-lo, as ordens não podem ser completadas e seu formulário de saída dará o seguinte erro: “por favor, digite um endereço para continuar.”

Make a required field not required:

In the below example, we’ll edit the Billing Phone field. Adicione este código ao ficheiro functions.php do tema do seu filho.

Alternativamente, se você gostaria de fazer um campo necessário, mude o texto “falso” para “verdadeiro”.”

alterar as legendas dos campos de entrada e os espaços:

adicione o seguinte código ao ficheiro functions.php do seu tema-filho e personalize-o de acordo com as suas necessidades.

personalizar campos de checkout com plugins

WooCommerce fornece algumas excelentes extensões para editar campos de checkout sem tocar em uma linha de código.

Editor de campo Checkout

a extensão do editor de campo Checkout permite-lhe adicionar e remover campos checkout, ou atualizar o tipo, etiqueta e valor de substituição com alguns cliques. Você também pode marcar cada campo de saída como” necessário “ou” não requerido.”

ao adicionar um novo campo, você pode escolher entre os seguintes tipos:

• Texto – padrão de entrada de texto
• palavra-Passe – palavra-passe de entrada de texto
• Textarea – Um campo de área de texto
• Select – suspensa/caixa de seleção
• Multi-select – Um multi-selecione a caixa de
• Rádio – Um conjunto de rádio entradas
• caixa de Seleção – Uma caixa de seleção do campo
• selecionador de Data – Um campo de texto com um selecionador de data anexado
• Título Um título, para a organização de uma longa página

Se seus produtos são geralmente dadas como presentes, você pode oferecer várias opções de embalagens. Você pode usar botões de rádio para permitir que os clientes selecionem entre embalagens simples, embalagens com tema de aniversário ou embalagens com tema de aniversário. Você pode tornar este campo necessário, definir o rótulo para “escolher o seu tipo de pacote”, e definir o espaço para ” simples.”

para ajudar com personalizações avançadas, o editor de campo Checkout fornece documentação útil.

WooCommerce Checkout Add-Ons

O WooCommerce Checkout Add-Ons extensão dá-lhe a flexibilidade para oferecer gratuito ou pago complementos no checkout, como rush, de realização, de embrulho, ou upsells, como adesivos ou de seguros. Você pode adicionar vários tipos de campos à sua página de saída, incluindo campos de texto, áreas de texto, dropdays, multi-selects, botões de rádio, checkboxes, multi-checkboxes, e uploads de arquivos.

no seu painel de instrumentos, Você também será capaz de ordenar e filtrar ordens com base nas opções que você criou. Isso pode ser útil se você quiser priorizar encomendas por data de entrega ou mostrar apenas encomendas com processamento Expedito. Ou talvez queiras fazer encomendas embrulhadas em presentes ao mesmo tempo.

WooCommerce uma página Checkout

deseja simplificar ainda mais o seu processo de checkout? A extensão de saída de uma página WooCommerce transforma qualquer página em uma página de saída.

de acordo com um estudo do Instituto Baymard, um em cada quatro compradores abandonou um carrinho no último trimestre devido a um longo ou complicado processo de check-out. WooCommerce uma página Checkout combate isso, permitindo que os clientes para adicionar produtos ao seu carrinho e submeter o pagamento tudo na mesma página.

você pode até adicionar campos de checkout às páginas de pouso, o que é particularmente útil se você é um negócio baseado em serviços.

Login Social WooCommerce

forçar um cliente a criar uma conta no seu site é uma potencial barreira para a compra. Dar-lhes a capacidade de usar seus perfis de mídia social existentes para criar uma conta ajuda a quebrar esta barreira.

a extensão de Login Social WooCommerce torna este processo o mais fácil e seguro possível. Facebook, Instagram, Disqus, Yahoo ou VK em vez de criar novas informações de login, os clientes podem entrar em seu site usando suas contas Facebook, Twitter, Google, Amazon, LinkedIn, PayPal, Instagram, Disqus, Yahoo ou VK.

comece a personalizar

o processo de checkout pode ter um impacto significativo na sua taxa de conversão, pelo que deverá fazer alterações cuidadosamente, com um objectivo específico em mente.

felizmente, WooCommerce dá-Lhe a flexibilidade para personalizar o seu processo de check-out para melhor servir os seus clientes online. Se você precisa fazer alterações visuais ou adicionar e remover campos de checkout, você tem muitas soluções para escolher.