Plug-in de programação de acampamentos de verão para WordPress

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

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

Ficamos felizes em descobrir que a Barn2K criou um plug-in WooCommerce Product Table que permite exibir produtos em uma grade. Veja como fizemos a implementação no site da escola.

#1 Instalar o plugin WooCommerce

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

#2 Adicione uma página de destino que inclua uma explicação de todas as sessões/campos 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, por isso é essencial criar uma página de destino bem planejada. Você pode encontrar alguns ótimos exemplos e informações neste artigo da HubSpot - 19 dos melhores exemplos de design de página de destino que você precisa ver em 2019

Aqui está nosso exemplo:

#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 plug-in WooCommerce Product Table. Há várias maneiras de exibir um produto em uma grade. Você pode editar o shortcode para alterar os itens que gostaria de mostrar, como incluir uma imagem, usar caixas de seleção em vez de botões de adicionar ao carrinho ou adicionar campos personalizados.

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

Usamos o shortcode: [product_table columns="name,description,price,add-to-cart," category="elementary-extended-day" show_quantity="false" description_length="-1" display_search_box="false" links="none" sort_by="menu_order"]

Exemplo:

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

A etapa final foi personalizar os campos de checkout para incluir o nome, o sobrenome e a data de nascimento da criança. Você pode usar o YITH WooCommerce Checkout Manager, que permite adicionar ou remover campos, tanto de texto quanto de caixa de seleção, seletor de data, botão de seleção e de rádio, 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.

Por fim, você precisa configurar um processador de pagamento para aceitar pagamentos. Nosso processador preferido é o Stripe, mas há muitos tipos de processadores que podem ser integrados ao WooCommerce. Você também pode tentar o Paypal Standard Checkout, que é um pouco mais fácil de configurar entre o desenvolvedor e o cliente.

Nosso cliente ficou bastante satisfeito com os resultados, que não exigiram nenhuma codificação personalizada para alcançar o que eles queriam usando o plug-in WooCommerce Product Table da Barn2K. Se 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. Fique à vontade para comentar abaixo.