Sommercamp-Zeitplan-Plugin für WordPress

Bright Vessel hat sich eine spannende Möglichkeit ausgedacht, einen Sommercamp-Zeitplan zu erstellen, der es Eltern ermöglicht, sich online für die Sommercamp-Sitzungen anzumelden.

Als wir diese Aufgabe übernahmen, fanden wir es schwierig, ein Nischen-Plugin zu finden, das uns beim Aufbau einer E-Commerce-Funktion für Schulen helfen würde, ohne dass wir wahnsinnig viel Zeit in die Entwicklung investieren oder einen Frankenstein-Effekt mit mehreren Plugins erstellen müssten.

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 WooCommerce-Plugin installieren

First, you need WooCommerce as the ecommerce function of the website. This ecommerce plugin is Free and easy to use. Hier ist eine Geschichte von WooCommerce and a 30-minütiges Setup-Tutorial zum Ausführen von Woocommerce.

#2 Fügen Sie eine Zielseite hinzu, die eine Erklärung aller Sitzungen/Camps und visuelle Elemente enthält, um die Konvertierung zu unterstützen.

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 der besten Landingpage-Designbeispiele, die Sie 2019 sehen müssen

Hier ist unser Beispiel:

#2 Wir haben die Eltern dann auf die Camp-Auswahlseite weitergeleitet, wo sie mehrere Sitzungen in den Warenkorb legen können.

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 Die Checkout-Felder wurden angepasst, um die Informationen des Kindes einzuschließen.

Im letzten Schritt wurden die Checkout-Felder angepasst, um den Vornamen, Nachnamen und das Geburtsdatum des Kindes einzufügen. Mit dem YITH WooCommerce Checkout Manager können Sie ganz einfach Felder hinzufügen oder entfernen, sowohl Textfelder als auch Kontrollkästchen, Datumsauswahlfelder, Auswahlfelder und Optionsfelder. Darüber hinaus können Sie einen anderen Stil für Dateneingabefelder festlegen, Fehlermeldungen verwalten und deren Anordnung ändern.

Lastly, you have to set up a payment processor to accept payment. Our preferred processor is Streifen, but they're many types of processors which can integrate with WooCommerce. You can also try Paypal Standard-Checkout, 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.