ECサイトの作り方|必要ページ・商品登録・公開前チェック

EC・ネットショップ|ネットショップ・ECサイトのホームページの作り方|ページ構成・必要な機能・費用の目安

ECサイトを作るときは、販売する商品、購入までのページ、受注・発送の担当を先に決めます。そのうえで、条件に合うカートサービスを選び、商品情報・決済・配送を設定して公開前の動作を確認します。

この記事は、国内向けに自社のネットショップを開設する担当者のための準備ガイドです。必要なページ、商品登録の記入例、公開までの手順をまとめました。サービス自体の選定はECサイト構築方法の比較で詳しく扱います。

目次

開設前に決める販売条件と担当

デザインの依頼前に、何をどこへ販売し、誰が発送できるかを整理します。販売条件が決まっていれば、必要な機能と制作範囲を見積もりに含められます。

スクロールできます
決めること記入例:国内向けの布小物店制作への影響
商品と種類ポーチ・バッグ20商品、色違いを含め40SKU商品数と、色・サイズ別に管理するSKU数を分ける
販売地域・配送国内のみ。地域別送料、離島の扱いも決める配送先別の送料設定と表示が必要
発送・問い合わせ担当店舗担当が受注と発送、責任者が返品判断管理権限、通知先、引き継ぎ手順を決める
支払いと在庫希望する決済方法、店舗と共有する在庫決済審査と在庫の更新方法を確認する
公開の条件原稿・写真・販売条件が揃い、テストに合格した後日付だけで公開を決めず、承認担当を置く

これは架空の準備例です。予約販売、デジタル商品、法人向け卸売、定期購入では、引渡し・在庫・会員の要件を変えてください。

ECサイトに必要なページと掲載内容

購入者が商品を探し、条件を確認して注文できる順番でページを用意します。下表のURLは設計例で、カートサービスが定めるURLに合わせて調整します。

スクロールできます
ページ・URL例掲載内容確認すること
トップ:/商品カテゴリー、店の紹介、新着商品初めて訪れた人が販売商品と一覧への入口を理解できるか
商品一覧:/products/商品名、写真、価格、分類品切れ、色・サイズ違いをどう表示するか
商品詳細:/products/item-01/仕様、写真、価格、在庫、発送目安、注意点注文する種類を選べるか。送料・返品条件へ進めるか
カート:/cart/商品、種類、数量、小計数量変更・削除・買い物の続行ができるか
購入手続き:/checkout/配送先、決済、送料、最終確認申込み内容を確認・訂正できるか
ご利用ガイド:/guide/支払い、配送、返品、問い合わせ商品や最終確認画面と条件が一致するか
販売者情報:/law/特定商取引法に基づく販売条件と事業者情報実際の販売条件を反映しているか
個人情報の取扱い:/privacy/利用目的、取扱い、問い合わせ先など注文・問い合わせの入力前に必要な説明を確認できるか
店舗紹介・お問い合わせ:/about/、/contact/運営者、商品づくり、連絡方法対応する窓口と受付条件が分かるか
読み物:/blog/手入れ方法、使い方、選び方継続して更新できる場合に設ける

販売条件の表示と最終確認画面

特定商取引法の対象となる通信販売では、価格・送料、支払い、引渡し、返品条件、販売者情報などの表示が必要です。必要な情報を「特定商取引法に基づく表記」にまとめ、商品ページからも参照できる構成にします。住所・電話番号等の一部省略には、請求時に遅滞なく情報を提供する措置などの条件があります。個人事業主やプラットフォーム利用という理由だけで省略できるとは判断しないでください。消費者庁の通信販売ガイドで条件を確認できます。

表記ページを用意するだけでなく、注文を確定する直前の画面も確認します。 商品の分量、送料を含む価格、支払い時期・方法、引渡し時期、申込期限がある場合の内容、返品・解除条件を確認でき、入力内容を訂正できる構成にします。定期購入は回数・総額・解約条件を販売形態に合わせて確認します。決済サービスの審査は、各社が定める条件も確認してください。

個人情報については、注文フォームなどで直接取得する際の利用目的の明示を確認します。「プライバシーポリシー」という名前のページがあるだけで対応が終わるわけではありません。入力前に読める配置と実際の取扱いを揃えます。根拠は個人情報保護委員会の通則編ガイドラインです。

商品登録の記入例と写真の準備

商品ページは、購入者が現物を見なくても、種類・大きさ・使い方を判断できる情報を揃えます。写真の必要枚数は商品によって変わるため、固定の枚数より、伝える内容を決めて撮影します。

スクロールできます
登録項目架空のポーチの記入例公開前の確認
商品名・管理番号帆布ポーチ S/POUCH-S似た商品と区別でき、管理番号が重複しない
種類・在庫生成り:POUCH-S-IV、紺:POUCH-S-NV色別の価格・在庫・写真が対応している
サイズ・素材幅18×高さ12cm、綿100%。実物仕様を確認して入力寸法の測り方、誤差、素材表示を確認する
写真全体、内部、使用時の大きさ、色違い写真と実際に選択した種類が一致する
価格・販売単位1点の税込価格を入力税表示、セット数、追加料金が明確になっている
発送・手入れ実際の発送目安と、検証した洗濯・手入れ方法を入力ご利用ガイドと矛盾せず、未確認の効果をうたわない

商品情報は管理番号をキーに一覧化し、写真のファイル名も対応させます。原稿作成・撮影・登録を外注する場合は、商品数だけでなく、種類数、写真の加工、修正回数、登録後の確認まで依頼範囲に含めます。

必要な機能と、後から追加する機能

最初に販売を成立させる機能を確認し、会員・レビュー・ポイントなどは事業の条件から判断します。機能名が同じでも、標準で使える範囲、追加アプリの料金、対応する決済方法は異なります。

スクロールできます
機能初期公開で確認する内容条件によって追加する内容
カート・決済対象商品の購入、希望する決済、キャンセル時の処理法人請求、分割、定期課金
商品・在庫種類別の登録、在庫切れ表示、更新する担当店舗・モール・倉庫との在庫連携
配送・送料地域・商品別送料、送料無料条件、発送通知日時指定、冷蔵配送、店舗受取
受注・返金注文通知、処理状況、返品・返金を管理する方法送り状・会計・倉庫システム連携
顧客・会員ゲスト購入の可否と、必要な会員条件会員価格、購入履歴、ポイント
権限・データ担当別の権限、認証、データの出力・復旧方法複数拠点・外部委託の権限管理

一般向け販売ではゲスト購入を候補にします。一方、会員限定販売や法人卸売はログインが前提となる場合があります。自社の条件で実際に購入できるかを確認し、「会員登録が必要だから失敗」と一律には判断しません。

トップページと商品への導線

トップでは商品カテゴリーへの入口を分かりやすくし、写真、商品名、価格から一覧・詳細へ進めるようにします。店の背景は購入判断に必要な説明として配置し、商品を探す操作を妨げない長さに整えます。

ロゴ / カート メインビジュアル 一覧を見る 選ばれる理由 料金・送料・よくある質問
ネットショップ・ECサイトのトップページの構成例
商品カテゴリーと一覧への入口を配置した構成例です。

スマートフォンでは、商品写真、種類の選択、価格、購入ボタンの順に確認します。固定ヘッダーや下部ボタンで操作部分が隠れないか、送料・返品へのリンクが読めるかも点検します。公開例は美容・コスメ、食品・飲料、アパレル、インテリア・家具のデザイン記事で確認できます。

公開までの手順と公開前チェック

  1. 販売条件、商品一覧、担当、公開の承認者を決める。
  2. カート候補に必要な機能と運用条件を照合し、決済審査などの所要日程を確認する。
  3. 原稿・写真・販売者情報を揃え、商品と配送・決済を設定する。
  4. ページと通知文を作り、PC・スマートフォンで購入までの操作を確認する。
  5. 担当者が受注・発送・返品のテスト結果を確認し、公開を承認する。
  6. 公開後に商品・送料・通知・計測を確認し、問い合わせと購入の状況を記録する。
スクロールできます
場面確認する操作・表示担当が残す記録
商品を選ぶ色・サイズを変更し、品切れを選べないか確認確認した商品・種類・端末
カートと送料数量変更、配送地域変更、無料条件の境界を確認計算条件と表示された金額
注文を確定する前販売条件・総額を確認し、内容を訂正する最終確認画面と訂正方法
テスト注文提供サービスのテストモードで決済・通知・在庫を確認テスト手順、結果、未対応事項
発送・返品送り状、発送通知、キャンセル・返金の手順を確認操作担当と判断する責任者
公開・運用テスト設定の解除、管理権限、計測と復旧手順を確認承認日、更新担当、障害時の連絡先

テストモードの有無と制限は提供会社の手順で確認します。実決済が必要になる場合は、請求・返金・通知・在庫への影響を先に整理します。確認漏れは担当と期限を付けて残し、販売条件や決済に関わる不備を公開後へ持ち越さないようにします。

公開後は流入元、商品閲覧、カート、購入の各段階を分けて記録します。検索ではブランド名だけでなく、商品名・用途・選び方など自社の商品に合う問いを検討します。集客施策は販売状況を見ながら選び、サイトの公開だけで注文や検索上位を保証するものではありません。

制作費用を見積もるために揃える情報

費用は、ページ数、商品・種類数、写真と原稿、カスタマイズ、データ移行、外部連携、保守の範囲で変わります。カートの利用料と制作会社への依頼費用は分け、同じ条件で見積もりを比べます。

  • 初期公開する商品数・SKU数、写真の支給状態、原稿・登録の担当。
  • 必要なページと、決済・送料・会員・外部連携の条件。
  • 既存店から移す商品・顧客・注文データと、旧URLの対応。
  • 公開後に自社で変更する箇所、操作説明、更新・障害対応の依頼範囲。
  • 税区分、追加作業、月額利用料、アプリ、決済・振込手数料、契約終了時の費用。

構築方法ごとの費用の比較表はECサイト構築方法の比較、依頼先はECサイト制作会社30社の比較で確認できます。

商品・更新の担当や、見積もりの制作範囲が決まらない場合は、SHIKUMIを運営するMOTOKI合同会社へサイト制作・リニューアル・運用の相談をお寄せください。取扱商品、必要な機能、現在のサイトを添えると、相談する範囲を整理できます。

よくある質問

ブログやレビューは最初から必要ですか

商品説明と購入手続き、販売条件を先に揃えます。ブログは更新する担当と題材を用意できる場合、レビューは投稿・確認・削除の運用を決められる場合に追加します。

開設までにどのくらいの期間を見込めばよいですか

サービスの設定だけでなく、商品原稿・撮影・決済審査・配送準備・動作確認の日程を確認します。独自機能やデータ移行がある場合は検証工程も必要です。担当と承認期限を決め、未確認の工程を含めた一律の日数で約束しないようにします。

確認日:2026年10月3日。販売条件やサービス仕様が変わった際は内容を見直します。次回確認の目安は2027年1月です。

CONTACT

お問い合わせ

成果を出すホームページ制作は私たちにおまかせください。
まずはお気軽にご相談を!

目次