ECカートなしで商品販売を実現。注文フォームと、注文後にメールで送れる決済システムを組み合わせ、学校行事向けのフォトスポット幕の販売サイトをWordPressで新規に立ち上げ

業種:学校行事向けの幕の販売 従業員数:50〜100名

ECカートを使わずに、学校行事向けのフォトスポット幕の販売を始めた事例です。
WordPressの注文フォームと注文後にメールで送れる決済システムを組み合わせ、主要なキーワードで検索1〜3位に表示されています。
商品の登録も社内で完結できます。

  • EC運用改善
  • ECサイトリニューアル
  • 事業立ち上げ
  • UI/UX設計

こんな状態のサイトに向けた事例です

  • 新しい商材をネットで売りたいが、ECシステムの費用に見合う注文が来るかわからない
  • 注文のあとに内容の確認ややりとりが必要で、カートで支払いまで済ませる流れが合わない
  • 受注後の社内の流れや、社内のシステムとのつなぎ方がまだ決まっていない
  • 商品の追加や変更を、社内だけで行えるようにしたい
課題
新しい商材のネット販売を始めたいが、受注後の流れや社内のシステムとの連動が決まっておらず、ECシステムを入れるには早い段階だった
提案
WordPressで購入ページのような注文フォームを作り、注文を受けてからメールで送るリンクで支払ってもらう形にした
結果
主要なキーワードで検索1〜3位に表示されるようになり、初年度から想定を上回る売上になった

仕組みの全体像

流れ すること 仕組み
選ぶ お客様が、商品ページでサイズや素材を選ぶ 選んだ組み合わせに応じて、商品IDが自動で決まる
注文する お客様が、注文フォームに入力して送る WordPressで作った、購入ページのような注文フォーム
支払う 社内で注文内容を確かめたあと、お客様がメールで届くリンクから支払う クレジットカードなどに対応した、外部の決済サービス
商品を更新する 社内の担当者が、商品を登録・変更する WordPressの管理画面に作った、商品登録の画面

導入前の状況

新しい商材を、ネットで売り始めたい

クライアント様は、学校の行事やイベントで使うフォトスポット幕(記念撮影の背景にする幕)の販売を、新しくネットで始めようとしていました。探す人が限られる商材のため、大手のECモールに出すよりも、検索で探している方に直接見つけてもらうほうが合っていました。

受注後の流れは、まだ決まっていなかった

新しい事業のため、注文を受けたあと社内でどう処理するか、社内の基幹システム(受注や請求などを管理する社内のシステム)とどうつなぐかはまだ決まっていませんでした。一方で、お客様には通販サイトと同じように商品を選んで注文してもらえるようにしたい、というご要望がありました。

設計判断1:まず注文フォームで始め、ECシステムはあとで判断する

ECシステム(カート、決済、受注の管理をまとめて備えた仕組み)を入れれば、カートに入れてその場で支払いまで済ませる流れが最初からそろいます。注文が増えたときも、受注の処理をまとめて行えます。

ただ、この時点では次の理由から、注文フォームで始めることにしました。

  • 小さく始める:どれだけ注文が来るか見えない段階で、導入と運用の費用をかけない
  • 社内のシステムとのつなぎ方は、あとで決める:受注の流れが固まってから、基幹システムとどうつなぐかを決められるようにする
  • 注文を、問い合わせのように受ける:受注後の流れが決まっていないため、注文を受けた時点で社内が内容を確かめ、そのあとで支払いに進んでもらう
比べた点 ECシステムを入れる 注文フォーム+外部決済(今回)
始めるまでの費用導入と月々の費用がかかる抑えられる
支払いのタイミング注文と同時社内で注文内容を確かめてから
社内のシステムとの連動ECシステムに合わせて決める受注の流れが固まってから決められる
画面の作りECシステムの仕組みの範囲で作る商材に合わせて自由に作れる

設計判断2:サイズと素材の組み合わせごとに、商品IDを自動で決める

ECシステムには、サイズや素材などの組み合わせごとに商品を管理する仕組みが備わっています。注文フォームで受ける形には、その仕組みがありません。そのままでは、注文が届くたびにどの組み合わせの商品なのかを社内で確かめる手間がかかります。

そこで、商品ページでサイズや素材を選ぶと、その組み合わせに応じた商品IDが自動で決まり、注文フォームに引き継がれるようにしました。この切り替えは、JavaScript(ページを開いたあとに、ブラウザ上で表示や値を切り替える仕組み)で行っています。注文を受けた側は、商品IDを見ればどの商品のどの仕様かがわかります。

商品IDの決まり方(イメージ)

商品ページでサイズと素材を選ぶと、その組み合わせに応じた商品IDが決まり、注文フォームに引き継がれる流れの図
商品IDの決まり方。サイズと素材の組み合わせから商品IDが決まり、注文フォームに引き継がれる

取り組み

1. 探し方に合わせて、カテゴリを決める

お客様が商品を探すときの分け方に合わせて、カテゴリを設計しました。カテゴリは、検索で探されるキーワードとも対応させています。

2. 購入ページのような注文フォームを、WordPressで作る

商品一覧から商品ページ、注文フォームまでを、通販サイトと同じ流れで進めるようにしました。注文フォームは、WordPressの上で画面を一から作っています。ECシステムの仕組みに合わせる必要がないため、商材に合わせた画面にできました。

注文を受けたあとは、社内で内容を確かめ、決済用のリンクをメールで送ります。決済には、クレジットカードなどに対応した外部の決済サービスを使っています。

注文フォームと支払いまでの流れ(イメージ)

商品ページで選んだ商品と仕様が引き継がれた注文フォームのワイヤー。送信後に、決済用のリンクがメールで届く流れを示している
注文フォーム。送信後、社内で内容を確かめてから、決済用のリンクをメールで送る

3. 商品の登録・変更を、社内で完結させる

商品はすべて既製品です。商品名、商品画像、サイズ、カテゴリなど、商品に関わる項目はすべて社内の担当者が登録・変更できるよう、WordPressの管理画面に商品登録の画面を作りました。新しい商品を出すときも、社外に頼む必要はありません。

4. 検索エンジンに、何のページかが伝わる土台を作る

新しく立ち上げるサイトのため、検索で見つけてもらえることが集客の前提でした。各ページが何のページなのかが検索エンジンに正しく伝わるよう、ページの情報やサイト内のつながりを整えています。あわせて、学校の行事やイベントで使う幕を探す方が使うキーワードを軸に、サイトの構成とページの内容を組み立てました。

改善施策の結果について

主要なキーワードで、検索結果の1〜3位に安定して表示されるようになりました。売上は初年度から想定を上回っています。

ECシステムを入れずに始めたことで、初期の費用と運用の費用を抑えて販売を始められました。商品の追加や変更は、社内だけで行えています。受注の流れを実際の注文で固めながら、基幹システムとの連動やECシステムを入れるかどうかをあとから決められる形になっています。

支援の概要

業種
学校行事向けの幕の販売
従業員数
50〜100名
システム
WordPress、外部の決済サービス
支援期間
3〜4か月程度
担当範囲
事業設計(ECシステムにするか、フォーム注文にするか)、カテゴリ設計、商品IDの設計、商品ページの設計、注文フォームの設計・実装、CMS開発(商品登録の画面)、テクニカルSEO

※記載の内容は支援当時のものです。

新しい商材を、小さくネットで売り始めたいときに

ECシステムを入れるか注文フォームで受けるかは、商材や受注後の流れによって変わります。今の状況をうかがったうえで、どの形で始めるかからご提案します。

関連する事例

改善事例をすべて見る