SHOPIFY PLUS
ネットショップを、別の基盤から Shopify Plus へ移した
数字で見ると
- 3言語日本語・英語・中国語
- 159項目作り込んだ項目（一覧は下記）
- 約36画面管理用アプリの画面
- 20本移行と運用のために作った処理
標準と、作り込んだもの
| STANDARDShopify の標準 | CUSTOM作り込んだもの | |
|---|---|---|
| 商品の探し方 | 分類は1階層。ページ番号で送る | 階層の URL と4階層のメニュー、価格帯のスライダー、入力中に候補が出る検索 |
| 商品ページ | 色やサイズを選んでから、1つのボタンでカートへ | 色×サイズの一覧から、在庫を見てそのままカートへ。採寸表、素材の表、モデルの情報、関連する記事 |
| ボタン | 「カートに入れる」か「売り切れ」 | 状態に合わせて5種（カート／予約／価格はお問い合わせ／再入荷のお知らせ／在庫切れの問い合わせ） |
| 価格とセール | 割引の機能で、率か額を指定 | 条件・期間・優先度つきの独自のルール。会員ランクや地域で出し分け。日本円で判定し、現地の通貨で表示 |
| ポイント | なし | 登録時と発送時に付与、注文で利用、取消で返還、365日で失効。ギフトカードにして支払いにも使える |
| 会員 | 氏名・メール・パスワード。注文履歴と住所 | 前のサイトからの移行、Google でのログイン、LINE 連携、お気に入り、ポイントの履歴、以前の注文履歴、退会 |
| 商品の登録 | 1件ずつ。翻訳や追加項目は別の画面 | 1つの画面で、言語を切り替えて入力。追加項目・翻訳・拠点ごとの在庫を含む CSV。画像はファイル名で自動で振り分け |
| 分類 | 階層はない | ドラッグで親子を付け替え。在庫のある商品を、先頭へ自動で並べ替え |
| ページと記事 | テーマの編集画面 | 管理用アプリのエディタ。共通ブロック、差し込める部品、日時を指定した切り替え、ページごとの CSS と JS |
| 海外への販売 | 言語と通貨の切り替え | 3言語、国の切り替え、配送会社の仕組みでの送料の見積もり、送料表の CSV からの一括設定 |
ストアの画面の作り込み
商品の一覧と検索12項目
- 分類を「親／子／孫」の階層の URL で表す
- 価格帯のスライダー（19段階）と、数値での指定
- 分類ごとに、絞り込み欄を出すかどうかを切り替え
- 下の階層へ移るプルダウン（名前は言語別）
- 「次へ」で48件ずつ追加し、URL に位置を残す
- 商品ごとに「一覧に出す／検索に出す／出さない」を指定
- ブランドのページで「商品」と「記事」をタブで切り替え
- 商品カードに、在庫のあるサイズを表示
- 日本語は税別と税込、海外は現地の通貨で表示。セール中は元の価格に取り消し線
- 検索は、入力を少し待って候補を表示。商品とブランド・分類を分け、一致した文字を強調
- 検索した言葉がブランド名なら、そのブランドの分類へのリンクを上に出す
- 検索結果では、在庫切れの商品を後ろへ
商品ページ22項目
- 画像と動画のスライダー。タップで拡大
- 動画は2枚目に置き、音なしで自動再生
- 色ごとにまとめ、サイズ1つずつに「在庫・お気に入り・カート」を並べる
- 在庫を4段階で表示（あり／残り1点／なし／取り寄せ）
- ボタンを5種に出し分け（カートに入れる／予約する／価格はお問い合わせ／再入荷のお知らせ／在庫切れの問い合わせ）
- 問い合わせを押すと、選んだ色とサイズがフォームに入る
- カートに入れたあと、「カートへ進む／買い物を続ける」を表示
- 画面についてくる「サイズを選ぶ」ボタン
- モデルの体型と着用サイズ
- もらえるポイントを表示（セール後の価格で計算。海外は現地通貨の目安も）
- 採寸表（用意のない言語は英語で代替）
- 素材と混率の表
- 追加情報14項目の折りたたみ表（項目名も言語別）
- 商品ごとのバナー
- 「ブランド紹介／返品・交換／採寸方法」のタブ
- 支払い方法の案内を、国内と海外で出し分け
- 色・サイズごとの在庫状況を確かめる画面
- 商品についての問い合わせフォーム
- 再入荷のお知らせ（登録→確認→完了）
- おすすめ商品。直前に見ていたページによって出し方を変える
- 関連する記事、最近見た商品
- 贈答用の商品のための別のレイアウト
カートと購入9項目
- カートを開くたびに、セール・ポイント・予約を判定し直す
- セールを2段で適用（通常のルールに、カート用のルールかクーポンを重ねる）
- 行ごとに「クーポン適用／予約商品／セール商品」のラベル
- 独自のクーポン。対象の商品がなくなれば自動で取り消し
- 数量をまとめて変更、行の削除、全部の削除
- カートの中に、支払い方法の案内
- カートが無効になっていたら、自動で作り直す
- 購入前のログイン。購入手続きの画面にも、ログインを引き継ぐ
- 画面についてくる「購入手続きへ」ボタン
会員13項目
- 登録フォーム（言語で姓名の順を変える、メルマガの希望、規約への同意）
- パスワードの強さを4段階で表示
- Google アカウントでの登録とログイン
- 前のサイトの会員の移行（メールを入れると、有効化の案内が届く）
- 初回のログインで、会員ランクなどを用意
- マイページ（会員情報、注文履歴、以前の注文履歴、ポイント、住所、お気に入り、LINE）
- 請求先と配送先を分けた住所帳。国を選ぶと、都道府県・州が切り替わる
- お気に入り（サイズ単位。前のサイトの分も引き継ぐ）
- ポイントの履歴（増減、残高、理由、有効期限）
- 前のサイトの注文履歴と詳細
- LINE との連携と解除
- 退会（パスワードの確認と、理由の入力）
- メルマガの登録と解除
ページと記事の表示11項目
- 本文の中の埋め込みを、部品に置き換えて表示（目次、商品、分類へのリンク、共通ブロック、スライダーなど9種）
- 前のサイトの記事に入っていた埋め込みも、そのまま解釈
- 目次は、見出しから自動で作る
- ページ・記事ごとに、個別の CSS と JS
- 告知バーやフッターなどの共通ブロックを、言語別に表示
- トップページや 404 のページも、管理側の本文で作れる
- ブログ一覧（言語で出し分け、タグで絞り込み）
- ブランド一覧（頭文字で絞り込み）
- 4階層までのメニューを、分類のデータから自動で作る
- スマホ用の、下に固定したメニュー
- 分類の階層に沿ったパンくず
海外と多言語7項目
- URL の先頭を言語にした、3言語の構成
- 初回はブラウザの言語で振り分け、次からは前回の言語を覚える
- 英語・中国語では、配送先の国を選べる
- カートに商品があるあいだは、言語と国の切り替えを隠す
- 画面の文言 約400件を、言語別に管理
- セールは日本円で判定し、表示は現地の通貨
- 地域を条件にした、セールや価格の非表示
計測と検索エンジン9項目
- 計測の独自イベント10種（商品の閲覧、カート、登録、問い合わせ、再入荷の登録など）
- 構造化データ8種（サイト、組織、パンくず、商品、分類、記事など）
- タイトルの組み立て（品番・商品名・ブランドなど）
- 出さない商品には、検索エンジン向けの除外の指定
- robots.txt とサイトマップを独自に出力
- 検索エンジンには、本文をすべて描いてから返す
- ページの種類ごとに、キャッシュの方針を分ける
- Cookie の同意。欧州からは、同意するまで計測を読み込まない
- 期間・会員・端末・言語で出し分ける、告知のポップアップ
管理用アプリの作り込み
商品の登録12項目
- 絞り込みの条件に名前を付けて保存
- 基本の項目・画像・バリエーション・追加項目・分類・セールの設定を、1つの画面で
- タイトルや説明を、言語のボタンで切り替えて入力
- 追加項目も言語ごとに入力。「既定の言語の値を使う」も選べる
- 表示の範囲（全部／一覧と商品ページ／検索だけ／出さない）
- 販売チャネルごと、販売地域ごとの公開
- 公開日時の予約
- バリエーションごとの、予約販売の指定
- 拠点ごとの在庫数
- 画像のドラッグでの並び替え、画像と動画のアップロード
- 商品の複製、言語別のプレビュー
- 必須の項目の入力チェック
商品の追加項目8項目
- 管理用アプリから、項目を作成・編集・削除
- 入力の形6種（1行、複数行、選択、チェック、日時、はい／いいえ）
- 必須、初期値、選択肢、説明、検索やルールで使うかどうか
- 項目名と選択肢の、言語別の表示名
- よく使う値を、ボタンで呼び出す
- 2つの項目を、横に並べて表示
- グループ分けと並び替え（編集画面と CSV の列順に反映）
- 前のシステムの属性の一覧から、項目をまとめて作成
CSV と一括の処理13項目
- 新規は作成、既存は更新。大きなファイルは分けて送り、裏で処理
- 追加項目、翻訳、拠点ごとの在庫も、同じ CSV で
- 「在庫数は触らない」を選べる
- CSV に書いた順に、画像を並べ替え
- 価格を出さない商品と予約商品を、外部の販売チャネルから自動で外す
- 翻訳用の CSV
- 取り込みの履歴と、行ごとのエラーの確認
- 取り込み中は二重に実行できないようにし、画面に表示
- 完了をメールで通知
- 書き出しは、対象・内容・言語・出す項目を選べる
- 大量の書き出しは裏で進め、1,000件ごとに分けて、できあがったらメールで通知
- 画像の一括アップロード。ファイル名で、商品・位置・バリエーションへ自動で振り分け
- 共通の画像は、軽い形式に変換
分類4項目
- ツリーで表示し、ドラッグで親子を付け替え
- 親を選んで、複数をまとめて作成
- 言語別のタイトルと説明、メニューに出すか、サイトマップから外すか
- 在庫のある商品を先に並べ替え（毎日2回と、注文のたび）
販売のルール9項目
- 名前、優先度、開始と終了、有効・無効
- 条件をグループで組み立て（いずれかに当たる／すべてに当たる／どれにも当たらない）
- 条件8種（商品への個別の指定、商品名、品番、分類、会員ランク、販売地域、追加項目、予約商品）
- 比べ方4種（等しい／含む／等しくない／含まない）
- セールの計算3種（◯％引き／◯円引き／◯円にする）
- カートで適用するセール、クーポンコードを条件にする指定
- ログインしていない人には「SALE」の表示だけを出す指定
- 価格を出さない商品の、言語別の代わりの文言
- 「保存だけ」と「保存して適用」を分ける
ポイント9項目
- 会員登録のときに付与
- 注文のとき、もらえる予定のポイントを注文に記録
- 使ったポイントを、古い付与分から順に消し込み。どこから何ポイント使ったかを記録
- 発送のときに付与し、二重に付けないための印を残す
- 取消のときに、使った分を返す
- ポイントをギフトカードにして、支払いに使う
- 顧客ごとの、手動の付与・没収・履歴の修正
- 期限切れの処理を、毎日実行
- 会員ページ向けの履歴
注文・予約・配送6項目
- 予約商品を含む注文で、予約分の下書きの注文を自動で作成
- 支払い方法を表す印を、注文に自動で付ける
- 前のシステムの注文を取り込み、本人だけに見せる
- 配送会社の仕組みにつないで、送料を見積もり
- 送料表の CSV から、国ごとの配送の設定と重さ別の料金をまとめて作成
- 在庫のある拠点の名前を、商品へまとめて反映
ページと記事の編集7項目
- 告知やフッターなどのブロックを、言語別に管理。日時を指定して切り替え
- 「文字のまま」と「見たまま」の、2通りのエディタ
- ファイルの一覧とアップロード
- ブロックや部品（商品、最近見た商品、分類へのリンク、目次）を、本文に差し込む
- 固定ページ（言語別、テンプレート4種、ページごとの CSS と JS）
- 記事（言語別、公開日時、関連する商品の紐付け、よく使うタグ）
- 問い合わせの保存、自動の返信、対応の状況とメモ
前のサイトからの移行8項目
- 属性の一覧から、追加項目を作成
- 分類を3言語で取り込み、階層を再現
- 商品を一括で流し込み、在庫・追加項目・翻訳・画像を順に反映
- 前の商品の番号と、新しい URL の対応表
- 会員（住所、ランク、お気に入り、ポイントの履歴と残高）。住所を補えない会員は、別のファイルへ分ける
- 記事を3言語で取り込み
- 以前の注文と明細
- サイトマップを言語別に作成