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

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

この仕事を引き受けたとき、私たちは、開発に膨大な時間を費やしたり、マルチ・プラグインのフランケンシュタイン・エフェクトを作成したりすることなく、学校向けのeコマース機能を構築するのに役立つニッチなプラグインを見つけることが難しいことに気づきました。

Barn2Kが WooCommerce Product Tableプラグインを開発し、商品をグリッドで表示できることを発見し、嬉しく思いました。そこで、学校のウェブサイトにどのように実装したかをご紹介します。

#1 WooCommerceプラグインのインストール

まず、ウェブサイトのeコマース機能としてWooCommerceが必要です。このeコマースプラグインは無料で簡単に使えます。 WooCommerceの歴史と WooCommerceの30分セットアップチュートリアルです。

#2 すべてのセッション／キャンプの説明と、コンバージョンに役立つビジュアルを含むランディングページを追加する。

そのため、商品ページだけでは不十分なこともあり、商品をグリッドで表示するだけではワクワクしないので、綿密に計画されたランディングページを作成することが不可欠です。HubSpotのこの記事 -2019年に見るべき最高のランディングページデザイン例19選から、素晴らしい例や情報を見つけることができます。

これがその例だ：

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

このパートでは、WooCommerce Product Tableプラグインで 各週またはセッションを商品として追加しました。商品をグリッドに表示する方法はいくつかあります。ショートコードを編集して、画像を入れたり、カートに入れるボタンの代わりにチェックボックスを使ったり、カスタマイズしたフィールドを追加するなど、表示したい項目を変更することができます。

機能一覧はこちら：https://barn2.co.uk/kb/product-table-options/

ショートコードを使います：[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"].

例

#3 子供の情報を含むようにチェックアウト欄をカスタマイズした。

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

最後に、支払いを受け入れるために支払いプロセッサーを設定する必要があります。私たちが推奨するプロセッサーはStripe ですが、WooCommerceと統合できるプロセッサーはたくさんあります。また、Paypal Standard Checkoutを試してみることもできます。

Barn2Kの WooCommerce Product Tableプラグインを使用することで、カスタムコーディングを必要とせず、クライアントが望むものを実現した結果に、クライアントは非常に満足しています。もしあなたの学校サイトでサマースクールプログラムを構築することに興味があれば、ぜひご連絡ください。私たちは喜んでお手伝いさせていただきます。お気軽にコメントください。