Sakurabookの導入(インストール)から予約カレンダー設置までの流れ

Sakurabookの導入(インストール)から予約カレンダー設置までの流れ


この記事では、Sakurabookの導入方法について、わかりやすくご案内していきます。

先月2020年の1月にSakurabookリニューアル版が正式リリースとなりました。欧米のお客様にご利用いただきまして、誠にありがとうございます。様々なお声をいただいているのですが、「導入方法をわかりやすく教えて欲しい」といったご要望が非常に多くなっております。

そこで今回はSakurabookの導入から、予約カレンダーの設置までの流れを、わかりやすく簡単にご紹介したいと思います。

Sakurabookの導入(インストール)から予約カレンダー設置までの流れ

  1. 導入準備:Shopifyの商品ページを予約サービスとして準備します。予約サービスとして提供したい内容を「商品ページ」としてShopifyに作成し、「service」というタグを設定してSakurabookと紐付けます。

  2. Sakurabookのインストール:ShopifyアプリストアからSakurabookを検索し、インストールします。インストール後、Sakurabookの管理コンソールが開き、Shopify管理ページの「アプリ」セクションにSakurabookが表示されます。

  3. 予約サービスの追加:Sakurabookの管理画面で「サービス」タブをクリックし、「サービスの追加」ボタンから「service」タグが設定された商品ページを予約サービスとして追加します。

  4. スタッフの登録と設定:「スタッフ」タブからスタッフを追加し、スタッフの詳細情報、勤務時間、割り当てられたサービスなどを設定します。

  5. 予約サービスの詳細設定:各予約サービスについて、担当スタッフ、営業時間、準備時間、店舗のロケーションやビデオ会議設定(必要な場合)、予約時間の長さなどを詳細に設定します。

  6. 予約ウィザードの設置:Shopifyのテーマカスタマイズ機能を使用して、商品ページに予約ウィザード(予約カレンダー)を設置します。予約ウィザードは、スタッフ指名メニュー、空き枠カレンダー、予約時間指定などを含むブロックです。

以上の手順について、一つ一つ詳しく見ていきましょう。

1.Sakurabookの導入準備:インストール前に行うこと

それはまず最初のステップである。Sakurabookの導入準備からご案内します。

Sakurabookは、何も準備をせずにそのままShopifyアプリストアからインストールしても使えるのですが、事前にいくつかの準備をしておくと、導入がよりスムーズになります。この事前準備についてご説明します。

⇒Sakurabookの導入準備

商品ページの作成と設定

まず商品ページの作成です。

  • 提供したい予約サービスをShopifyの「商品ページ」として作成します。ここでの「商品」とは、実際に提供するサービスを意味します。

商品ページは、以下のように設定します。

  • 価格設定:サービス提供にかかる料金を設定します。Sakurabookに登録する際、価格設定は一旦0円にリセットされるため、後で再設定が必要になります。
  • タグ項目:商品ページに「service」というタグを設定します。このタグによって、Sakurabookは該当ページを予約サービスとして認識し、インポート(追加)できるようになります。

【備考:バリエーションとコレクションの作成について】

Sakurabookは商品ページの「バリエーション」機能に対応していません。そのため、異なるバリエーション(例:異なる時間帯やサービス内容)を提供したい場合は、それぞれに対して独立した商品ページを作成し、これらをShopifyの「コレクション」機能でまとめることをオススメします。

2.Sakurabookのインストール

導入準備が終わったら、Sakurabookのインストールを行ないます。

ShopifyアプリストアからSakurabookを検索し、アプリを追加(インストール)します。インストール完了後、Sakurabookの管理画面が自動で開き、Shopify管理ページの「アプリ」セクションにSakurabookが表示されます。

⇒Sakurabook|Shopifyアプリストア

3.予約サービスの追加

Sakurabookをインストールしたら、予約サービスを追加します。先ほど事前準備で作成した商品ページを、Sakurabookに取り込むことで。予約サービスとして掲載が可能になります。

商品ページをSakurabookに取り込む手順は、Sakurabookのインストール直後に表示されるチュートリアルでも表示されます。事前に商品ページを作成しておいた場合は、このチュートリアルの段階で、画面の指示に従って操作しましょう。また、インストール後のチュートリアルで追加しなくても、後から任意の商品ページを追加することが可能です。

Sakurabookのサービスタブからサービスの追加ボタンをクリックすると、「service」タグのついた商品ページが自リストアップされます。その中から、任意の商品ページを指定して読み込むことができます。

⇒予約サービスの追加|Sakurabookご利用ガイド

4.スタッフの登録と詳細設定

次に、Sakurabookにスタッフを登録し、詳細設定をおこないましょう。Sakurabookでは、予約サービスだけでなく、それを担当するスタッフも登録する仕組みとなっています。これにより、お客様が担当スタッフを指名してサービスを予約できるだけでなく、例えば『サービスの予約枠は空いているけれども、それを担当できるスタッフが空いておらず、サービスを提供できない」といったようなタイミングが生じた際に、誤って予約が入ってしまうのを防ぐことができます。

それでは、Sakurabookにスタッフを登録し、詳細を設定する手順をご案内しましょう。

⇒スタッフの登録と詳細設定|Sakurabookご利用ガイド

Sakurabookにスタッフを登録し、詳細設定を行う手順は以下の通りです。

  1. スタッフを追加する:

    • Sakurabook管理画面の「スタッフ」タブを開きます。
    • 「スタッフを追加」ボタンをクリックします。
    • スタッフの詳細情報(名前、E-メール、電話番号、プロフィールなど)を入力し、保存します。
  2. スタッフの登録情報を編集する:

    • 「スタッフ」タブから、登録済のスタッフ一覧を開きます。
    • 編集したいスタッフの名前をクリックします。
    • スタッフの詳細情報を更新し、再度保存します。

スタッフの詳細設定には、以下の情報が含まれます:

  • 基本情報: スタッフの名前、E-メール、電話番号、プロフィールなど。
  • 割り当てられたサービス: スタッフが担当するサービスを割り当てます。これは「サービスの追加」ボタンをクリックし、リストから選択することで行います。
  • カレンダー: スタッフの予約受付状況が表示されるカレンダー。
  • 勤務時間: スタッフの勤務時間を曜日ごとに設定。勤務時間は予約可能な時間帯の計算にも使用されます。

詳細設定を完了した後、「保存」ボタンをクリックして内容を保存してください。

5.予約サービスの詳細設定

続いて、予約サービスの詳細設定を行ないます。

先ほど予約サービスとして作成した商品ページをSakurabookに取り込みましたが、取り込んだ後、さらに詳細な設定を行っていきます。

⇒予約サービスの詳細設定

Sakurabookに登録した予約サービスの詳細設定方法は以下の通りです:

  1. 予約サービスの詳細設定画面を開く:

    • Sakurabookの管理画面から、「サービス」タブをクリックします。
    • Sakurabookに追加した予約サービスの一覧から、詳細設定を行いたいサービスの名前をクリックします。
  2. 予約サービスの詳細設定の項目:

    • 担当スタッフの設定: 予約サービスを提供する担当スタッフを設定します。複数の担当スタッフを追加することが可能です。
    • 営業時間: 予約サービスの提供可能な営業時間を設定します。この時間内でのみ予約が可能です。
    • 準備時間: サービス提供前後の準備時間を設定します。この時間は予約不可となります。
    • 店舗のロケーション: サービスが店舗で提供される場合、店舗の住所を入力します。
    • ビデオ会議: オンラインでサービスを提供する場合、ビデオ会議の使用を設定します。
    • 予約時間の長さ: 予約サービスの提供にかかる時間を設定します。
    • 追加設定(キャンセルポリシーの期限): 予約のキャンセルが可能な期限を設定します。
  3. 詳細設定の保存:

    • 詳細設定の追加や変更を行った後、「保存」ボタンをクリックして内容を保存します。

6.予約ウィザードの設置

次に、Sakurabookの予約ウィザード(予約カレンダー)を、サイトに掲載する手順をご案内します。予約サービスとして取り込んだ商品ページのテンプレートを変更し、桜ブックの予約ウィザードを設置する作業を行いましょう。手順は以下の通りです。

⇒予約ウィザードの設置|Sakurabookご利用ガイド

  1. Shopifyのテーマカスタマイズ機能を開きます:

    • Shopify管理画面の左側メニューから「販売チャンネル」をクリックし、「オンラインストア」を選択します。
    • 「テーマ」画面が表示されたら、「カスタマイズ」ボタンをクリックして、テーマのカスタマイズ画面を開きます。
  2. 予約ウィザードを設置したい商品ページを選択します:

    • 画面上部にあるドロップダウンメニューから「商品」ページを選択し、編集したい商品ページのカスタマイズ画面を開きます。
  3. 「購入ボタン」と「数量セレクター」を非表示にします:

    • 商品ページのカスタマイズ画面で、左側メニューから「購入ボタン」と「数量セレクター」の項目を非表示に設定します。
  4. 予約ウィザード(予約カレンダー)のアプリブロックを追加します:

    • 左側メニューから、予約ウィザードを設置したい場所に「ブロックを追加」を選択し、「アプリ」セクションから「Booking Wizard Sakurabook」を選択して追加します。
  5. 変更を保存します:

    • 画面右上の「保存する」ボタンをクリックして、テーマの変更を保存します。

Sakurabook導入設置サービスをご提供いたします

SakurabookをShopifyサイトに追加する手順は、一見すると複雑そうに思えますが、Shopifyサイトのカスタマイズに慣れている方なら、30分から40分程度で設置できます。しかし一方で。商品ページのテンプレートのカスタマイズなど、少し複雑な作業も含まれるため、Shopifyに慣れていない方だと、難しさを感じる部分もあるかもしれません。また、予約サービスやスタッフの登録数が非常に多い場合は、登録作業が大変になってしまうことも考えられます。

そこで弊社では、Sakurabookの導入設置サービスを新たにご提供することといたしました。

インストールや初期設定だけでなく、その後の運用方法のレクチャーも含めて、迷わずにSakurabookをご活用いただけるよう、開発会社である私たちが徹底的にサポート致します。

お申し込み方法と詳細はぜひ、以下のページよりご確認ください。

⇒Sakurabook導入設置サービス

« 一覧に戻る