Plugin per il programma del campo estivo per WordPress

Bright Vessel ha escogitato un modo entusiasmante per creare un programma di campi estivi per consentire ai genitori di iscriversi alle sessioni del campo estivo online.

Quando abbiamo assunto questo compito, abbiamo trovato difficile trovare un plugin di nicchia che ci aiutasse a creare una funzione di e-commerce per le scuole senza dover dedicare una quantità pazzesca di tempo allo sviluppo o creare un effetto Frankenstein multi-plugin.

We were happy to find that Barn2K builds a WooCommerce Product Table plugin which allows you to display products in a grid. So here is how we implemented into the school's website.

#1 Installa il plugin WooCommerce

First, you need WooCommerce as the ecommerce function of the website. This ecommerce plugin is Free and easy to use. Ecco una storia di WooCommerce and a Tutorial di configurazione di 30 minuti su come far funzionare Woocommerce.

#2 Aggiungi una pagina di destinazione che includa una spiegazione di tutte le sessioni/campi e immagini per aiutare con la conversione.

So a product page itself sometimes is not enough and displaying products in a grid is not as exciting so creating a well-planned landing page is essential. You can find some great examples and information from this article on HubSpot - 19 dei migliori esempi di design di landing page da vedere nel 2019

Ecco il nostro esempio:

#2 Abbiamo quindi indirizzato i genitori alla pagina di selezione del campo a cui possono aggiungere più sessioni al carrello.

In this part, we added each week or session as a product in the WooCommerce Product Table plugin. There are several ways which a product can be displayed in a Grid. You can edit the shortcode to change what items you would like to show such as including an image, using checkboxes instead of add to cart buttons, or adding customized fields.

See the full list of features here: https://barn2.co.uk/kb/product-table-options/

We use the 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"]

Example:

#3 Personalizzazione dei campi di pagamento per includere le informazioni del bambino.

Il passaggio finale è stato quello di personalizzare i campi di pagamento per includere il nome, il cognome e la data di nascita del bambino. Puoi utilizzare YITH WooCommerce Checkout Manager, che ti dà la possibilità di aggiungere o rimuovere campi, sia testo che caselle di controllo, selettore di data, selezione e pulsante di opzione in modo semplice. Inoltre, è possibile impostare uno stile diverso per i campi di inserimento dati, gestire i messaggi di errore e modificarne la disposizione.

Lastly, you have to set up a payment processor to accept payment. Our preferred processor is Banda, but they're many types of processors which can integrate with WooCommerce. You can also try Pagamento standard PayPal, which is a bit easier on set up time between the developer and the client.

Our client was quite pleased with the results which did not take any custom coding to achieve what they wanted by using the WooCommerce Product Table plugin by Barn2K. If you're interested in building out a summer school program on your school site, please contact us. We would be happy to help and if you have general comments. Feel free to comment below.