Como personalizar a página de agradecimento do WooCommerce: plugins e codificação

Você está procurando maneiras de aproveitar ao máximo suas páginas de agradecimento pós-compra para uma melhor geração de leads? Então este artigo é perfeito para você. Neste guia, veremos diferentes maneiras de personalizar a página de agradecimento do WooCommerce usando plugins e programaticamente .

O que é a página de agradecimento no WooCommerce?

Normalmente, quando seus clientes compram seus produtos, eles são direcionados para uma página de agradecimento . Essa página geralmente fornece aos clientes informações sobre o pedido que fizeram, como número do pedido, o produto que compraram, forma de pagamento e assim por diante.

Mesmo que a página de agradecimento padrão que vem com o WooCommerce por padrão seja ok, não é exatamente a melhor quando se trata de melhorar suas vendas ou chamar a atenção de seus clientes.

Por que editar a página de agradecimento?

A página de agradecimento é a primeira página que seus compradores veem depois de comprar de você. Isso significa que é a única página que todos os seus clientes verão, portanto, é um meio adicional para aumentar suas vendas. Por exemplo, você pode redirecionar os compradores para produtos relacionados, oferecer ofertas exclusivas, promover novos produtos e assim por diante.

Como alternativa, você pode exibir mensagens de agradecimento personalizadas que o ajudarão a se destacar em 99% dos sites de comércio eletrônico. Com uma página de agradecimento personalizada, você abre novos caminhos não apenas para aumentar suas vendas, mas também para oferecer aos seus clientes uma melhor experiência pós-venda.

O problema é que, por padrão, o WooCommerce não oferece muitas opções de personalização para sua página de agradecimento. É por isso que neste guia, mostraremos diferentes métodos que você pode usar para editar sua página de agradecimento.

Como personalizar a página de agradecimento do WooCommerce

Existem diferentes maneiras de personalizar a página de agradecimento no WooCommerce:

1. Com plug-ins
2. Programaticamente

Vamos dar uma olhada em cada método para que você possa escolher o melhor para você.

1) Edite a página de agradecimento do WooCommerce com plugins

Existem muitas ferramentas para editar a página de agradecimento no WooCommerce. Estes são alguns dos melhores.

1.1) Personalizador de página de agradecimento NextMove

Com o personalizador de página de agradecimento NextMove , você pode criar novas maneiras de manter os clientes interessados ​​em sua loja. Ele vem com componentes interessantes que você pode integrar às suas páginas de agradecimento de várias maneiras. Por exemplo, você pode adicionar botões de compartilhamento social, recomendar produtos, conteúdo HTML, vídeos e até cupons dinâmicos. Além disso, você pode adicionar um mapa de localização e detalhes sobre o pedido e o cliente para gerar mais fidelidade e encontrar maneiras de atender ainda melhor seus clientes.

Além disso, o NextMove é compatível com a maioria dos construtores de páginas, então você pode simplesmente adicionar a página de agradecimento personalizada usando seus códigos de acesso convenientes. Além disso, o plugin também possui uma versão pro com componentes adicionais projetados para geração de leads. Isso inclui cupons personalizados e dinâmicos, opções inteligentes de suborno, produtos relacionados e muito mais.

Características principais

• Grande variedade de componentes para adicionar à sua página de agradecimento
• Compatível com compilações de página e cada componente vem com seu próprio código de acesso dedicado
• Opções para adicionar conteúdo HTML à sua página de agradecimento junto com detalhes do pedido e detalhes do cliente

Preços

O personalizador de página de agradecimento do NextMove é um plugin freemium. Possui uma versão gratuita com recursos básicos e um plano Pro que começa em 29 USD por ano.

1.2) Obrigado Redirecionamento para WooCommerce

Thanks Redirect for WooCommerce é um plugin simples e fácil de usar que permite definir uma página de redirecionamento para seus produtos. Ele permite que você defina uma página de agradecimento para seus clientes com base na compra ou não de seus produtos com sucesso.

Crie uma página de agradecimento personalizada com uma mensagem de agradecimento específica, juntamente com conteúdo adicional, como detalhes do pedido e compatibilidade de tradução de idiomas. O plug-in também permite adicionar uma página global de agradecimento ou definir URLs de redirecionamento por produto para ainda mais flexibilidade.

Além disso, a versão pro vem com recursos estendidos, como compatibilidade multisite, bem como compatibilidade com assinaturas e doações do WooCommerce.

Características principais

• Plugin de redirecionamento fácil de usar para páginas de agradecimento do WooCommerce
• Páginas de agradecimento personalizadas com mensagens, traduções e detalhes de pedidos específicos
• Crie e defina redirecionamentos baseados em produtos, se necessário

Preços

Obrigado Redirect for WooCommerce é uma ferramenta freemium. A versão gratuita possui recursos padrão, enquanto o plano Pro começa em 15 USD para um único site e inclui funcionalidades mais avançadas.

1.3) Personalizador de página de agradecimento do WooCommerce

Melhore suas vendas e as respostas dos clientes com o Customizador de Páginas de Agradecimento para WooCommerce . Este excelente plugin fornece uma ferramenta fácil de usar para editar suas páginas de agradecimento com facilidade. Desfrute de um personalizador ao vivo e uma ampla variedade de componentes para escolher. Adicione mensagens de agradecimento, cupons, detalhes do pedido, detalhes de confirmação, botões de compartilhamento de mídia social e muito mais. Você também pode alterar facilmente a posição dos elementos, cores, designs e muito mais.

Com o personalizador de página de agradecimento, você pode não apenas adicionar ícones de mídia social, mas também incluir mídia e textos personalizados. Da mesma forma, permite adicionar facilmente um mapa do Google à sua página de agradecimento para direcionar seus clientes à sua loja.

Características principais

• Personalizador de página de agradecimento fácil de usar com visualização ao vivo
• Opções para projetar, personalizar e escolher as posições de cada componente da página de agradecimento
• A versão Pro adiciona mais recursos para produtos em destaque, vendas cruzadas e vendas adicionais, bem como apresentações de slides e cupons aplicáveis ​​a regras

Preços

Thank You Page Customizer é um plugin freemium. A versão gratuita vem com recursos básicos, enquanto o plano Pro começa em 26 USD para uma única licença.

Como personalizar a página de agradecimento do WooCommerce usando o NextMove Lite

Para esta demonstração, usaremos a versão gratuita da página de agradecimento NextMove WooCommerce . É uma ferramenta amigável para iniciantes e seu design pronto para shortcode facilita muito a implantação de suas páginas de agradecimento.

Instale o plug-in NextMove Lite

Primeiro, instale o plugin abrindo seu WP Admin Dashboard e indo em Plugins > Add New . Em seguida, use a barra de pesquisa no canto superior direito para pesquisar a página de agradecimento Next Move WooCommerce e clique em Instalar na guia do plug-in. Clique em Ativar quando o botão for atualizado.

Depois disso, você receberá uma solicitação de rastreamento de diagnóstico que poderá recusar ou aceitar facilmente usando Ignorar ou Permitir e continuar, respectivamente.

Em seguida, você será direcionado para a tela Páginas de agradecimento , onde poderá optar por personalizar uma página de agradecimento existente ou criar uma nova.

Vamos começar editando sua página existente.

Edite e personalize páginas de agradecimento com o NextMove Lite

Vá para XLPlugins > NextMove Lite e na sua página de agradecimento, clique em Componentes.

Agora você será levado para a tela do personalizador de página de agradecimento , onde poderá adicionar ou editar livremente qualquer um de seus componentes.

Vamos começar adicionando um texto e um vídeo simples à sua página de agradecimento.

Basta clicar em qualquer um dos componentes da coluna Select Components à esquerda e pressionar Enable na tela Edit Component do meio.

Adicionando um componente de texto à sua página de agradecimento

Agora você pode personalizar seu texto adicionando uma pequena seção de título, texto e, em seguida, personalizando seu texto de acordo. Vamos em frente e personalizar o componente de texto adicionando um título, o texto necessário e adicionando um pouco de cor de fonte a ele.

Em seguida, você pode usar a coluna da direita para escolher o layout da sua página de agradecimento entre um layout de coluna única ou de coluna dupla. Depois disso, você pode reorganizar seus componentes arrastando e soltando-os da lista.

Para nossa página de agradecimento, queremos que nosso texto simples fique no topo, então vamos apenas arrastar nosso componente Texto Simples para o topo, conforme mostrado abaixo.

Adicionando um componente de vídeo à sua página de agradecimento

Esse é apenas o primeiro passo. Vamos adicionar um vídeo para tornar nossa página de agradecimento mais atraente. Seguindo o mesmo processo, selecione Vídeo e habilite o componente .

Em seguida, você pode adicionar um título e um texto de descrição, bem como a fonte do vídeo, por meio de um URL ou um código incorporado. Por enquanto, vamos adicionar um vídeo simples do YouTube como fonte para promover um de nossos produtos.

Você também pode habilitar opções extras para os componentes, bem como definir um layout e reorganizar seus componentes como visto anteriormente.

Além disso, você pode editar livremente qualquer um dos componentes existentes, como informações do pedido e detalhes do pedido, pressionando Componentes na coluna da esquerda e editando-os adequadamente.

Vamos dar uma olhada em um exemplo.

Edite e personalize componentes para páginas de agradecimento

Se clicarmos em Informações do pedido , veremos a tela Editar componente para ele, onde podemos escolher os ícones, os títulos do pedido e os subtítulos. O plug-in também permite adicionar tags dinâmicas específicas que podem ser alteradas com base nos detalhes e informações do pedido do cliente.

Vamos adicionar uma linha extra em seus subtítulos que diz “Os detalhes adicionais do pedido serão enviados para {{customer_email}}”.

Quando terminar de personalizar sua página de agradecimento, pressione o botão Salvar no canto superior direito para salvar sua página de agradecimento personalizada. Se você quiser ver a aparência da sua página de agradecimento no front end, clique em Visualizar .

Então, depois de todas essas mudanças, esta é a nossa página de agradecimento personalizada:

Como você pode ver, personalizamos o texto e adicionamos um vídeo promovendo um de nossos produtos. Você pode usar mais recursos e personalizá-lo, ainda mais, para melhorá-lo.

Uma coisa importante a considerar é que o plugin permite adicionar várias páginas de agradecimento e definir regras diferentes para cada página. Dessa forma, você pode criar e definir diferentes páginas de agradecimento para que apareçam em diferentes produtos, categorias, funções e assim por diante.

Vamos ver como fazer isso.

Configurar regras para várias páginas de agradecimento

Vamos começar criando uma nova página clicando em Add New na Interface do Plugin . Dê um título à sua página de agradecimento e role para baixo até a seção Regras .

Aqui, você pode definir as regras de seus produtos para que essa página de agradecimento específica apareça apenas para seus clientes se eles comprarem produtos com base em suas regras. Para nossa demonstração, definiremos a regra como Order Category e, no campo direito, escolheremos qual Category aplicar à regra. Por exemplo, vamos exibir esta página de agradecimento apenas quando os clientes comprarem algo da categoria Produtos em pacote.

Você também pode adicionar mais regras clicando nos botões E ou OU para que as regras sejam verificadas com base em várias condições.

Adicionando prioridade e redirecionamentos à sua página de agradecimento

Na barra lateral direita, você pode escolher para qual página a página de agradecimento redirecionará os usuários . Vamos selecionar a página Minha conta e, em seguida, escolher sua prioridade de página abaixo dela. Isso permite definir a prioridade de uma página se você tiver várias prioridades. Como esta página atual deve ser aplicada primeiro a qualquer produto empacotado, vamos definir a prioridade mais alta (1).

Em seguida, clique em Publicar e sua nova página de agradecimento deve ser criada.

Agora você pode voltar e editar esta página de agradecimento recém-criada seguindo as etapas descritas acima para personalizá-la.

Lembre-se de visualizar e editar a página de agradecimento de acordo e usar as tags fornecidas para adicionar elementos dinâmicos à sua página de agradecimento.

2) Como personalizar a página de agradecimento do WooCommerce programaticamente

Se você não deseja instalar nenhum plug-in, pode personalizar sua página de agradecimento do WooCommerce programaticamente . Esta é uma opção muito interessante para usuários mais experientes do WordPress/WooCommerce e requer um pouco de conhecimento de codificação.

NOTA : Antes de começar com este método, certifique-se de criar um backup completo do seu site e instalar um tema filho.

A maneira mais simples de fazer isso é adicionar um gancho WooCommerce simples ao arquivo functions.php do seu tema filho. Dessa forma, você pode enviar textos ou mensagens personalizadas para seus compradores quando eles chegarem à sua página de agradecimento.

Por exemplo, um código simples que você pode adicionar para personalizar o texto é:

 add_action('woocommerce_before_thankyou','QuadLayers_before_thankyou');
function QuadLayers_before_thankyou(){
echo "Obrigado por comprar da QuadLayers";
}

Simplesmente coloque este código no arquivo functions.php do seu tema filho. Para fazer isso, abra seu Editor de Temas acessando Aparência > Editor de Temas. Em seguida, use a barra lateral direita para encontrar o arquivo functions.php e cole o código conforme mostrado abaixo.

Clique em Atualizar Arquivo e pronto!

Como você pode imaginar, há muito mais que você pode fazer. Para editar corretamente a página de agradecimento do WooCommerce de forma programática, você precisará personalizar seus arquivos de modelo. Para saber mais sobre esse processo e mais exemplos de coisas que você pode fazer, dê uma olhada em nosso guia sobre como personalizar a página de agradecimento do WooCommerce de forma programática.

Conclusão

Em suma, a página de agradecimento é uma das poucas páginas que todos os seus clientes verão. Esta página é muitas vezes esquecida, mas pode ajudá-lo a aumentar suas vendas se usada de forma inteligente. Por exemplo, você pode redirecionar os compradores para produtos relacionados, oferecer ofertas exclusivas e muito mais. Ao fazer isso, você não apenas já será diferente de 99% dos sites de comércio eletrônico que usam a página de agradecimento padrão, mas também poderá criar maneiras de proporcionar aos seus clientes uma melhor experiência pós-venda.

Neste guia, mostramos diferentes maneiras de personalizar a página de agradecimento do WooCommerce . Qual deles você deve escolher? Se você quer algo rápido e fácil, escolha um plugin que você goste e você poderá editar sua página de agradecimento em alguns minutos. Se você tiver habilidades de codificação, por outro lado, poderá personalizar suas páginas de agradecimento programaticamente. Isso requer um pouco mais de trabalho, mas oferece muita flexibilidade.

Para obter mais guias sobre como aproveitar ao máximo sua loja, dê uma olhada nestes tutoriais:

• Como personalizar a página Minha conta do WooCommerce
• Edite a página do produto no WooCommerce
• Como personalizar a página 404 no WordPress

Você editou suas páginas de agradecimento do WooCommerce? Qual método você usou? Deixe-nos saber na seção de comentários abaixo!