WooCommerce Summer Camp Tutorial

Summer Camp Schedule Plugin for WordPress

Bright Vessel came up with an exciting way to build out a summer camp schedule to allow parents to sign up for summer camp sessions online.

When taking on this task, we found it challenging to find a niche plugin that would help us build out ecommerce function for schools without having to spend a crazy amount of time in development or creating a multi plugin Frankenstein affect.

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

First, you need WooCommerce as the ecommerce function of the website. This ecommerce plugin is Free and easy to use. Here is a history of WooCommerce and a 30 Minute Setup Tutorial on How to get Woocommerce Running.

WooCommerce Download

#2 Add a landing page which includes an explanation of all sessions/camps and visuals to help with conversion.

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 of the Best Landing Page Design Examples You Need to See in 2019

Here is our example:

 

Summer Camp Sign Up WordPress Plugin Case Study

See example page here: http://staging.foothillsmontessori.com/summer-camp-enrollment-elementary/

#2 We then directed the parents to the camp selection page which they can add multiple sessions to cart.

In this part, we added each week or session as a product in the WooCommerce Product Table pluginThere 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:

Summer Camp Sign Up WordPress Plugin Grid Example

See example page here: http://staging.foothillsmontessori.com/summer-camp-enrollment-elementary/

#3 Customized the checkout fields to include the child’s information.

The final step was too customized the checkout fields to include the child’s first name, last name, and birth date. You can use YITH WooCommerce Checkout Manager, which gives you the ability to add or remove fields, both text an checkbox, date picker, select and radio button in an easy way. Furthermore, you could set a different style for data insertion fields, manage error messages and change their disposition.

WooCommerce Customized Checkout Fields

Lastly, you have to set up a payment processor to accept payment. Our preferred processor is Stripe, 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.