制作実績 / CASE 04
Welcart での受注サイト構築(選択肢が変わる商品)
歯科医院向けに、技工物を注文するサイトです。WordPress と Welcart で構築し、商品詳細とオプションのまわりを作り替えました。配送会社のAPIとも連携しています。
- 種別
- 受注サイト(WordPress + Welcart)
- 担当範囲
- 商品詳細ページのカスタマイズ/オプション機能の拡張/配送会社APIとの連携
- CMS
- WordPress + Welcart
- 制作期間
- 約1か月
担当したこと
選ぶほど選択肢が変わる注文画面
商品ごとにオプションが多く、しかも選んだ内容によって次に選べる項目が変わります。すべてを一度に並べるのではなく、ステップを踏んで組み立てていく形にしました。
オプションでのファイル添付
注文にあたって必要なデータを、注文者が画面から添付できるようにしました。
配送会社のAPIとの連携
商品詳細の画面で集荷の日時を指定すると、注文時にその内容が配送会社へ渡り、集荷に来る仕組みです。
設計で判断したこと
選べないものを画面に出さない
条件によって変わる選択肢を並列に並べると、いまは選べない項目まで一覧に並びます。ステップに分けて、その時点で選べるものだけを見せる形にしました。
作り替える範囲を絞る
カートや決済の流れは Welcart の標準に載せ、手を入れたのは商品詳細とオプションのまわりに絞りました。標準から離れるほど、Welcart の更新に追随できなくなります。
注文のあとの手間を、注文の中で済ませる
集荷の手配を注文とは別に電話でやると、注文者にも運営側にも手間が残ります。注文した時点で集荷まで決まるようにしました。
使ったもの
- WordPress
- Welcart
- 商品オプションのカスタマイズ
- ファイルアップロード
- 配送会社APIとの連携
上の図は案件の中身を表したもので、実際の画面ではありません。 受託案件のため、サイト名・URL・画面のキャプチャは掲載していません。 具体的な実装内容をご確認されたい場合は、お問い合わせいただければ、 差し支えのない範囲でお話しします。