Como adicionar um formulário de registro às lojas WooCommerce
Publicados: 2021-08-18
Desta vez, apresentaremos as maneiras mais simples possíveis de seguir para adicionar um formulário de registro às lojas e plataformas de compras WooCommerce .
Um formulário de registro amigável é uma das partes essenciais que qualquer tipo de site deve ter. Se você possui um hotel ou agência de viagens, prestação de serviços ou site comercial.
Você precisa fornecer a seus clientes potenciais e potenciais formulários de registro para inserir seus dados pessoais e outros detalhes nos campos de registro e enviar a você serviços, produtos, assinaturas, planos ou mais.
O que é um formulário de inscrição?
Um formulário de registro é uma sequência de campos que precisam ser preenchidos com informações do usuário.
No geral, é uma maneira ideal de coletar as informações necessárias de seus usuários da web, clientes, clientes e seguidores que estão de alguma forma interessados em seu negócio, loja, empresa, organização sem fins lucrativos ou o que for.
O que você deve levar em consideração quando quiser adicionar um formulário de registro às lojas WooCommerce
Bem, registrar-se em dezenas de sites e blogs não é o processo mais agradável para os internautas.
Mas a verdade é que eles já estão acostumados e estão prontos para fornecer suas informações básicas na maioria dos casos.
No entanto, você precisa se preocupar em fornecer um valor real em torno de seu formulário de registro, explicando por que um visitante da Web deve se registrar em seu site.
Evite exigir muita informação, deixe apenas campos lógicos, explique o porquê de você, torne a política de privacidade e segurança precisa e fácil de entender.
Por que é importante otimizar o formulário de registro do seu site comercial
Que a disponibilidade e simplicidade de um formulário de registro determinam diretamente o número de usuários em seu banco de dados e afeta o desejo do usuário de continuar seu relacionamento com seu site.
Assim, um formulário de contato bem formatado e bem operacional pode trazer mais clientes e mais oportunidades de negócios.
Além disso, se você conseguir adicionar um formulário de registro à loja WooCommerce que seja simples, fácil de entender e funcione perfeitamente, isso o salvará de uma enxurrada de cartas que precisam de suporte técnico que inevitavelmente se tornará uma dor de cabeça para você e sua equipe.
Agora que demonstramos a importância de integrar um formulário de registro em seu ambiente WooCommerce online, vamos entender como isso pode ser feito do ponto de vista técnico.
Como adicionar um formulário de registro às lojas WooCommerce
Primeiro, você precisa habilitar o formulário nas configurações de back-end do WooCommerce. Siga o caminho WooCommerce, Configurações, Contas, Habilitar Registro. Você será levado para a janela de onde você precisa marcar a caixa ao lado de “Ativar registro de cliente na página “Minha conta””.
Aqui você pode controlar também outras configurações, como exibir o lembrete de login do cliente retornando na página de checkout, gerar automaticamente o nome de usuário ou a senha do cliente, etc., para tornar o processo de registro mais otimizado para o usuário.
Depois de concluir essa parte de configurações, o formulário de registro será exibido no frontend, o que significa que seus esforços para adicionar um formulário de registro ao WooCommerce não foram em vão.
Como você pode ver agora, o formulário que você adicionou é bastante simples e modesto. Portanto, o próximo passo é adicionar campos no formulário de cadastro que você já ativou.
Você pode inserir o seguinte código no final do seu arquivo functions.php se quiser adicionar alguns campos básicos como nome e sobrenome, número de telefone, e-mail e senha.
function wooc_extra_register_fields() {?>
<p class="form-row form-row-wide">
<label for=”reg_billing_phone”><?php _e( 'Telefone', 'woocommerce' ); ?></label>
<input type=”text” class=”input-text” name=”billing_phone” id=”reg_billing_phone” value=”<?php esc_attr_e( $_POST['billing_phone'] ); ?>” />
</p>
<p class="form-row form-row-first">
<label for=”reg_billing_first_name”><?php _e( 'Primeiro nome', 'woocommerce' ); ?><span class="required">*</span></label>
<input type=”text” class=”input-text” name=”billing_first_name” id=”reg_billing_first_name” value=”<?php if ( ! empty( $_POST['billing_first_name'] ) ) esc_attr_e( $_POST[' billing_first_name']); ?>” />
</p>
<p class="form-row form-row-last">
<label for=”reg_billing_last_name”><?php _e( 'Sobrenome', 'woocommerce' ); ?><span class="required">*</span></label>
<input type=”text” class=”input-text” name=”billing_last_name” id=”reg_billing_last_name” value=”<?php if (! empty( $_POST['billing_last_name'] ) ) esc_attr_e( $_POST[' cobrança_sobrenome']); ?>” />
</p>
<div class="clear"></div>
<?php
}
add_action( 'woocommerce_register_form_start', 'wooc_extra_register_fields');
Depois que a página for atualizada, você encontrará novos campos adicionados ao seu formulário de registro.
Sempre que você quiser conectar seu formulário de registro com endereço de cobrança, você precisa adicionar o prefixo “cobrança” antes do nome do campo. Abaixo, você pode encontrar os campos de formulário mais usados:
billing_first_name, billing_last_name, billing_company, billing_address_1, billing_address_2,
billing_city, billing_postcode, billing_country, billing_state, billing_email, billing_phone
Agora é hora de validar os dados nos campos do formulário com outro pedaço de código a ser adicionado ao arquivo functions.php. Use as linhas de código abaixo mencionadas para validação de dados:
/**
* campos de cadastro Validando.
*/
function wooc_validate_extra_register_fields( $username, $email, $validation_errors ) {
if ( isset( $_POST['billing_first_name'] ) && vazio( $_POST['billing_first_name'] ) ) {
$validation_errors->add( 'billing_first_name_error', __( '<strong>Erro</strong>: Primeiro nome é obrigatório!', 'woocommerce' ) );
}
if ( isset( $_POST['billing_last_name'] ) && vazio( $_POST['billing_last_name'] ) ) {
$validation_errors->add( 'billing_last_name_error', __( '<strong>Erro</strong>: Sobrenome é obrigatório!.', 'woocommerce' ) );
}
return $validation_errors;
}
add_action( 'woocommerce_register_post', 'wooc_validate_extra_register_fields', 10, 3 );
Este código está verificando o array $_POST para os valores do formulário e incluindo uma mensagem de erro sempre que o valor não estiver presente ou os dados forem inválidos.
Finalmente, você precisa salvar esses valores no banco de dados. Assim que os valores forem validados, você precisa usar o seguinte código em seu functions.php para inserir valores no banco de dados:
/**
* Abaixo do código salve os campos extras.
*/
function wooc_save_extra_register_fields( $customer_id) {
if ( isset( $_POST['billing_phone'] ) ) {
// Entrada de telefone arquivada que é usada no WooCommerce
update_user_meta( $customer_id, 'billing_phone', repair_text_field( $_POST['billing_phone']) );
}
if ( isset( $_POST['billing_first_name'] ) ) {
//Campo de nome que é por padrão
update_user_meta( $customer_id, 'first_name', repair_text_field( $_POST['billing_first_name'] ) );
// Campo de nome que é usado no WooCommerce
update_user_meta( $customer_id, 'billing_first_name', higieniza_text_field( $_POST['billing_first_name'] ) );
}
if ( isset( $_POST['billing_last_name'] ) ) {
// Campo de sobrenome que é por padrão
update_user_meta( $customer_id, 'last_name', repair_text_field( $_POST['billing_last_name'] ) );
// Campo de sobrenome que é usado no WooCommerce
update_user_meta( $customer_id, 'billing_last_name', higieniza_text_field( $_POST['billing_last_name'] ) );
}
}
add_action( 'woocommerce_created_customer', 'wooc_save_extra_register_fields');
Finalizado! Agora você coletou, validou e adicionou valores com sucesso ao seu banco de dados e eles estão prontos para uso.
Post relacionado: A comparação entre BigCommerce e WooCommerce – Qual é o melhor?
Como você pode ver, você pode adicionar rapidamente um formulário de registro à loja WooCommerce , adicionar campos a ele e garantir que seus usuários estejam satisfeitos com seu trabalho.
Como proprietário de uma empresa, é importante que você configure um site o quanto antes e, ao fazê-lo, certifique-se de configurá-lo em uma plataforma WordPress, pois oferece maior flexibilidade do que a maioria.
Certifique-se de escolher um tema compatível com woocommerce e de configurar um formulário de registro para lojas woocommerce .
O processo é bastante fácil e não deve demorar mais do que alguns minutos no máximo. No caso, você estava se perguntando por que se preocupar em passar por todo o incômodo de configurar um formulário de registro para lojas de woocommerce , então você pode querer verificar os motivos listados abaixo.
- Informações do usuário: usando formulários de registro em seu site, você pode fazer com que os usuários assinem atualizações diárias, além de garantir que eles recebam as informações mais recentes sobre seus produtos e serviços. Você pode usar as informações que eles compartilharam com você para otimizar seu marketing para que você possa alcançar seu público-alvo de forma mais eficaz do que antes.
- Engajamento do usuário: Ao usar formulários de registro, você estaria essencialmente interagindo com seus usuários. Com o aumento do envolvimento do usuário, as chances de uma conversão e uma venda real aumentam, e é por isso que você deve garantir que seu woo commerce venha com o formulário de registro ativado em segundo plano.
- Marketing: Qualquer informação que o usuário fornece deve provar ser inestimável. Você pode usar essas informações para comercializar diretamente seus produtos e serviços para eles, mas certifique-se de não enviar spam, pois isso é estritamente proibido.
Mais importante, você pode otimizar sua estratégia de marketing, usar as informações fornecidas pelos clientes e direcioná-los com anúncios específicos, no mesmo.
- Configuração fácil: O processo para configurar seu formulário de registro é bastante fácil; tudo o que você precisa fazer é ir para a área de administração do woocommerce e, no back-end, habilitar o formulário de registro e ativar o mesmo. Você pode até personalizá-lo para atrair novos clientes e, consequentemente, eles estariam interessados em fornecer as informações que você precisa através do formulário de registro que você acabou de instalar em seu site.
- SEO: Com o formulário de registro em seu site, você deve fornecer aos seus usuários uma experiência aprimorada e isso, por sua vez, deve ajudar a aumentar esses rankings SERP. Isso deve levar a mais tráfego e, portanto, deve ajudar a aumentar as visualizações de página, as impressões e muito mais.
Estas são algumas das razões pelas quais você deve instalar um formulário de registro em seu site o mais rápido possível.
Mais importante, você precisa ter certeza de que não enviará spam para seus usuários, pois essa é uma maneira segura de afugentar novos clientes e leads em potencial.
Você precisa oferecer a eles uma troca, onde você forneceria algum brinde, oferta ou mais informações para se registrar em seu site.
Ao fazer isso, você está oferecendo a eles algo valioso em troca e isso deve definitivamente despertar o interesse deles e fazer com que eles insiram suas informações no formulário de registro.