Tutorial de acampamento de verão do WooCommerce
Tutorial de acampamento de verão do WooCommerce
Tutorial de acampamento de verão do WooCommerce
,

Plugin de programação de acampamento de verão para WordPress

Gostou deste artigo?
Compartilhe nas redes sociais!
Conteúdo

A Bright Vessel criou uma maneira empolgante de criar uma programação de acampamento de verão para permitir que os pais se inscrevam nas sessões de acampamento de verão online.

Ao assumir essa tarefa, achamos difícil encontrar um plug-in de nicho que nos ajudasse a criar uma função de comércio eletrônico para escolas sem ter que gastar uma quantidade louca de tempo em desenvolvimento ou criar um efeito Frankenstein de vários plug-ins.

Ficamos felizes em descobrir que Celeiro2K constrói um Plug-in da tabela de produtos WooCommerce que permite exibir produtos em uma grade. Então, aqui está como implementamos no site da escola.

#1 Instale o plug-in WooCommerce

Primeiro, você precisa WooCommerce como a função de comércio eletrônico do site. Este plugin de comércio eletrônico é gratuito e fácil de usar. Aqui está uma história do WooCommerce e um Tutorial de configuração de 30 minutos sobre como fazer o Woocommerce funcionar.

Baixar WooCommerce

#2 Adicione uma página de destino que inclua uma explicação de todas as sessões/acampamentos e recursos visuais para ajudar na conversão.

Portanto, uma página de produto em si às vezes não é suficiente e exibir produtos em uma grade não é tão empolgante, portanto, criar uma página de destino bem planejada é essencial. Você pode encontrar ótimos exemplos e informações neste artigo no HubSpot - 19 dos melhores exemplos de design de landing page que você precisa ver em 2019

Aqui está o nosso exemplo:

 

Estudo de caso do plugin WordPress para acampamento de verão

# 2 Em seguida, direcionamos os pais para a página de seleção do acampamento, onde eles podem adicionar várias sessões ao carrinho.

Nesta parte, adicionamos cada semana ou sessão como um produto no Plugin de tabela de produtos WooCommerce. Existem várias maneiras pelas quais um produto pode ser exibido em uma grade. Você pode editar o código de acesso para alterar quais itens deseja mostrar, como incluir uma imagem, usar caixas de seleção em vez de botões adicionar ao carrinho ou adicionar campos personalizados.

Veja a lista completa de recursos aqui: https://barn2.co.uk/kb/product-table-options/

Usamos o código de acesso: [product_table columns="nome, descrição, preço, adicionar ao carrinho", category="elementary-extended-day" show_quantity="false" description_length="-1" display_search_box="false" links="none" sort_by="menu_order"]

Exemplo:

Exemplo de grade de plug-in WordPress de inscrição em acampamento de verão

#3 Personalizou os campos de checkout para incluir as informações da criança.

A etapa final foi personalizar demais os campos de checkout para incluir o nome, sobrenome e data de nascimento da criança. Você pode usar o YITH WooCommerce Checkout Manager, que oferece a capacidade de adicionar ou remover campos, tanto texto quanto caixa de seleção, seletor de data, seleção e botão de opção de maneira fácil. Além disso, você pode definir um estilo diferente para os campos de inserção de dados, gerenciar mensagens de erro e alterar sua disposição.

Campos de checkout personalizados do WooCommerce

Por fim, você deve configurar um processador de pagamento para aceitar o pagamento. Nosso processador preferido é Listra , mas são muitos tipos de processadores que podem se integrar ao WooCommerce. Você também pode tentar PayPal Checkout Padrão ,o que é um pouco mais fácil no tempo de configuração entre o desenvolvedor e o cliente.

 

Nosso cliente ficou bastante satisfeito com os resultados, que não precisaram de nenhuma codificação personalizada para alcançar o que desejavam usando o Plug-in da tabela de produtos WooCommerce por Barn2K. Se você estiver interessado em criar um programa de escola de verão no site da sua escola, entre em contato conosco. Ficaremos felizes em ajudar e se você tiver comentários gerais. Sinta-se à vontade para comentar abaixo.

Obtenha sua auditoria gratuita de SEO

Formulário de auditoria de SEO gratuito

"*" indica campos obrigatórios

Este campo é para fins de validação e não deve ser alterado.
Conteúdo
Gostou deste artigo?
Compartilhe nas redes sociais!
Obtenha sua auditoria gratuita de SEO

Formulário de auditoria de SEO gratuito

"*" indica campos obrigatórios

Este campo é para fins de validação e não deve ser alterado.
Obtenha sua auditoria gratuita de SEO

Formulário de auditoria de SEO gratuito

"*" indica campos obrigatórios

Este campo é para fins de validação e não deve ser alterado.
Gostou deste artigo?
Compartilhe nas redes sociais!

Deixe uma resposta

Confira outra postagem do blog!

Voltar para todas as postagens do blog
© 2024 Bright Vessel. Todos os direitos reservados.
versão xml="1.0"? versão xml="1.0"? chevron para baixo seta para a esquerda