Personalizar a página de checkout do WooCommerce: Tutorial completo

Sítios Web que fazem comércio eletrónicopágina de checkouté um dos aspectos importantes. Afinal de contas, este é o destino final do cliente depois de efetuar uma encomenda. Se o sítio WebA página de checkout do WooCommerce é difícil de utilizartalvezdemorar um período de (x tempo)Se o fizer, os compradores podem abandonar as suas compras e deixar uma má impressão do sítio.

As páginas de checkout eficazes e de elevada conversão têm todas um aspeto diferente. A página de checkoutEstilo, estrutura, número de camposresponder com cânticosOutras funçõesVaria consoante o sector e o tipo de produto vendido. 

Personalizar a página de checkout do WooCommerce: Tutorial completo

Por exemplo, se a venda deproduto físico únicoNão precisa de criar uma conta, é rápido e fácil!Checkout de uma páginaÉ a melhor escolha.

Mas se as vendasReserva de aluguerPoderá ser necessáriocheckout em várias etapasEsta é a primeira vez que é feita uma reserva, que contém uma variedade de campos adicionais para recolher os detalhes do cliente necessários para a reserva. 

Se vender software por subscrição, os clientes poderão ter de criar uma conta para poderem aceder às suas chaves e gerir as renovações de subscrição.

 Atenção:Se pretender personalizar manualmente a página de checkout com código, é melhor instalar primeiro o tema secundário e depois adicionar o código ao ficheiro do tema secundário. A utilização do tema secundário permite-lhe guardar as alterações de código durante as actualizações do tema, uma vez que, sempre que o tema é atualizado, o ficheiroSubstituir alterações ao ficheiro do tema principal. Se não sabe como o fazer, temos um artigo sobre como o fazerCriar subtópicosPode consultar o artigo.

Porquê personalizar a sua página de checkout do WooCommerce

O objetivo final da personalização da sua página de checkout do WooCommerce é converter mais compradores e aumentar o valor médio da encomenda (AOV). No entanto, a página de checkout padrão do WooCommerce e atemáticoNem sempre é possível garantir entreOtimização do checkout. Cada lojista tem necessidades diferentes e expectativas diferentes dos clientes, razão pela qual a personalização é necessária. 

No entanto, há uma necessidade geral de conceber as páginas de checkout de modo a que o processo de compra seja rápido e suave. As páginas de checkout devem também ser fáceis de ler e corresponder ao estilo do resto do sítio Web para otimizar a experiência. 

Também é importante ter em conta as necessidades dos seus compradores. Ao fornecer informações no checkout que podem ser úteis paraBenefícios específicos do clienteAs opções (Os exemplos incluem múltiplos métodos de pagamento, opções de entrega e a possibilidade de se inscrever em programas de fidelização), os clientes podem fazer escolhas que satisfaçam as suas necessidades. 

A página de checkout do WooCommerce é uma óptima oportunidade para direcionar os clientes para canais de marketing como o e-mail e o SMS.

Tipos de personalização da página de checkout do WooCommerce

Que tipos de personalizações podem ser efectuadas no modelo de página de checkout do WooCommerce para resolver estes problemas? Dividimos o processo em cinco tipos de objectivos de personalização e discutimos em pormenor a forma de os alcançar.

Personalizar a página de checkout do WooCommerce: Tutorial completo

1. melhoria dos processos do utilizador e da eficiência da caixa 

Os clientes não querem passar mais tempo no checkout. De facto, 18% clientes perderiam a compra se a página de checkout fosse demasiado complicada e 25% clientes abandonariam a compra se tivessem de criar uma conta. 

Isto pode ser feito através deVárias formas de personalizar o processo de checkout, acelere as suas compras.

Minimize o número de campos de checkout

Quanto mais informações o cliente tiver de introduzir num formulário de checkout, mais irritante se torna. A boa notícia é que muitos browsersGuarde dados como nomes de utilizador, endereços e até detalhes de cartões de crédito de compras anteriores. No entanto, isto está limitado aos casos em que o utilizador opta por ativar esta funcionalidade.É sempre melhor tentar limitar o número de campos que são apresentados e o número de campos que o cliente tem de preencher.

Existem várias formas deRedução do número de campospara melhorar o processo de checkout. Pode editar as páginas de checkout do WooCommerce com o comandoeditor de blocosSe o tema não suportar a edição de blocos, pode utilizar o personalizador. Também é possível utilizar oplug-in (componente de software)podeAs funções personalizadas são adicionadas aoO ficheiro functions.php do tema secundárioMédio.

Como editar ou eliminar campos de checkout do WooCommerce utilizando o editor de blocos:

Se estiver a utilizar o tema de blocos, pode fazê-lo indo ao menuAparência → Editor → Páginas → Checkout, editar campos utilizando o editor do sitePode navegar para o painel de controlo do WordPress e ir para a secçãoPágina → Finalizar compra. 

Personalizar a página de checkout do WooCommerce: Tutorial completo

Com o editor de blocos, apenas alguns elementos podem ser editados ou eliminados. Estes elementos incluem: 

  • Encomendar Observações
  • Termos e condições
  • Código de cupão
  • número de telefone
  • identificação da empresa
  • Endereço 2 (número do apartamento, suite, etc.)
  • Título do capítulo e número da etapa
  • Descrição do capítulo
  • Voltar ao link do carrinho de compras

Se todas as opções acima forem removidas do editor de blocos, a página de checkout personalizada do WooCommerce terá o seguinte aspeto.

Personalizar a página de checkout do WooCommerce: Tutorial completo
Como eliminar ou editar os campos de checkout do WooCommerce utilizando o personalizador:

Dependendo do seu tema, se quiser utilizarajustadorOculte alguns campos. Existem menos opções de personalização no personalizador do que no editor de blocos. 

Aparência no painel de controlo do WordPress → PersonalizadorEm baixo, encontrará várias opções para personalizar o seu sítio Web WordPress. No menu do lado esquerdo, navegue atéWooCommerce → Checkout.

Personalizar a página de checkout do WooCommerce: Tutorial completo

Aqui, é possível ocultaridentificação da empresa,Linha de endereço 2responder com cânticostelefonescampo. Também é possível definir o campopolítica de privacidadeé deixado em branco para o remover da página de checkout. 

Como eliminar ou editar campos com o plug-in WooCommerce Checkout Field Editor

Para opções mais avançadas, pode querer experimentar uma extensão especialmente concebida que remove, adiciona e edita os campos de checkout do WooCommerce. Neste exemplo, estamos a utilizar a extensãoEditor de campos de checkoutExtensão.

Personalizar a página de checkout do WooCommerce: Tutorial completo

A extensão Checkout Field Editor oferece-lhe a opção de editar, eliminar e adicionar campos em três áreas diferentes:Campos de faturação,Campos de transporteresponder com cânticosCampos adicionais. À medida que os campos são adicionados, editados ou eliminados em cada área, aparecerão (ou desaparecerão) numa área específica da página de checkout.

Para tal, marque as caixas de verificação à esquerda de cada linha e selecione a opçãoDesativar/eliminarpara desativar o campo.

Tenha em atenção que a desativação dos campos principais (realçados a roxo) pode causar problemas com o checkout ou conflitos com outros plug-ins que dependam destes campos.

Como eliminar ou editar os campos de checkout do WooCommerce com funções PHP:

Nota: Isto só funciona se a página de checkout utilizar o shortcode [woocommerce-checkout]. Não funciona para páginas de checkout criadas com o editor de blocos.

Se a página de checkout do WooCommerce não for personalizada com um editor de blocos, os campos de checkout podem ser removidos ou editados utilizando código. As operações e funções PHP devem ser colocadas na secçãofunctions.phpDocumentação.

Utilize um serviço SFTP (por exemploFileZillatalvezCyberduck)Descarregue o subtópico do servidor para ofunctions.phppapéis. Pode ser editado num editor de textofunctions.php.

existirfunctions.phpadicione o código do campo que pretende remover. Por exemplo, vamos remover o campo do número de telefone da página de checkout.

add_filter( 'woocommerce_checkout_fields', 'remove_checkout_phone_field' );

função remove_checkout_phone_field( $fields ) {

unset( $fields['billing']['billing_phone' ] );

return $fields;

}

Abaixo está uma comparação antes e depois da área do campo de faturação, mostrando o efeito de edição:

Personalizar a página de checkout do WooCommerce: Tutorial completo

Embora seja útil apresentar a navegação no cabeçalho e o rodapé do Web site na página de finalização da compra, é mais provável que distraia e leve à desistência do utilizador. Mostrar o logótipo do site no cabeçalho durante a finalização da compra garante uma experiência de marca consistente, mas qualquer outro conteúdo que possa fazer com que os compradores abandonem a página de finalização da compra tem de ser removido. 

Se estiver a utilizar um tema que suporte o editor de blocos, pode editar ou remover o cabeçalho e o rodapé criando um novo modelo de checkout através do editor de sites completo para ser utilizado na página de checkout do WooCommerce. Se estiver a utilizar o plug-in Page Builder, verifique a documentação para ver se este fornece uma forma fácil de criar um modelo de checkout. Muitos plug-ins populares do construtor de páginas do WordPress oferecem essas opções. 

Também é possível ocultar completamente o cabeçalho e o rodapé de uma determinada página utilizando algumas CSS personalizadas ou PHP.

Neste exemplo, utilizamos oTema Twenty Twenty-FourRemova o cabeçalho e o rodapé da página de checkout do WooCommerce no Editor do site.

Não será possível efetuar estas alterações utilizando o editor de blocos, editando a página de checkout na secção Páginas do Painel de Controlo do WordPress. Para aceder aoAparência → Editor → Modelos → WooCommerce → Página: CheckoutEm seguida, clique no ícone de lápis para editar o modelo para editar o modelo da página de checkout do WooCommerce.

A partir daí, basta clicar nos blocos de cabeçalho e de rodapé e eliminá-los. Certifique-se de que guarda as alterações.

Se o tema não fornecer uma forma fácil de personalizar a página de checkout do WooCommerce utilizando o editor de blocos ou outras ferramentas do editor de arrastar e largar, pode utilizar CSS para ocultar o cabeçalho e o rodapé na página de checkout personalizada.

.page-id-11 #header, #footer{

display:none;

}

Na posição acima de .page-id-11, insira o número de ID da página após .page-id-.

Coloque este código no editor do sítio (Ou personalizador, se o tema não suportar a edição completa do sítio) num campo CSS adicional no tema filho ou diretamente noficheiro style.cssMédio.

Nota: Isto não afecta as páginas de checkout que utilizam o editor de blocos.

Se pretender utilizar algumas funções PHP para remover o cabeçalho e o rodapé numa página de checkout personalizada, pode adicionar o seguinte fragmento de código aoficheiro functions.phpMédio:

função remove_header_footer_from_checkout() {

if(is_checkout()){ ? >
cabeçalho { display:none; }
footer { display:none; }

<?php }
}

add_action( 'wp_header', 'remove_header_footer_from_checkout');

Disponibilize métodos de pagamento cómodos

Ao construir um sítio Web, tenha em conta o clienteO método de pagamento mais desejadoMuito importante. Utilizar um processador de pagamentos fiável e oferecer alternativas convenientes, como carteiras digitais, criptomoedas ou planos de pagamento de terceiros, pode facilitar o check-out dos clientes. 

O gateway de pagamento utilizado dependerá do país onde a empresa está localizada, da moeda que pretende aceitar e do local onde o cliente vive. Só a biblioteca de extensões do WooCommerce tem cerca de70 opções de extensão de pagamento.

Alguns processadores de pagamento populares incluemWooPaymentsAs opções de carteira digital incluemPayPalPara obter mais informações, visite a WooCommerce Store. Para planos de pagamento de terceiros, Affirm, Klarna, Afterpay e até mesmo o recurso Pay Later do PayPal são comprovados, confiáveis e fáceis de integrar na sua loja WooCommerce.

Personalizar a página de checkout do WooCommerce: Tutorial completo

Preencha previamente as informações guardadas do cliente, mas permita a finalização da compra pelo cliente

Para os vendedores, os compradores criam contas com muito menos incómodo. Os utilizadores com sessão iniciada podem ver o seu histórico de encomendas e as transferências disponíveis, guardar e editar as informações do cartão de crédito e atualizar os detalhes de faturação e os endereços de envio.

Preenchimento automático baseado no navegador

Os clientes podem utilizar a funcionalidade de preenchimento automático nos seus browsers. As contas Google, Safari (via iCloud) e Firefox (entre outras) têm todas funcionalidades de preenchimento automático que armazenam nomes de utilizador, palavras-passe, detalhes de cartões de crédito e informações de morada. Quando clica nos campos relevantes durante o processo de checkout online, o seu browser sugere opções de preenchimento automático com base nas suas informações previamente guardadas.

Plugin de preenchimento automático

Se um potencial cliente não utilizar a funcionalidade de preenchimento automático no seu browser, pode sempre utilizar a opçãoPreenchimento automático de endereços de clientes do Googleetc., as extensões preenchem previamente os campos de endereço com base no endereço IP do utilizador. 

Detalhes de pagamento guardados na carteira digital

Outra forma de pagar é com uma carteira digital. As suas contas Google Pay, PayPal, Venmo, Apple Pay e outras contêm detalhes de pagamento e informações de faturação que podem ajudar a acelerar o checkout da loja. 

Portanto, agora é mais fácil ativar o checkout de convidado, mas como é que ainda dá aos clientes a opção de criar uma conta no checkout?

existirWooCommerce → Definições → Conta e privacidadeÉ muito fácil de ativar.

Personalizar a página de checkout do WooCommerce: Tutorial completo

carrapatoPermitir que os clientes efectuem encomendas sem uma conta. Em seguida, assinale oPermita que os clientes criem contas no checkoute guarde as alterações.

Considere a possibilidade de efetuar o checkout em várias etapas ou numa única página

A coisa mais fácil a fazer é conceber uma página de checkout de uma página que se adapte perfeitamente ao utilizador. Mas isso nem sempre está disponível.

Por exemplo, no telemóvel, um checkout de página única requer uma deslocação muito aborrecida, mesmo sem campos excessivos. Além disso, se o checkout não estiver a funcionar devido aProdutos vendidosou tipo de serviço que exija mais passos (produtos multi-atributo), então uma página única de checkout pode ser complicada, mesmo num computador. 

A solução para este problema é personalizar a página de checkout do WooCommerce utilizando a abordagem em várias etapas. Checkout em várias etapas (onde os campos de cada passo são apresentados na íntegra na janela de visualização do dispositivo) pode tornar o processo de compra mais fácil para os clientes e ajudá-los a compreender o seu progresso na conclusão das suas encomendas. 

Personalizar a página de checkout do WooCommerce: Tutorial completo

Fluxo Checkout para WooCommerceA extensão é uma excelente solução de checkout em várias etapas. Com ela, é possível dividir o processo de checkout em partes geríveis, personalizar o número de campos em cada passo e até preencher automaticamente o campo de endereço do cliente utilizando a geolocalização.

Personalizar a página de checkout do WooCommerce: Tutorial completo

À medida que cada etapa do processo é concluída, as suas informações são guardadas e é automaticamente encaminhado para a etapa seguinte até que o pagamento seja finalizado.

Em alternativa, pode mover o formulário de checkout diretamente para a página do produto e configurar um processo de checkout de uma página. Esta opção é maisAdequado para sítios com menos produtosou quando pretende criar páginas de destino direcionadas que estão diretamente ligadas a campanhas de publicidade digital.

Extensão One Page Checkout para WooCommerce por WooCommerce.

É possível utilizar oWooCommerce Checkout de uma páginaA extensão WooCommerce One Page Checkout permite-lhe colocar o formulário de checkout em qualquer parte do sítio Web. Pode ser adicionado à página"Dados do produto"da página do produto, ou pode alterar manualmente o código curto no editor do WordPress para[woocommerce_one_page_checkout]Adicione a qualquer página, publicação ou tipo de publicação personalizada.

Opção de checkout de uma página para produtos WooCommerce.

O formulário de checkout é apresentado diretamente na página designada, ajudando a criar uma experiência de checkout rápida para os clientes.

Os óculos de sol estão marcados com um "cupão" na página do produto.

Aplique automaticamente os cupões às encomendas elegíveis

Na experiência de checkout predefinida do WooCommerce, existe um campo para os clientes aplicarem códigos de cupão

Evite-os simplesmente aplicando automaticamente o cupão às compras elegíveis. Em alternativa, se existirem várias opções de cupões que se possam aplicar a uma encomenda, pode optar por apresentá-las na página de checkout do WooCommerce para que os clientes as seleccionem. 

Embora as opções predefinidas do WooCommerce para cupões não incluam definições para aplicar automaticamente cupões ao carrinho de um cliente ou para apresentar os cupões disponíveis no checkout, é possível utilizar a opçãoCupões inteligentesExtensão Active esta funcionalidade.

As opções do campo de cupão do WooCommerce são apresentadas ou aplicadas automaticamente.

Depois de instalar os Smart Coupons, vá paraMarketing → Cupõescrie um novo cupão ou selecione o cupão que pretende que apareça na página de finalização da compra ou que seja aplicado automaticamente.

existirDados do cupão → GeralEm seguida, desloque-se para baixo atéMostrar no Carrinho de compras, na Finalização da compra e em A minha conta?e selecione a caixa de verificação. Se pretender que o cupão seja aplicado automaticamente, marque a caixa de verificaçãoAplicação automática?e, em seguida, guarde as alterações.

Agora, os clientes não têm de se preocupar em lembrar-se dos códigos de cupão e podem concluir o processo de compra mais rapidamente.

Um homem trabalha numa folha de cálculo no seu escritório, a meio da ampulheta.

Tempos de carregamento de página mais rápidos

Embora esta não seja necessariamente uma personalização da página de checkout do WooCommerce, garantir que o seu site WordPress está optimizado para tempos de carregamento rápidos pode ajudar a tornar o processo de checkout rápido e fácil. Mesmo que utilize oPlugin de cacheresponder com cânticosRede de distribuição de conteúdos(CDN), os carrinhos de compras e as páginas de checkout normalmente também não fornecem conteúdo em cache.

Embora seja frequentemente recomendado que os sítios Web utilizem cache do lado do servidor e plugins de cache para servir rapidamente conteúdos relativamente estáticos. Mas é verdade que não é desejável armazenar em cache páginas altamente dinâmicas para os visitantes (tais como "A minha conta", "Carrinho de compras" e "Finalizar compra".).

Se o fizer, pode deparar-se com muitos problemas, por exemplo:

  • Os clientes não conseguem atualizar os seus carrinhos de compras
  • Encontrar o item errado do carrinho na página de checkout
  • Mostrar informações de checkout em cache de outras contas de utilizador durante o checkout do cliente
  • A área da minha conta não mostra as compras recentes

É por isso que, por predefinição, a otimização para o WooCommerce e a maioria dos plug-ins de cache incluem estes e outrospágina dinâmicaExcluído do armazenamento em cache. No entanto, isto significa que, se depender de plug-ins de cache e CDNs para acelerar o seu site sem outras optimizações do lado do servidor, as páginas não armazenadas em cache (como as páginas de checkout) podem carregar mais lentamente do que o resto do seu site.

2. melhore o aspeto da página de checkout

A página de checkout do WooCommerce pode herdar os estilos do tema, ou pode utilizar os estilos predefinidos do WooCommerce. Em ambos os casos, o aspeto de checkout pronto a usar não é adequado para todos os sítios Web. 

Altere o estilo da página de checkout para ser mais consistente com a marca do seu Web site ou ajuste simplesmente o tamanho do tipo de letra para facilitar a leitura das etiquetas dos campos. Ou, melhor ainda, elimine completamente as etiquetas dos campos e poupe espaço marcando os campos com texto de marcador de posição.

Formulários de informação de envio do WooCommerce lado a lado - um utiliza etiquetas de campo e o outro utiliza marcadores de posição.

Para remover as etiquetas de campo de um formulário de checkout baseado em blocos, adicione o seguinte CSS aoficheiro style.cssno editor de sítios completo ou nono campo Anexar CSS.

componentes-forma .wc-block-components-text-input label, .wc-block-components-text-input label {

ecrã:nenhum;

}

.wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, .wc-block- components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components- form .wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, .wc-block- components-form .wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label {

   display: none;

}

No entanto, se não quiser deixar o campo de entrada completamente vazio, pode enviar uma mensagem para oficheiro functions.phpAdicione alguns snippets de código para personalizar o texto do marcador de posição, como mostrado abaixo:

add_filter( 'woocommerce_checkout_fields' , 'override_placeholder_text_checkout_fields', 20, 1 );

função override_placeholder_text_checkout_fields( $fields ) {

$fields['billing']['billing_email']['placeholder'] = 'Endereço de correio eletrónico ';
 $fields['billing']['billing_first_name']['placeholder'] = 'First Name '; $fields['billing']['billing_last_name']['placeholder'] = 'Apelido '; $fields['billing']['billing_postcode']['placeholder'] = 'Código postal ';
$fields['billing']['billing_city']['placeholder'] = 'Town/City '; $fields['shipping']['shipping_first_name']['placeholder'] = ' Primeiro nome '; $fields['shipping']['shipping_last_name']['placeholder'] = 'Last Name '; $fields['shipping']['shipping_postcode'][' marcador de posição']] = 'Código postal '; $fields['shipping']['shipping_city']['marcador de posição'] = 'Cidade*';

devolva $fields;
}

Quaisquer que sejam os aspectos que pretenda configurar, pode fazê-lo utilizando uma combinação de CSS, acções e filtros. Experimente layouts, tipos de letra, esquemas de cores e tamanhos de campos e botões. Não se esqueça de garantir que as páginas de Checkout são fáceis de ler e de aceder. 

3. aumente a satisfação do cliente e promova a sua fidelização

Embora seja importante simplificar o processo de checkout da loja, existem outras melhorias que podem ser feitas na página de checkout para proporcionar uma melhor experiência ao utilizador. Poderá optar por opções de entrega, encomendar produtos adicionais e oportunidades de ganhar pontos e prémios. 

O formulário de finalização da compra pode ser estilizado com opções que ocupam pouco espaço, mas que as destacam na finalização da compra. Naturalmente, a maioria destes campos deve ser totalmente opcional.

Vamos analisar mais detalhadamente algumas das formas como pode modificar o método de checkout.

Está disponível uma vasta gama de opções de envio e entrega

Os clientes que excedam 60% serão afectados pelaFrete, impostosresponder com cânticosOutros custosAbandono das compras.23 Os clientes do % abandonarão as compras se considerarem que os prazos de entrega são demasiado lentos.

Isto pode ser feito em WooCommerce → Definições → Enviona opção Gerir áreas de expedição e selecione a área de expedição que pretende editar.

Definições de envio do WooCommerce no painel de controlo do WordPress.

Active o método de envio gratuito e guarde as alterações. Se pretender adicionar outro método de envio (Para entregas rápidas), pode clicar emAdicionar método de entregae, em seguida, selecionarEntrega de taxa fixa. Selecione o nome do método de entrega, selecione se os custos de envio são tributáveis ou não e, em seguida, introduza o custo.

Definições de envio de taxa fixa do WooCommerce para o backend do WordPress.

Cria e guarda um novo método de envio.

Além de permitir opções de envio gratuito e rápido, também é possível que os clientes seleccionem uma data e hora específicas para a entrega da encomenda com a Entrega de encomendas do WooCommerce. Este tipo de funcionalidades é especialmente útil se tiver um restaurante, uma florista ou outra empresa que ofereça serviços de entrega local. 

Extensão de entrega de encomendas para banners do WooCommerce.

Abaixo estão algumas das acções que podem ser executadas utilizando a entrega de encomendas do WooCommerce:

  • Mostrar seletor de data de entrega
  • Mostrar data de entrega estimada
  • Permita que os clientes escolham uma hora de entrega específica ou um intervalo de tempo
  • Defina os prazos de entrega para cada modo de transporte
  • Limite o número de encomendas que podem ser entregues numa data ou período de tempo específico para evitar sobrecarga de trabalho e atrasos na entrega
  • Cobrar aos clientes um suplemento por datas de entrega e intervalos de tempo específicos
  • Especifique as datas em que a entrega não é possível (por exemplo, fins-de-semana e feriados)

Ao fornecer aos clientes opções de envio e entrega convenientes, pode fazer com que os compradores sintam que se preocupam com a sua experiência.

Inclui o complemento de checkout

Oferecer serviços opcionais aos clientes no momento do checkout é uma óptima forma de aumentar a satisfação do cliente. Isto pode ser feito utilizando o campo Notas de encomenda, mas tem muitas desvantagens.

Se se basear em "Encomendar Observações"No campo de personalização das encomendas, seria difícil manter a organização durante o processamento da encomenda, especialmente se o cliente solicitasse vários serviços especiais. Isto também impossibilita a cobrança de serviços adicionais. Além disso, não é possível manter uma boa contagem do número de clientes que solicitaram cada serviço adicional.

Plugin de checkout Skyverge para banners WooCommerce.

A melhor forma de gerir o Add-on Checkout é com a funçãoAdd-ons de checkout do WooCommerceExtensões. Com o add-on WooCommerce Checkout, pode:

  • prestação de serviços gratuitos ou pagos.tais como gravação ou outros serviços personalizados, seguro de transporte, ofertas da empresa ou processamento acelerado
  • Adicione opções de presentesPor exemplo, notas de presentes, embrulhos e recibos
  • Fique com a dica.
  • Aceitar carregamentos de ficheiros

Para controlar o número de campos na página de checkout do WooCommerce, os add-ons podem ser apresentados condicionalmente com base nos valores dos subtotais do carrinho, em determinados produtos no carrinho ou noutro add-on. 

Expresse a proposta de valor através de ícones e títulos.

Adicionar um símbolo de confiança ao checkout (ou não)

Outra grande razão pela qual os clientes desistem de fazer compras é o facto de não confiarem no sítio que lhes fornece as informações do cartão de crédito. Se os clientes não sentirem que o sítio é seguro, não pagarão. 

Cada vez mais fornecedores de serviços de alojamento incluem automaticamente versões gratuitas de certificados de segurança ( SSL/TSL ) que cumprem as normas Web actuais (Desde 2017, o Google tem marcado qualquer sítio Web sem um certificado de segurança como inseguro).

Personalizar a página de checkout do WooCommerce: Tutorial completo

4. canais de marketing de clientes de assinatura

Outro objetivo para a página de checkout do WooCommerce pode ser direcionar os clientes para optarem por canais de remarketing, como o marketing por e-mail e SMS. 

Se já estiver a utilizar uma plataforma de marketing por correio eletrónico, então existe uma integração WooCommerce. A maioria destas integrações tem a capacidade de adicionar uma caixa de verificação de opt-in na página de checkout. Por exemplo.MailPoetInclui esta definição, bem como mensagens personalizadas de opt-in.

Definições do MailPoet Opções de visualização de opt-in do WooCommerce.

Se quiser que os clientes optem por receber actualizações de encomendas e ofertas especiais por SMS, pode utilizar a opçãoWooCommerce SMS. Esta extensão adicionará uma caixa de verificação de opção de inclusão por baixo do campo do número de telefone na página de checkout do WooCommerce.

Informações do cliente (e-mail, telefone, etc.) no WooCommerce Checkout.

A página de finalização da compra é a última oportunidade da sua loja para se certificar de que mantém o contacto com os seus clientes antes de estes saírem. Se quer ter a certeza de que eles continuam a voltar, dê-lhes a oportunidade de se inscreverem para continuar a comunicação.

Alguns sítios podem ter de acrescentar ou personalizar campos na página de checkout para satisfazer necessidades comerciais específicas ou obrigações legais.

Por exemplo, se transportar animais vivos comoA exploração de minhocas do tio JimPoderá ter de adicionar informações sobre como e quando a sua encomenda será enviada, prazos de entrega e incluir determinadas isenções de responsabilidade.

Informações sobre transportes dirigidas ao cliente com ícones, títulos e parágrafos.

Contactar-nos
Não consegue ler o artigo? Contacte-nos para obter uma resposta gratuita! Ajuda gratuita para sítios pessoais e de pequenas empresas!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correio eletrónico: info@361sale.com
Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados
Publicado por photon fluctuations, retweetado com atribuição:https://www.361sale.com/pt/21256/

Como (0)
Anterior 6 dias atrás
Seguinte 5 dias atrás

Recomendado

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Contactar-nos

020-2206-9892

QQ咨询:1025174874

Correio eletrónico: info@361sale.com

Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados

Serviço ao cliente WeChat