9件の完全なデモ

商品カタログを備えたECサイト向けWordPressテーマ

これらの9件のCanvasデモは、まずショップとして作られています。いずれか1つをインポートすると、カタログ、商品ページ、カート、チェックアウトがすべてそのデモのデザインで届き、差し替え用のデモ商品106点も含まれます。

更新日:

デモ一覧

9種類のストアデザイン、合計115ページ

それぞれがWebサイト全体としてインポートされます。商品とそのカテゴリー、ページ、メニュー、フォーム、すべてのWooCommerce画面を含み、すべて編集可能です。購入前にライブプレビューでご確認いただけます。

なぜこのページは9件なのか?ほかのページでは21件のストアとして数えています。カタログには、動作するWooCommerceストアをインポートできるデモが21件あり、このページの9件は一般的なショップです。残りの13件は、ストアを別の種類のサイトに組み込むもの、または1シーズンや1つの工芸品のためのストアです:Bag Store、Barber Shop、CanvasRoam、Christmas Store、Conference、Fashion Store、FORM 2026、Game of Canvas、Illustrator、Jewelry Boutique、Podcasts、Pottery Shop、Wine Estate。21件すべてはWooCommerceページにあります。

カタログ

商品レコードを1件編集すると、すべてのグリッドに反映されます

デモのコレクションページは、WooCommerceのカタログを読み込むCanvasストアブロックで構成されています。そのため、商品を追加したり価格を変更したりするには1件のレコードを編集するだけで、すべてのグリッドに反映されます。Clothing Storeデモの「Men's Collections」と「Women's Collection」ページでは、カテゴリフィルターと価格帯フィルターを組み合わせています。

  • 41 products in the Fashion Shop demo, 20 in Supplement Store and 16 in Furniture
  • グリッド、カルーセル、カテゴリーカード、価格フィルター。いずれもカテゴリー、タグ、検索、手動で選んだリストから項目を取得できます
  • 管理画面で属性の項目に色を設定すると、バリエーション商品では、通常ドロップダウンが表示される場所にスウォッチが表示されます。
  • グリッドまたはカードのオーバーレイからカートに追加すると、ページを再読み込みせずにヘッダーのカートが更新されます
スマートフォンで表示した「Clothing Store」デモのMen's Collectionsページ。商品グリッドの上に、カテゴリーフィルターと価格帯フィルターが表示されています。
売上につながる4つの画面

ショップ、商品ページ、カート、チェックアウト

Canvasには24種類のWooCommerceブロックと18種類のストアテンプレートが含まれているため、買い物客が目にするすべての画面は設定パネルを備えたブロックになります。上書きが必要なPHPテンプレートは残っていません。

ショップとコレクション

Each demo ships its own catalog pages, such as Men's Collections and Women's Collection in Clothing Store, or Rings, Earrings, Necklaces and Bracelets in Jewelry Boutique.

商品ページ

単一商品のレイアウトは、デフォルト、追従型のサマリー、リスト、カラー重視のデザイン、サイドバーのバリエーションから選べます。商品ごと、またはストアの初期設定として設定できます。

カートとチェックアウト

WooCommerce独自のカートおよびチェックアウトブロックは、デモのページデザインの中に配置されるため、支払いを受け付ける画面は標準のままで、その周囲のページはショップに合わせた見た目になります。

WooCommerce のブロック、テンプレート、ショップオプションをすべて網羅しています。

スケール

3製品のローンチと41製品のカタログ

9種類のストアは、意図的に規模を変えています。単一商品のローンチと百貨店では必要なナビゲーションが異なるためです。自分の形に近いストアから始めれば、使わないページを削除する手間が省けます。

  • Clothing Storeには19ページ、メガメニュー、6件のジャーナル投稿が含まれており、Fashion Shopには25ページが含まれています。
  • Wildroot GearとeBookは、短い範囲でワンページナビゲーションを採用しています。
  • Jewelry Boutiqueでは、配送、支払い、作品に込めたストーリーのページが追加されています。
  • Supplement Store はブログ、FAQ、サポートページを追加し、Drone はオファー、動画、アクセサリーのページを追加し、Speaker Store はレビューとサポートを追加します。

Canvas で WooCommerce ストアを設定する方法

家具デモのホームページ。家具の販売とレンタルを行うWooCommerceストアです
全画面スライダーとヘッダーカートを含む、スマートフォンで表示した衣料品店デモのホームページ
スマートフォンでの表示

ショップへのアクセスの大半は、デスクトップ表示を一度も見ることがありません

カタログ、フィルター、チェックアウトはすべて同じレスポンシブブロックで構成されているため、別のレイアウトを管理する必要も、更新を忘れる箇所もありません。スクリーンショットは、出荷時の状態のClothing Storeデモで、幅390ピクセルです。

  • Canvasは、ページで実際に使われるCSSとJavaScriptのみを読み込みます。
  • 5つのスイッチにより、何も販売していないページからWooCommerceのスクリプトを外せます(カートフラグメントのポーリングを含む)。
  • 商品画像には、WordPressによって幅、高さ、遅延読み込み、レスポンシブサイズが自動的に設定されます。
  • ヘッダー、ページタイトル、フッターにはそれぞれ、スマートフォン用の独自ルールを設定できます。
ストアにCanvasを選ぶ理由

ショップがトップページ以外で必要とする4つのポイント

ショップに必要なページをすべて収録

商品とそのカテゴリー、コレクションページ、ポリシーページ、メニュー、フォームがまとめてインポートされるため、自分のカタログに差し替えている間もショップが正しく表示されます。

WordPress自体で編集

価格、バッジ、セールバナーは、いずれもWordPressに標準で付属するエディターのブロックフィールドです。テーマと合わせて更新が必要なページビルダーのライセンスは不要です。

元に戻せる

Canvasは、インポートで書き込まれたデータをすべて記録します。「デモデータを削除」で元に戻せるので、別のストアデザインを試しても失うのは半日分の時間だけです。

コピー作成ヘルプ付き

商品説明を書くのを楽しめる人はいません。CanvasAI Engineは、どのブロックのフィールドでもテキストの下書きや書き直しを行えます。年間プランでは毎月AIクレジットが付与されます。

よくある質問

オンライン販売について、率直にお伝えします

以下の回答は、出荷時点のショップデモ9件に当てはまる内容です。

9つのストアデモのうち、どれから始めればよいですか?

お手持ちのカタログに合うCanvasストアデモを選びましょう。アパレルストアとファッションショップは、メガメニューとコレクションページを備えた大規模なファッションカタログ向けです。家具とジュエリーブティックは、慎重な検討を要する購入向けのストアで、商品ページが長めです。ドローン、スピーカーストア、サプリメントストアは、ブログやサポートページを備えた小規模な品揃え向けです。Wildroot GearとeBookは、数点の商品を紹介する1ページのローンチ向けです。すべてのデモは基盤となるテーマが同じで、選ぶのは出発点のデザインにすぎず、それ以上の制約はありません。

それでもWooCommerceプラグインは必要ですか?

はい:WooCommerceがストアを運営し、Canvasがそのデザインを担当します。WooCommerceは商品、在庫、注文、税率ルール、配送ゾーン、決済ゲートウェイを管理するため、他のWooCommerce拡張機能も引き続き動作します。Canvasは、その上のデザインレイヤーを提供します:24個のストアブロック、18個のストアテンプレート、39個のショップオプション。セットアップウィザードでストアデモを選ぶと、インポートの前にWooCommerceをインストールして有効化します。

すでに商品を販売しています。インポートすると2つ目のチェックアウトが追加されますか?

いいえ:Canvasのインポーターは、既存のショップページ、カート、チェックアウト、アカウントページを探し、デモのメニューとリンクをそれらに向けます。重複したページセットは作成されません。商品と注文はそのままで、インポートで作成されたものは「デモデータを削除」で削除できます。

ストア用ブロックは別途購入が必要ですか?

いいえ。Canvas のストアブロック24個はすべてプレミアムブロックで、どのプランにもすべてのプレミアムブロック、すべてのストアテンプレート、そして21件のデモストアすべてが含まれます。ECの上位プランやストア向けアドオンはありません。他社でも同様の例があります。Kadence's Shop KitはKadenceのProおよびEliteプランに含まれ、Elementorの WooCommerce ウィジェットはAdvanced Soloから提供されており、OceanWPはOcean eCommerce Proを単独の製品として販売しています。

ショップ向けに Canvas ができないことは何ですか?

Canvasは商取引そのものを担当しません。決済と税金、配送料、定期購入、予約、会員制、CRMなど、そのすべてはWooCommerceとその拡張機能の役割です。Canvasはショップ、商品ページ、カート、チェックアウトをデザインし、その後は代金のやり取りに関わる部分には立ち入りません。そのため、後からテーマを替えても注文はそのまま残ります。

1つのライセンスで何サイトまで利用できますか?

すべての Canvas ライセンスは、無制限のウェブサイトとマルチサイトネットワークに対応しています。年間は年額 $79、買い切りは一度のお支払いで $299 です。プランの違いは支払い方法、アップデート、AIクレジットのみで、機能の違いはありません。そのため、単一ストア向けライセンスでも、エージェンシー向けライセンスと同じブロックが付属します。

商品カタログ付きでショップを開く

1つのライセンスで、すべてのデモストア、ストアブロック、ストアテンプレートをご利用いただけます。セットアップウィザードからインポートし、デモの商品と画像を、ご自身の商品と画像に置き換えてください。