Goods Online Shop
雑貨・小物のECサイト。JSON管理またはmicroCMSで商品を運営、Stripe連携で販売開始
AIに紹介されるネットショップテンプレート
「〇〇が買えるお店を教えて」とAIに聞かれたとき、あなたのショップが候補に上がる設計が最初から入っています。
- llms.txt — AIにショップの情報を伝えるファイル
- robots.txt — AIクローラーの巡回を許可する設定
- sitemap.xml — 全ページの存在をAIに伝えるファイル
- README — 設置方法のガイド付き
YOUR-DOMAINを自分のURLに書き換えてサーバーにアップするだけ。
それだけでAI検索に対応したショップになります。
商品をJSONまたはmicroCMSで管理できる雑貨・小物向けECサイトテンプレート。Stripe Checkout による単品購入フロー、レビュー・お気に入り・ランキング・検索モーダルを完備。2つの運用モードから選んで販売をスタートできます。
2つの運用方法から選べます
このテンプレートは、知識・環境に合わせて2通りの更新方法に対応しています。
どちらの方法でも同じデザインのブログを運営できるので、自分のスタイルに合った方法を選んでください。
JSON ファイルで商品管理
ご購入後すぐに使えるファイルをお届けします。商品の更新はFTPでJSONファイルを書き換えるだけです。
ご購入後、当店がJSON版として設定済みのファイルをお届けします。商品の追加・価格変更はFTPソフト（FFFTP・Cyberduck等）でサーバーにアクセスし、products.jsonを編集するだけ。管理画面もデータベースも不要で、月額CMS費用がかかりません。
- FTPの操作経験がある方
- テキストを直接編集できる方
- 月額費用を抑えたい方
- デザインをカスタマイズしたい方
microCMS で商品管理
ご購入後すぐに使えるファイルをお届けします。スマホの管理画面から商品の写真・価格をコード不要で更新できます。
ご購入後、当店がmicroCMS接続済みのファイルをお届けします。管理画面から商品名・価格・説明・写真をフォームに入力して「公開」を押すだけでサイトに即反映。コードは一切不要です。新商品の追加や価格変更をスマートフォンからすぐに対応できます。
- コードが全く分からない方
- スマホから商品を管理したい方
- 新商品や写真をよく更新する方
- 店舗オーナー・個人販売者
このテンプレートの特徴
Stripe決済リンクについて
このテンプレートはStripeの管理画面で商品ごとに決済リンクを作成し、products.jsonに設定する必要があります。一度設定すれば管理画面を再度開く必要はなく、安定した決済フローを提供できます。なお、複数商品を同時購入する場合は商品ごとに個別の決済ページへ誘導される仕様となります。
JSON / microCMS 商品管理
data/microcms-config.json の mode 1行を変えるだけで、JSONファイル管理 ↔ microCMS管理画面更新を切り替え可能
Stripe 決済
Stripe Checkout で安全な購入フローを実装。テストモードで即動作確認可
レビュー機能
星評価・コメントを reviews.json で管理。一覧・詳細ページへ自動注入
お気に入り機能
localStorage でお気に入り管理。専用一覧ページ付き
ランキング・新着
ranking.json でランキング順を管理。トップページに自動表示
カテゴリ・価格フィルター＋検索
カテゴリ・価格帯チェックボックス、キーワード検索モーダル完備
フルレスポンシブ
スマートフォン〜デスクトップ完全対応
含まれるファイル
購入後すぐに使い始められるよう、必要なファイルをすべてセットにしてお届けします。
サンプルデータも付属しているため、構成を理解しながら置き換えるだけで本番環境に対応できます。
- index.html（トップページ）
- list.html（商品一覧・フィルター）
- detail.html（商品詳細・レビュー）
- cart.html / mypage.html / login.html / favorite.html
- success.html / cancel.html（決済完了・キャンセル）
- assets/js/ app.js（全機能統合）
- assets/css/ style.css
- data/products.json（商品サンプル）
- data/categories.json / ranking.json / reviews.json
- data/microcms-config.json（microCMS接続設定）
- api/checkout.js（Stripe Checkout API）
- package.json / .env.example
技術仕様・動作環境
選べるお任せサーバーサービス
サーバーの準備・設定・メンテナンスをすべてお任せいただけるホスティングプランです。
テンプレートご購入後、そのままお申し込みいただくだけで公開まで一貫してサポートします。
気軽にはじめる、サブドメインプラン
- アドレス
****.blue-leaf-studio.blog - サーバーBlue Leaf Studio 管理サーバー
- SSL無料 SSL 標準装備（https 対応）
- メール追加料金なし
- ドメイン費用不要（サブドメインを使用）
本格運用、独自ドメインプラン
- アドレスお好きな独自ドメイン（取得費はご負担）
- サーバーサーバー代金込み・年払い
- SSL無料 SSL 標準装備（https 対応）
- メール追加料金なし
- メンテナンス込み（定期更新・トラブル対応）
Goods Online Shop を使い始めませんか？
セットアップでお困りの方はお気軽にご相談ください。
DB設定代行・フルサポートプランもご用意しています。