制作実績 / CASE 04

Welcart での受注サイト構築(選択肢が変わる商品)

Welcart での受注サイトのイメージ図。ステップで選ぶ商品オプションと、配送会社との連携CASE 04

歯科医院向けに、技工物を注文するサイトです。WordPress と Welcart で構築し、商品詳細とオプションのまわりを作り替えました。配送会社のAPIとも連携しています。

種別
受注サイト(WordPress + Welcart)
担当範囲
商品詳細ページのカスタマイズ/オプション機能の拡張/配送会社APIとの連携
CMS
WordPress + Welcart
制作期間
約1か月

担当したこと

  • 選ぶほど選択肢が変わる注文画面

    商品ごとにオプションが多く、しかも選んだ内容によって次に選べる項目が変わります。すべてを一度に並べるのではなく、ステップを踏んで組み立てていく形にしました。

  • オプションでのファイル添付

    注文にあたって必要なデータを、注文者が画面から添付できるようにしました。

  • 配送会社のAPIとの連携

    商品詳細の画面で集荷の日時を指定すると、注文時にその内容が配送会社へ渡り、集荷に来る仕組みです。

設計で判断したこと

  • 選べないものを画面に出さない

    条件によって変わる選択肢を並列に並べると、いまは選べない項目まで一覧に並びます。ステップに分けて、その時点で選べるものだけを見せる形にしました。

  • 作り替える範囲を絞る

    カートや決済の流れは Welcart の標準に載せ、手を入れたのは商品詳細とオプションのまわりに絞りました。標準から離れるほど、Welcart の更新に追随できなくなります。

  • 注文のあとの手間を、注文の中で済ませる

    集荷の手配を注文とは別に電話でやると、注文者にも運営側にも手間が残ります。注文した時点で集荷まで決まるようにしました。

使ったもの

  • WordPress
  • Welcart
  • 商品オプションのカスタマイズ
  • ファイルアップロード
  • 配送会社APIとの連携

上の図は案件の中身を表したもので、実際の画面ではありません。 受託案件のため、サイト名・URL・画面のキャプチャは掲載していません。 具体的な実装内容をご確認されたい場合は、お問い合わせいただければ、 差し支えのない範囲でお話しします。

同じような要件でも、
まずはご相談ください

できること・できないこと、費用と納期の見込みをお伝えします。
すでにお決まりの要件があれば、そのままお送りください。