Zomerkamprooster-plug-in voor WordPress

Bright Vessel bedacht een spannende manier om een zomerkampschema op te bouwen, zodat ouders zich online kunnen aanmelden voor zomerkampsessies.

Toen we deze taak op ons namen, vonden we het een uitdaging om een niche-plug-in te vinden die ons zou helpen de e-commercefunctie voor scholen uit te bouwen zonder een waanzinnige hoeveelheid tijd te hoeven besteden aan ontwikkeling of het maken van een multi-plug-in Frankenstein-effect.

We waren blij om dat te ontdekken Schuur 2K bouwt een WooCommerce Product Table-plug-in waarmee u producten in een raster kunt weergeven. Dus hier is hoe we het hebben geïmplementeerd in de website van de school.

#1 Installeer WooCommerce Plugin

Eerst heb je nodig WooCommerce als de e-commerce functie van de website. Deze e-commerce plug-in is gratis en gemakkelijk te gebruiken. Hier is een geschiedenis van WooCommerce en een 30 minuten durende installatiehandleiding over hoe u Woocommerce aan de praat krijgt.

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

Dus een productpagina zelf is soms niet genoeg en het weergeven van producten in een raster is niet zo spannend, dus het maken van een goed geplande landingspagina is essentieel. U kunt een aantal geweldige voorbeelden en informatie vinden in dit artikel op HubSpot - 19 van de beste voorbeelden van het ontwerpen van bestemmingspagina's die u in 2019 moet zien

Hier is ons voorbeeld:

# 2 Vervolgens hebben we de ouders naar de kampselectiepagina geleid waar ze meerdere sessies aan het winkelwagentje kunnen toevoegen.

In dit deel hebben we elke week of sessie als product toegevoegd in de WooCommerce Product Table-plug-in. Er zijn verschillende manieren waarop een product in een raster kan worden weergegeven. U kunt de shortcode bewerken om te wijzigen welke items u wilt laten zien, zoals het opnemen van een afbeelding, het gebruik van selectievakjes in plaats van knoppen voor toevoegen aan winkelwagentje of het toevoegen van aangepaste velden.

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

Wij gebruiken de shortcode: [product_table columns="naam,beschrijving,prijs,add-to-cart," category="elementaire-uitgebreide-dag" show_quantity="false" description_length="-1" display_search_box="false" links="geen" sort_by="menu_order"]

Voorbeeld:

#3 De afrekenvelden zijn aangepast om de gegevens van het kind op te nemen.

De laatste stap was ook het aanpassen van de afrekenvelden om de voornaam, achternaam en geboortedatum van het kind op te nemen. U kunt YITH WooCommerce Checkout Manager gebruiken, waarmee u op een eenvoudige manier velden kunt toevoegen of verwijderen, zowel een selectievakje als een datumkiezer, een keuzerondje en een keuzerondje kunt sms'en. Bovendien kunt u een andere stijl instellen voor velden voor het invoegen van gegevens, foutmeldingen beheren en de instelling ervan wijzigen.

Ten slotte moet u een betalingsverwerker instellen om betalingen te accepteren. Onze voorkeursverwerker is Streep , maar het zijn vele soorten processors die kunnen integreren met WooCommerce. Je kunt ook proberen PayPal Standaard Afrekenen ,wat een beetje gemakkelijker is voor de installatietijd tussen 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-plug-in door Schuur 2K. Als je geïnteresseerd bent in het uitbouwen van een zomerschoolprogramma op je schoolsite, neem dan contact met ons op. Wij helpen u graag verder en als u algemene opmerkingen heeft. Voel je vrij om hieronder te reageren.