# トリートメントメニューを軸に作られたスパ向けWordPressテーマ

URL: https://canvaswp.com/ja/wordpress-themes/beauty-salon-spa/
Updated: 2026-11-03

4件の完全なデモ

Canvasには完成済みの美容サイトが4種類付属しています。施術メニューを軸に構成したスパ、1ページ構成のサロン、グルーミングストアを備えた理容店、スキンケアブランドのキットサイトです。予約機能は別のプラグインが担当します。本ページでは、デモフォームの動作について正確に説明しています。

[スパデモを見る](https://demos.canvaswp.com/spa/) [料金を見る](https://canvaswp.com/ja/pricing/)

更新日：2026年11月3日

デモ一覧

## すぐにインポートできる美容サイトが4つあります

どれも実際に動くサイトです。それぞれに独自のページ、メニュー、フォーム、必要なコンテンツタイプが揃っています。購入前にライブでプレビューできます。

### [Spa デモ、ライブプレビュー（新しいタブで開きます）](https://demos.canvaswp.com/spa/)

美容・スパ · 1ページ · [インストール内容：Spaデモのブロックとコンテンツタイプ](https://docs.canvaswp.com/design-spa)

### [Beauty Salon デモ、ライブプレビュー（新しいタブで開きます）](https://demos.canvaswp.com/beauty-salon/)

美容・スパ · 1ページ

### [Barber Shop デモ、ライブプレビュー（新しいタブで開きます）](https://demos.canvaswp.com/barber/)

美容・スパ · 7ページ · [インストール内容：Barber Shopデモのブロックとコンテンツタイプ](https://docs.canvaswp.com/design-barber)

### [Beauty Kit デモ、ライブプレビュー（新しいタブで開きます）](https://demos.canvaswp.com/beauty-kit/)

美容・スパ · 5ページ · [インストール内容：Beauty Kitデモのブロックとコンテンツタイプ](https://docs.canvaswp.com/design-beauty-kit)

施術メニュー

## 施術とは、専用のページを持つレコードです

Spa デモ をインポートすると、Treatments コンテンツタイプが登録されます。各トリートメントには写真、カテゴリー、価格、所要時間、説明があり、予約ボタンと関連トリートメントの一覧を備えた個別ページが作成されます。レコードの価格を変更すると、メニューページ、個別ページ、関連リストのすべてに反映されます。

- 美容・スパデモには16件のトリートメントがあり、スパセラピー、ボディスクラブ、ボディラップ、美容フェイシャルの4つのカテゴリに分類されています。
- Barber Shopのデモでは、8件のサービスを同じ形式で掲載しており、それぞれに価格、所要時間、1行の説明が付いています
- Beauty Salonデモでは、ページ内に短い価格表を掲載しています。1ページ構成のサイトには、この形式が適しています。
- カテゴリーごとに施術グループが個別の掲載枠を持つため、新しいラップは、ラップが表示されるすべての場所に現れます。

予約

## 依頼はフォームで受け付け、予定表はプラグインが管理します。

スパやサロンの購入検討者は、まず予約機能について尋ねるため、率直にお答えします。Canvasには予約エンジンはなく、空き枠のカレンダー、スタッフのシフト表、事前入金、リマインダー通知はありません。同梱されるのは、他のページと同じように編集できる、動作する問い合わせフォームです。予約用のスケジュール管理は、予約プラグインで追加します。

- Spaデモの「Reserve Now」フォームでは、名前、電話番号、メールアドレス、メッセージの入力を求め、すべてのリクエストをWordPress内のエントリーとして保存します。
- Barber Shopフォームでもショップにメールが送信され、ハニーポットでボットをふるい分けします。
- Beauty Salonには2個のフォームと、初回のお客様の目に留まるオファーを出せるプロモーションポップアップが含まれています。
- Confirmation email, webhooks, Mailchimp, reCAPTCHA v3 and Cloudflare Turnstile are all settings on any Canvas Form

販売と予約の両方に対応

## サロンと同じデザインのショップ

バーバーショップのデモは、サービスサイトであると同時にWooCommerceストアでもあります。セール価格付きの商品、商品ページ、そしてデモ独自のデザインで仕上げたカートと購入手続きのページを備えており、WooCommerceのデフォルトの見た目はどこにも現れません。すべてのプランに24個のWooCommerceブロックが含まれているため、開店後に物販を始めることもできます。

- Barber Shopには、サービスに加えて4件の商品があり、専用のカートとチェックアウトページも含まれます。
- Beauty Kitは商品を中心にした構成で、6種類のキットを用意しています。各キットには価格、容量、対応する肌タイプ、使用するタイミングが記載されています
- Beauty Kitには、キット、成分、結果、ストーリーそれぞれのページに加え、ジャーナル投稿6件も同梱されています

[Canvas で WooCommerce ストアを設定する方法](https://canvaswp.com/ja/guides/start-a-woocommerce-store-with-wordpress/)

スマートフォンでの表示

## お客様がスマートフォンで料金表を見る

多くの場合、訪問者は他店の待合室でスマートフォンを見ながら、近くのサロンと比べています。施術メニュー、料金、予約フォームは同じレスポンシブブロックから作られるため、保守が必要なモバイル用レイアウトは別に存在しません。このスクリーンショットは、配布時のまま表示したSpaデモで、幅は390ピクセルです。

- ワンページデモでは、スマホメニューにセクションへのリンクが残るため、料金表へは一度タップするだけでアクセスできます
- テーマオプションには、ヘッダー、フッター、ページタイトル領域のスマートフォン向け表示ルールが含まれています。
- 画像には、WordPressによって幅、高さ、遅延読み込み、レスポンシブサイズが設定されます
- Canvasは、ページで実際に描画されるCSSとJavaScriptのみを読み込みます

サロンにCanvasを選ぶ理由

## サロンサイトで押さえておくべきポイント

### 料金表とフォーム、どちらもライブで動作

インポートでページ、メニュー、フォーム、施術記録が揃うため、インポートが完了した時点で、お客様は料金を確認して予約枠をリクエストできます。

### WordPress自体で編集

料金、所要時間、写真：いずれもWordPressに標準搭載されたエディターのフィールドです。覚えるページビルダーも、更新が必要なページビルダーもありません。

### 元に戻せる

Canvasはインポートで書き込まれるすべての内容を記録します。「デモデータを削除」を実行すれば記録は消去されるため、スパのデモの後にバーバーショップのデモを見ても、何も損はありません。

### コピー作成ヘルプ付き

施術の説明を20回も書くのは大変です。CanvasAI Engineは、どのブロック項目のテキストも下書きしたり書き直したりでき、年間プランでは毎月AIクレジットが付きます。

よくある質問

## 美容サロンのウェブサイト、率直にお答えします

以下の回答は、出荷時の状態の4つの美容デモに当てはまるものです。

**オンライン予約は含まれていますか？**

いいえ、Canvasが同梱するのは予約 *フォーム*であり、予約エンジンではありません。空き枠のカレンダー、スタッフのシフト表、前払い金、リマインダーはありません。フォームが予約リクエストを受け付け、運営者が予約を確定します。予約プラグインを使えば予定表を追加できます。フォームはページ上のブロックなので、プラグインの予約ブロックに置き換えるのは1回の編集で済みます。

**デモのフォームは実際にどのような働きをしますか？**

Canvas Spaデモの「Reserve Now」フォームは、名前、電話番号、メールアドレス、メッセージを入力してもらい、すべてのリクエストをWordPress内のエントリーとして保存します。Barber Shopのフォームは、エントリーを保存するだけでなく店舗にメールを送信し、ハニーポットでボットを除外します。メール通知、顧客への確認メール、Webhook、Mailchimp、reCAPTCHA v3、Cloudflare Turnstileはすべて Canvas Form の設定項目で、エディターのチェックボックスをオンにするだけで有効にできます。

**サロンならどのデモから始めるのがよいですか？**

Canvasの美容デモ4種のうち、**Spa**は、16種類の施術のメニューを中心に構成された1ページサイトで、各施術に専用ページがあります。**Beauty Salon**は、スライダー、価格表、プロモーションポップアップ、2つのフォームを備えた1ページのサロンサイトです。**Barber Shop**には、サービス、ショップ、チェックアウトが追加されています。**Beauty Kit**は商品中心型のデモです。キット、成分、結果ページ、ジャーナルを備えています。

**施術メニューはどのように管理しますか？**

Canvas Spaデモでは、すべての施術が個別のレコードとして登録されています。写真、カテゴリー、価格、所要時間、説明文を持ち、予約ボタンと関連する施術のための専用ページもあります。レコードの価格を変更すると、メニュー、個別ページ、関連リストがすべて連動します。Beauty Salonデモは価格表をページ上に直接配置しており、短めのメニューに適しています。

**施術だけでなく商品も販売できますか？**

はい。Canvasは、WooCommerceストアをデザインできます。Barber Shopデモもストアとして提供されており、セール価格のグルーミング用品、商品ページ、カートとチェックアウトがデモ独自のデザインで用意されています。すべてのプランに24種類のWooCommerceブロックが含まれるため、サービスのみで始める美容サロンも、テーマを変えずに後からショップを追加できます。

**デモは右から左へ読む言語にも対応していますか？**

一部のCanvasデモには、右から左に書く言語向けの専用スタイルシートが付属しており、88件のうち88件がこれに該当します。ここで紹介する4つのデモはいずれも該当しません。Canvasは完全な右から左対応のテーマではないため、これはデモごとの事実であり、製品全体の主張ではありません。

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

すべてのCanvasライセンスは、無制限のサイトとマルチサイトネットワークに対応しています。年間プランは年額$79、買い切りプランは$299の一回払いです。両プランとも全デモとすべてのブロックを含みます。違いは支払い方法、アップデート、そして年間プランに含まれる毎月のAIクレジットです。

## さらに見る

### [デモのインポートの仕組み](https://canvaswp.com/ja/guides/import-a-wordpress-demo-website/)

サイト全体かページ単位か、サイトに書き込まれる内容、元に戻す方法。

### [医療・歯科サイト](https://canvaswp.com/ja/wordpress-themes/medical/)

医師、診療科、予約リクエストのほか、セラピー・美容スタジオも含みます。

### [すべての業種](https://canvaswp.com/ja/wordpress-themes/)

88件のデモをすべて、対象とするビジネスの種類ごとにまとめています。