Zomerkamp Plugin voor WordPress

Bright Vessel bedacht een spannende manier om een zomerkampschema op te stellen zodat ouders zich online kunnen aanmelden voor zomerkampen.

Toen we deze taak op ons namen, vonden we het een uitdaging om een niche-plugin te vinden die ons zou helpen om de e-commercefunctie voor scholen uit te bouwen zonder dat we veel tijd moesten besteden aan ontwikkeling of het creëren van een Frankenstein-effect met meerdere plugin's.

We waren blij dat Barn2K een WooCommerce Product Table plugin maakt waarmee je producten in een raster kunt weergeven. Dit is hoe we het op de website van de school hebben geïmplementeerd.

#1 Installeer de WooCommerce-plugin

Ten eerste heb je WooCommerce nodig als de e-commerce functie van de website. Deze e-commerce plugin is gratis en gemakkelijk te gebruiken. Hier is een geschiedenis van WooCommerce en een 30 minuten uitleg over hoe je WooCommerce aan de praat krijgt.

#2 Voeg een landingspagina toe met uitleg over alle sessies/kampen en visuals om te helpen bij de conversie.

Dus een productpagina op zich is soms niet genoeg en producten in een raster weergeven is niet zo spannend, dus het maken van een goed geplande landingspagina is essentieel. Je kunt een aantal geweldige voorbeelden en informatie vinden in dit artikel op HubSpot - 19 van de beste landingspagina-ontwerpvoorbeelden die je in 2019 moet zien.

Hier is ons voorbeeld:

#2 Vervolgens hebben we de ouders naar de selectiepagina van het kamp geleid, waar ze meerdere sessies aan hun winkelwagentje kunnen toevoegen.

In dit deel hebben we elke week of sessie toegevoegd als een product in de WooCommerce Producttabel plugin. Er zijn verschillende manieren waarop een product kan worden weergegeven in een Grid. Je kunt de shortcode bewerken om aan te passen welke items je wilt weergeven, zoals een afbeelding toevoegen, selectievakjes gebruiken in plaats van knoppen Toevoegen aan winkelwagentje of aangepaste velden toevoegen.

Bekijk de volledige lijst met functies hier: https://barn2.co.uk/kb/product-table-options/

We gebruiken de 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"]

Voorbeeld:

#3 De afrekenvelden aangepast om de gegevens van het kind toe te voegen.

De laatste stap was ook het aanpassen van de afrekenvelden met de voornaam, achternaam en geboortedatum van het kind. Je kunt YITH WooCommerce Checkout Manager gebruiken, waarmee je op een eenvoudige manier velden kunt toevoegen of verwijderen, zowel tekst- als selectievakjes, datumkiezers, selectieknoppen en keuzerondjes. Bovendien kun je een andere stijl instellen voor invoervelden, foutmeldingen beheren en de dispositie ervan wijzigen.

Tot slot moet je een betalingsverwerker instellen om betalingen te accepteren. Onze voorkeursverwerker is Stripe, maar er zijn veel verschillende verwerkers die met WooCommerce kunnen integreren. Je kunt ook Paypal Standard Checkout proberen , dat is iets eenvoudiger in te stellen door de ontwikkelaar en de klant.

Onze klant was erg tevreden met de resultaten, waarvoor geen aangepaste codering nodig was om te bereiken wat ze wilden door gebruik te maken van de WooCommerce Product Table plugin van Barn2K. Als je geïnteresseerd bent in het uitbouwen van een zomerschoolprogramma op je schoolsite, neem dan contact met ons op. We helpen je graag en als je algemene opmerkingen hebt, horen we dat graag. Voel je vrij om hieronder commentaar te geven.