Commerce Studio とショップ

ランドリー向けに作られたサービスストアです。カタログ、ショッピングツール、集荷付きチェックアウト、決済、見積専用サービスを備えています。

ドキュメントホーム › Commerce Studio とショップ

動画チュートリアルを見る

EP 8 · WooCommerce Laundry Shop: Search, Filters, Quick View & Compare · 4:15 · YouTube

その他の動画チュートリアル

カタログとサービス情報

管理画面のパス: Products → All Products → Edit

通常どおり、名前、価格、短い説明、詳細な説明、画像、在庫、商品カテゴリーを設定します。General の商品データパネルには、Price unit、Typical turnaround、What is included、Before collection、Care limitations の項目もあります。

自社で提供できるサービス内容のみを入力してください。空欄の項目は表示されません。デモの価格とテキストは例ですので、公開前に置き換えてください。既存の商品画像は保持されます。

ショップとニッチ別ストア

メインの Shop ページでは、公開済みのすべてのカタログサービスを検索できます。訪問者は、ランドリーの専門分野、上限価格、在庫状況で絞り込み、サービス名、価格、新着順で並べ替えられます。検索、フィルター、ページ送りの更新では、ページは再読み込みされません。

105 のニッチショップページは、それぞれ独自の商品マッピングを使用します。Gutenberg、Elementor、WPBakery、Classic の各バージョンは、同じカタログコンポーネントを呼び出します。周囲のネイティブセクションは、対応するエディターで編集してください。

ショートコードは、Gutenberg のショートコードブロック、Elementor のショートコードウィジェット、WPBakery のテキストブロック、または Classic Editor で使用します。

[laundryes_woocommerce_store niche="laundromat"]
[laundryes_commerce_store]

ニッチを指定しない場合、認識されたニッチページでは、そのページ自身のニッチが使用されます。通常のページでは、ショートコードはカタログ全体を表示します。

ショップの見出しと紹介文: Appearance → Customize → Washlora shop

ショッピングツール

ツール動作
クイックビュー最新の価格、画像、サービスの説明、ケアの詳細を表示します。購入可能なシンプルなサービスは、AJAX によるカートへの追加に対応しています。オプションのある商品は、商品ページへのリンクになります。
保存済みサービスこのブラウザーに最大 30 件の商品 ID を保存します。アカウント間やデバイス間では同期されません。価格と在庫状況は、リストを開くたびに更新されます。
比較最大 4 つのサービスを並べて比較します。WooCommerce の現在の価格と、入力したケアに関する情報が使用されます。
ランドリーバッグカートドロワーには、実際の WooCommerce のカート、小計、削除コントロール、カートとチェックアウトへのリンクが表示されます。
商品注文バー固定表示のバーから、訪問者は商品の通常のオプションと数量のフォームに移動できます。実際のカート価格は WooCommerce が計算します。

集荷とチェックアウト

チェックアウトには、希望集荷日、集荷の時間帯、ケアの希望、指示事項が含まれます。Cart と Checkout はネイティブの WooCommerce ブロックのままで、My Account も WooCommerce のアカウントエリアのままです。クーポン、税金、配送、関連商品、クロスセル、注文履歴は、WooCommerce の設定に従います。

検証ルールと、予約日は対応枠を確保するものではなくリクエストであるという注意点については、予約、集荷、オペレーションをご覧ください。

決済と公開

公開テーマデモでは、バーチャルなランドリーサービスを含め、WooCommerce ネイティブの代金引換が有効になっており、Pay on collection or delivery というラベルが付いています。チェックアウトでカードに請求されることはありません。タイトル、説明、指示、配達の制限は、WooCommerce → Settings → Payments → Cash on delivery で編集できます。

注文を受け付ける前に:デモの商品と価格を置き換え、サービス対応エリアと対応可能な時間を設定し、通貨、税金、配送のルールを設定し、メールの配信を確認し、プライバシーと返金に関する規定を追加して、エンドツーエンドのテスト注文を完了してください。実際の決済処理は、このドキュメントのためにテストされていません。

ランドリーショッピングの設定

管理画面のパス: WooCommerce → Settings → Products → Washlora shopping

デモ:Laundry bag care。編集可能な 3 種類のバッグサイズとサンプル価格が設定されています。

見積専用サービスとケアガイド

  1. サービスを編集し、Product data → General を開きます。
  2. Quote only を有効にし、公開済みの問い合わせページの ID を設定します。
  3. すると、サービスに Priced after assessment と表示され、そのページへのリンクになります。バリエーションを含め、WooCommerce の商品検証により直接購入は無効になります。通常の小売商品は引き続き購入できます。
  4. 移動先のページに問い合わせフォームを追加し、配信を設定します。法人向けデモでは Contact Form 7 を使用しています。注文の作成、対応枠の確保、お客様への請求は行いません。

Product data → General で Garment care guide を設定すると、サービスページに折りたたみ式の準備ガイドが表示されます。受け付ける衣類に合わせた具体的なアドバイスにしてください。空のガイドは表示されません。

デモ:Commercial linen care assessment。

カタログの検索、並べ替え、フィルターは、共有可能な URL の状態を保持します。再読み込みやブラウザーの「戻る」ボタンで選択したフィルターが復元され、Reset でクリアされます。固定表示の注文バーはネイティブのバリエーション変更に追従し、AJAX で描画されるサービス情報でも価格の単位が維持されます。

機能の範囲

ショッピング体験の参考として、他のコマース向けテーマを検討しました。Washlora は完全な機能同等性を謳うものではなく、他のテーマの独自コードをコピーすることもありません。

機能Washlora の対応状況
ライブ検索、AJAX フィルター、クイックビュー、比較、保存済みサービス、カートドロワーCommerce Studio に含まれます
サービスオプションのボタン、閲覧履歴、グリッド表示とリスト表示、リンクされたアドオン、アカウントのショートカット、価格の単位含まれます
見積専用サービス、衣類ケアガイド、共有可能なフィルター状態含まれます
ウィッシュリストのアカウント間同期含まれません — 保存済みサービスはデバイス内にのみ保存されます
動的なバンドル割引、無料ギフト、入荷待ちメール、カゴ落ち回復、価格アラート含まれません
自動の定期課金、容量に基づく集荷枠含まれません
他のテーマのビジュアルなコマーステンプレートビルダー含まれません — Washlora は独自の 4 エディター方式を維持します
決済WooCommerce ネイティブのチェックアウトです。銀行振込とオンラインプロバイダーには、加盟店としての設定が必要です。

ショップのトラブルシューティング

Care Commerce のアップデート

アカウントリスト、サービス割引、ケアバンドル、画像ツール、設定手順(英語)。