WordPress用サマーキャンプスケジュールプラグイン

ブライト・ベッセルは、保護者がオンラインでサマーキャンプセッションに申し込めるように、サマーキャンプのスケジュールを立てるエキサイティングな方法を思いつきました。

このタスクを引き受けるとき、開発に膨大な時間を費やしたり、フランケンシュタイン効果のあるマルチプラグインを作成したりすることなく、学校向けのeコマース機能を構築するのに役立つニッチなプラグインを見つけるのは難しいと感じました。

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プラグインをインストールする

First, you need ウーコマース as the ecommerce function of the website. This ecommerce plugin is Free and easy to use. WooCommerceの歴史は次のとおりです and a Woocommerceを実行する方法に関する30分間のセットアップチュートリアル。

#2 すべてのセッション/キャンプの説明とビジュアルを含むランディング ページを追加して、コンバージョンを支援します。

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 - 2019年に見るべきランディングページのデザイン例19選

次に例を示します。

#2 次に、保護者をキャンプ選択ページに誘導し、複数のセッションをカートに追加できるようにしました。

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 お子様の情報を含めるようにチェックアウト フィールドをカスタマイズしました。

最後のステップは、子供の名、姓、生年月日を含めるようにチェックアウトフィールドをカスタマイズしすぎました。YITH WooCommerce Checkout Managerを使用すると、フィールドを追加または削除し、チェックボックス、日付ピッカー、選択、ラジオボタンの両方を簡単に入力できます。さらに、データ挿入フィールドに別のスタイルを設定したり、エラーメッセージを管理したり、その配置を変更したりすることもできます。

Lastly, you have to set up a payment processor to accept payment. Our preferred processor is ストライプ, but they're many types of processors which can integrate with WooCommerce. You can also try PayPal 標準チェックアウト, 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.