"ストア › 商品"で商品を作成した後は、以下の2つの方法で公開中のウェブサイトに商品を表示し、訪問者に閲覧・購入してもらうことができます。
/product/...)、すべての商品が一覧表示されるメインショップページ (/shop)、および商品カテゴリーページ (/shop/category/...)を有効にできます。"サイトを作成"で「モジュールを追加」をクリックすると、商品や価格に関連する4つのモジュールが表示されます。販売シナリオに最適なものを選択してください。
| モジュール名 | リンクされたストア商品 | カート追加対応 | ユースケースと機能 |
|---|---|---|---|
Product Showcase (product-showcase) | 1商品へのリンク | 対応（固定価格バリエーション） | 究極の単一商品販売ブロック。 左側に複数画像のギャラリー、右側に商品名、説明、バリエーション選択、価格、購入ボタン、自動統合された購入情報を配置します。単一の主力商品を強調するのに最適です。 |
Product Purchase (single-product) | 1商品へのリンク | カートなし（直接チェックアウト） | ミニマルな中央配置の購入ボックス。 画像ギャラリーはなく、バリエーション切り替えと「今すぐ購入」ボタンを直接表示します。長文のコースページ、コンサルティングサービスページ、イベント登録ページの下部に最適です。 |
Product List (product-list) | 全商品または選択したカテゴリーを表示 | 対応（商品ページまたはクイック購入ドロワー経由） | 複数商品のグリッド表示。 カテゴリーフィルター、並び替え（ベストセラー／価格／新着順）、ページネーションに対応しています。顧客が複数の商品を閲覧するストアに最適です。 |
Pricing Plans (pricing-plans) | ストア商品へのリンクなし | 非対応（表示ボタンのみ） | 視覚的な価格比較カード。 ボタンはカスタムURLまたはアンカーにのみリンクし、チェックアウトや注文作成は行われません。 手動で見積もりが必要なサービスに適しています。 |
モジュール内の商品データは読み取り専用のプレビューです：「商品表示」および「プラン選択」モジュールは、ストアのバックエンドから直接データを取得します。サイトエディターでこれらのモジュールをクリックすると、パネルでは見出しレベル（
H1～H6）の調整や、リンクする商品の切り替えのみが可能です。商品名、価格、仕様、写真を変更する場合は、パネル右上の「設定へ移動」をクリックしてストアのバックエンドで編集してください。保存後、変更内容はすべてのページに自動的に同期されます。
商品モジュールが公開サイトに表示されないのはなぜですか？ リンクされた商品に表示画像がない、すべてのバリエーションが在庫切れに設定されている、または商品がアーカイブされている場合、訪問者が不完全なセクションを目にすることがないよう、モジュールは公開サイト上で自動的に非表示になります。エディターパネルに通知が表示されます。
"サイトを作成"で左側のサイドバーにある「ページ管理」をクリックし、「ストア」タブに切り替えます。システムによって自動的に維持される3種類のストア専用ページが表示されます（これらのシステムページは、ウェブサイトの標準ページ制限数にはカウントされません）。
| システムページ名 | デフォルトの公開URL | 機能 |
|---|---|---|
| Shop Home | /shop (ページネーション: /shop/page/2) | ストアのメインゲートウェイ。固定された「Product List」コアモジュールが含まれており、購入者は全商品の閲覧、カテゴリーによる絞り込み、並び替えが可能です。 |
| Category Page Layout | /shop/category/{category-slug} | すべての商品カテゴリーで共有されるレイアウト。カテゴリー名、説明、関連商品を自動的に表示します。 |
| Product Sales Page | /product/{product-slug} | 作成されたすべての商品に対して自動生成されます。固定された「Product Showcase」コアモジュールが含まれており、上下にモジュールを追加して長文のテキストや画像コンテンツを配置できます。 |
/product/...)に移動し、ギャラリー全体、詳細な販売説明、購入情報、顧客レビューを閲覧できます。新しい商品がレイアウト設定完了前に公開されるのを防ぐため、「商品ページ」はデフォルトで「非表示」に設定されています。
「商品表示」モジュールの購入ボタンの下や個別商品ページには、バックエンドの設定に基づいてシステムが自動的に導出した「購入情報」ブロックが表示されます。手動でのメンテナンスは不要です。
約2～3日）、ストア全体の送料無料のしきい値（例：1,000元以上のご注文で送料無料）が自動的にリストアップされます。支払い後すぐにアクセス可能とマークされます。物理的な商品は"ストア › 設定 › 一般"で設定された「履行時間」が表示されます（例：1～3営業日以内に発送）。支払い後に電子インボイスを自動発行と自動的に表示されます。サイト全体の一貫性を保つため（ホームページの価格と商品ページの価格の不一致を防ぐため）、商品名、画像、価格、仕様は"ストア › 商品"で管理されています。モジュールパネル右上の「設定へ移動」をクリックしてください。変更を保存すると、エディターのプレビューが即座に更新されます。
「プラン選択 (single-product)」は、単一のコース、コンサルティングの予約、スポンサーシッププラン向けに設計されたクイック決済用の入り口であり、ショッピングカートを経由せずに直接決済へ進みます。購入者に「カートに追加」させて他の商品と一緒に決済させたい場合は、代わりに「商品表示」または「商品カタログ」モジュールを使用してください。
プロプランおよびビジネスプランでは、「ページ管理 › ストア」で「表示」に設定したすべての個別商品ページ、メインショップページ、カテゴリーページが、サイトのサイトマップに自動的に追加されます。また、システムはProduct構造化データ（価格、通貨、在庫状況、評価など）を出力するため、検索エンジンやAI検索ツールによる完全なインデックスが保証されます。