Plugin per il calendario dei campi estivi per WordPress

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

Quando ci siamo occupati di questo compito, abbiamo trovato difficile trovare un plugin di nicchia che ci aiutasse a creare una funzione di ecommerce per le scuole senza dover spendere una quantità assurda di tempo nello sviluppo o creare un Frankenstein multi plugin.

Siamo stati felici di scoprire che Barn2K costruisce un plugin WooCommerce Product Table che consente di visualizzare i prodotti in una griglia. Ecco come lo abbiamo implementato nel sito web della scuola.

#1 Installare il plugin WooCommerce

Innanzitutto, è necessario WooCommerce come funzione ecommerce del sito web. Questo plugin per l'e-commerce è gratuito e facile da usare. Ecco la storia di WooCommerce e un Tutorial di 30 minuti su come far funzionare Woocommerce.

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

Quindi una pagina di prodotto in sé a volte non è sufficiente e la visualizzazione dei prodotti in una griglia non è altrettanto entusiasmante, per cui la creazione di una landing page ben pianificata è essenziale. Potete trovare alcuni ottimi esempi e informazioni in questo articolo su HubSpot - 19 dei migliori esempi di design di landing page che dovete vedere nel 2019.

Ecco il nostro esempio:

#2 Abbiamo poi indirizzato i genitori alla pagina di selezione del campo, dove possono aggiungere più sessioni al carrello.

In questa parte, abbiamo aggiunto ogni settimana o sessione come prodotto nel plugin WooCommerce Product Table. Ci sono diversi modi in cui un prodotto può essere visualizzato in una griglia. È possibile modificare lo shortcode per cambiare gli elementi che si desidera mostrare, ad esempio includendo un'immagine, utilizzando caselle di controllo al posto dei pulsanti Aggiungi al carrello o aggiungendo campi personalizzati.

Consultate l'elenco completo delle caratteristiche qui: https://barn2.co.uk/kb/product-table-options/

Utilizziamo lo 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"]

Esempio:

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

Il passo finale è stato quello di personalizzare i campi del checkout per includere il nome, il cognome e la data di nascita del bambino. È possibile utilizzare YITH WooCommerce Checkout Manager, che offre la possibilità di aggiungere o rimuovere campi, sia di testo che di controllo, selezionatori di date, selezioni e pulsanti 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.

Infine, è necessario impostare un processore di pagamento per accettare i pagamenti. Il nostro processore preferito è Stripe, ma ci sono molti tipi di processori che possono integrarsi con WooCommerce. Si può anche provare Paypal Standard Checkout, che è un po' più semplice da configurare tra lo sviluppatore e il cliente.

Il nostro cliente è stato molto soddisfatto dei risultati, che non hanno richiesto alcuna codifica personalizzata per ottenere ciò che volevano utilizzando il plugin WooCommerce Product Table di Barn2K. Se siete interessati a creare un programma di scuola estiva sul vostro sito scolastico, contattateci. Saremo lieti di aiutarvi e se avete commenti generali. Sentitevi liberi di commentare qui sotto.