Adicionando campos a produtos reserváveis ​​no WooCommerce

Procurando uma ótima maneira de adicionar produtos personalizados que podem ser reservados à sua loja?

Quando se trata de criar produtos reserváveis, o plugin WooCommerce Bookings tem uma boa quantidade de opções para personalizar a forma como um serviço ou produto físico pode ser agendado e reservado.

Gerenciar vários recursos é muito fácil com ‘Recursos’ e ‘Pessoas’ facilita a designação de um determinado número de itens reserváveis.

Quando se trata de adicionar mais complexidade à página do produto de reservas, as coisas podem ficar complicadas.

Vamos construir uma página de produto

Digamos que você esteja construindo um site para um spa de luxo.

Seu cliente mencionou que está vendendo muitos complementos de terapia com pedras quentes com massagem profunda na loja, mas adoraria permitir que os clientes comprassem o complemento diretamente de seu site no momento da reserva.

À medida que você começa a criar um produto para uma massagem profunda, a página terá todas as funcionalidades necessárias para reservar o serviço, mas sem complementos.

Adicione valor adicional à página do produto

O que você realmente deseja construir é uma página de produto reservável que ganhe ao cliente US $ 30 adicionais por massagem e ofereça uma experiência simples para o cliente que reserva o serviço.

Ler:  7 ferramentas de análise de comércio eletrônico que você talvez não esteja usando

Ter a opção de reservar o complemento é importante, mas também o é o ajuste em tempo real do preço total da reserva para que o cliente saiba exatamente o que está recebendo e quanto vai pagar.

Aqui está um exemplo da mesma página do produto, desta vez com o complemento Hot Stone Therapy incluído (e ajuste de preço em tempo real).

Para obter esse resultado simples e agregador de valor, você pode definitivamente adicionar um campo à página do seu produto usando ganchos WooCommerce. Se você está procurando uma maneira mais rápida de adicionar campos personalizados a um produto reservável e não quer perder tempo criando código personalizado, existe uma maneira mais rápida.

Depois de instalar o Opções extras de produtos WooCommerce Pro plugin, vá até o menu de produtos no administrador do WordPress e selecione Opção de produto extra.

Em seguida, adicione um novo campo. Optei por adicionar um campo Rádio, mas há vários tipos de campo para escolher. Certifique-se de adicionar uma classe wrapper ao seu campo, pois a usaremos para ajustar a exibição das opções na página do produto.

Observação: não há trabalho adicional necessário para permitir que a página do produto atualize automaticamente os preços.

Depois de designar o preço na área de opções do campo no backend, ele será atualizado automaticamente quando selecionado pelo usuário com base em suas regras.

Ler:  WordCamp Santa Clarita 2024 – Como foi...

Uma das coisas que torna este plugin particularmente poderoso é que você pode definir a lógica de exibição na guia Regras de exibição.

Neste caso, as opções adicionais de produtos só serão exibidas ao visualizar um produto dentro da categoria Massagem.

Depois de definir as opções no campo do produto exatamente como você deseja, salve o campo clicando em Atualizar campo.

Depois de criar um campo Radio, precisaremos fazer uma pequena limpeza de CSS. As opções provavelmente serão exibidas em uma linha abaixo do calendário de reservas, o que não é muito fácil de entender se você estiver reservando o serviço.

Lembra daquela classe wrapper? Usaremos a classe wrapper para ajustar a exibição dos campos de opção para que sejam exibidos em linhas separadas.

Use o Editor CSS para adicionar o seguinte estilo personalizado:

rótulo .yourwrapperclass {display:block;}

Com essa pequena mudança de CSS, a página do seu produto deve ficar semelhante a esta:

E aí está.

Expanda sua loja online com hospedagem gerenciada WooCommerce

Agora você sabe como adicionar um campo personalizado com um preço de atualização automática a uma página de produto de reserva WooCommerce.

Além das estratégias que listamos aqui, um ótimo plano de hospedagem pode ser fundamental para o crescimento do seu negócio. Felizmente, o Hostinger ajuda você.

Nosso plano de hospedagem WooCommerce gerenciado é ideal para empresas em crescimento. Especialmente projetada para converter mais vendas, a hospedagem gerenciada WordPress para comércio eletrônico vem com tecnologias de ponta para reduzir o tempo de carregamento de consultas e as taxas de abandono de carrinho.

Ler:  Ainda precisamos de feeds RSS no WordPress?

Para saber mais sobre hospedagem WooCommerce totalmente gerenciada, confira nossos planos para começar hoje mesmo.

Novas publicações:

Recomendação