はじめに

ようこそペライチへ！

このスタートガイドは「ネットで予約受付をしたい」という方が、つまずかずに最短ルートでゴールへ到達できるよう設計しています。
PC 操作が得意でなくても、ガイドに沿って順番に進めれば 最短30分程度 で公開までたどり着けます。

あらかじめ用意しておくとスムーズに進められるもの

準備ができたら Step 1「予約枠を作ろう」 へ進みましょう。

Step 1 予約枠を作ろう

まずは、予約を受け付けるための「予約枠」を作成しましょう。
日時や定員などを設定するだけで、予約の受け皿が整います。
あとから内容の変更もできるので、まずは一度試してみるつもりで気軽に作ってみてください。

予約画面の使い方

予約画面には、予約受付する日時や予約メニューの選択肢を表示することができます。
簡単にカスタマイズできるので、直感的に操作しながら、自分のサービスにぴったりな予約ページを作成できますよ。
まずは画面の使い方をチェックして、設定を進めていきましょう！

1. 予約ご利用状況
   指定した期間内にユーザーから受け付けた予約の合計件数を表示しています。
2. かんたん予約作成
   業種に合わせたテンプレートを選ぶだけで予約枠を素早く作成できる機能です。
   通常の予約枠作成よりも手順が少なく、初心者でもすぐに使い始められます。
3. 予約枠を作成する
   日時・定員・メニューなどを一から自由に設定できる標準的な作成方法です。
   柔軟なカスタマイズが可能で、細かく内容を調整したい場合に向いています。
4. 予約ダッシュボード
   ペライチ予約機能の管理画面で、予約状況の全体把握や設定の起点になるページです。
   予約件数やカレンダー、予約枠・メニューの作成・編集などがここから行えます。
5. 作成済み予約
   作成済みの予約を一覧で確認できるページです。
   各予約の編集や詳細の確認ができます。
6. 予約台帳
   作成済みの予約を一覧で確認できるページです。
   各予約の編集や詳細の確認ができます。
7. 順番予約管理
   来店や受付順に対応するようなサービス向けに、予約の順番や待ち人数を管理できる機能です。
   詳しくはこちらをご覧ください。
8. Googleアカウント連携
   連携したアカウントを予約枠と紐づけることで、
   予約内容をGoogleカレンダーで確認できるようになる機能です。
   詳しくはこちらをご覧ください。
   
9. 事前決済
   予約時にお客様から料金を先に支払ってもらう仕組みです。
   これにより、キャンセルリスクを減らし、スムーズなサービス提供が可能になります。
   詳しくはこちらをご覧ください。
10. 予約オプション管理
    基本の予約メニューに追加できるオプションサービスやオプション料金を
    設定・管理する機能です。
11. 予約タイプサンプル一覧
    4つの予約タイプのサンプルをご確認いただけます。

予約枠を作成する

1. 予約ダッシュボードで「予約枠を作成する」をクリック。
   予約ダッシュボード左側メニュー「予約を新規作成」からも作成できます。
   
2. 4種類の予約タイプが表示されるので、該当の予約タイプをクリック。

各予約タイプごとの作成方法にお進みください。

定期予約タイプの予約枠の作成方法
詳しくはこちらをご覧ください。

不定期予約タイプの予約枠の作成方法
詳しくはこちらをご覧ください。

複数日付予約タイプの予約枠の作成方法
詳しくはこちらをご覧ください。

日程調整タイプの予約枠の作成方法
詳しくはこちらをご覧ください。

かんたん予約作成

1. 予約ダッシュボードより「かんたん予約作成」ボタンをクリック。
   予約ダッシュボード左側メニュー「かんたん新規作成」からも作成できます。
   
2. 業種を選択する
   
   
3. 「定期予約タイプ」を選択する。
   
   
4. プレビューで「定期予約タイプ」のイメージを確認する。
   
   
5. 「このテンプレートを使う」をクリックすると、予約枠の編集画面が開くので、必要に応じて各項目を修正する。
   
   
6. 修正が完了したら、最下部の「保存して公開する」をクリックして、作成完了です。
   

詳しくはこちらをご覧ください。

次はサイトのデザインを決める大事なステップです。まずは用途やイメージに合ったテンプレートを選ぶことで、サイトの雰囲気がぐっと決まります。準備ができたら、Step 2「テンプレートを選ぼう」へ進んで、どんなデザインにするか決めましょう！

Step2　テンプレートを選ぼう

デザインの土台となるテンプレートを選びましょう。「どれを選べばいいのか不安…」という方も大丈夫。あとから内容や見た目は自由に変更できます。
気になるデザインを見つけたら、まずは試してみることから始めましょう！

テンプレート一覧の使い方

テンプレート一覧では、用途や雰囲気に合ったデザインを選ぶことができます。
下の画像では、テンプレート検索や選び方のポイントを番号付きで紹介しています。
はじめに一通り目を通しておくと、スムーズに選べるようになります。

1. キーワード検索
   業種や機能、テンプレートに関するキーワードで検索できます。（例：美容、予約、決済など）
2. 絞り込み
   「用途・目的」「業種」「スタイル」のカテゴリでの絞り込みが可能です。たとえば、用途・目的「店舗・施設の紹介」、業種「カフェ・喫茶店」、スタイル「かわいい」など、組み合わせて検索することもでき、目的に合ったテンプレートを効率よく探せます。
   
3. ページテンプレート
   1枚もののページのテンプレートが表示されます。
4. サイトテンプレート
   複数のページを組み合わせたサイトのテンプレートが表示されます。
5. 白紙から作成する
   テンプレートを使用せずに白紙から作成したい方はこちらから。
   「すでにページ構成やデザインのイメージがある」「自分の手で１から作りたい」という方には、白紙からの作成がおすすめです。

テンプレート選択後に変えられる部分

テンプレートを選択後でも以下の部分が変更可能です。

テンプレートが決まったら、いよいよ中身を作っていきます。
準備ができたら、Step 2「ページ構成を考えよう」へ進みましょう。

Step 3　ページ構成を考えよう

予約ページを作る上で、どんな項目を入れるかが大切です。
お客様にとって分かりやすく、使いやすいページを作るために、予約に必要な情報を整理して配置しましょう。必要な項目を押さえつつ、見た目もシンプルで整理されたページを目指していきます。
基本的なページ構成を押さえれば、すぐにでも素敵な予約ページが作れますよ！

予約サイトによくあるページ項目

商品販売用ページにおける「よく使われるページの項目」は、目的や業種によって多少異なりますが、基本的には以下のような構成が多いです。

複数ページ（サイト）の作り方

「サービス内容をさらに詳しく伝えたい」「問い合わせページを分けたい」など、伝えたい内容が増えてきたら、複数ページで構成されたサイトにしてみましょう。
1ページずつ増やしていくことができるので、必要に応じて柔軟に対応できますよ。
詳しくはこちらをご覧ください。

構成が固まってきましたね。どんな流れで伝えるかを整理できたら、いよいよ中身を入れていくステップです。
Step4「コンテンツを入力しよう／画像を差し替えよう」に進みましょう。

Step 4　コンテンツを入力しよう／画像を差し替えよう

ここからは、実際に文章を入れたり画像を変えたりしていく作業です。難しいことはないので、まずは触ってみながら、少しずつページを自分の形にしていきましょう！

ページ編集画面の使い方

1. マイページへ戻る
   クリックするとペライチのマイページに移動します。
2. メニューを折りたたむ
   クリックすると左メニューが折りたたまれます。
3. 保存する
   クリックすると作成中のページが保存されます。 
4. 公開する／非公開にする
   クリックするとページの状態（公開／非公開)を切り替えられます。 
5. ページ情報編集
   クリックするとページ情報編集の画面が表示されます。
   ページ情報編集画面の詳細はこちら
6. プレビュー
   クリックするとプレビューの画面が表示されます。
   各デバイス（PC、タブレット、スマホ）でどのように表示されるかを確認できます。
   ページを閲覧するデバイスによって実際の見え方が異なる場合がございます。  
   こちらの動画(各デバイスサイズでの確認)で詳しく説明しています。
7. テーマ変更・テーマCSS変更
   クリックすると右側にテーマが表示されます。
   テーマ変更の詳細はこちら
8. テーマカラー変更
   クリックすると右側にテーマカラー変更の画面が表示されます。
   テーマカラーの詳細はこちら
9. フォント変更
   クリックすると右側にフォント変更の画面が表示されます。
   フォントの変更方法の詳細はこちら
10. アニメーション
    スクロール時のブロック表示にアニメーション効果を設定できます。
    アニメーションの詳細はこちら
11. 操作を1つ戻す／操作を1つ進める
    編集の画面で行った操作を一つ前に戻したり、進めることができます。
    「操作を1つ戻す」をクリックすると1回分の操作が取り消されます。
    「操作を1つ進める」をクリックすると戻した操作を1つ進めます。 
    こちらの動画(操作のやり直し機能)で詳しく説明しています。
    ※この機能はブロックの操作のみ適用されます（ブロックの追加・削除、テキストや画像の変更など）。左側サイドバーの機能には適用されません。
    なお、一度編集画面を離れてしまった場合、こちらのボタンは無効になり、ご利用いただけません。
12. デバイスアイコン
    各デバイス（PC、タブレット、スマホ）の表示に切り替えできます。
    各アイコンをクリックすると、それぞれのデバイスで表示させた状態を確認しつつ編集できます。
    ページを閲覧するデバイスによって実際の見え方が異なる場合があります。 
    こちらの動画(各デバイスサイズでの確認)で詳しく説明しています。
13. 公開ページを見る
    公開ページを見ることができます。別タブで開きます。
14. マイページへ戻る
    クリックするとペライチのマイページに移動します。
15. ページ名
    設定したページ名が表示されます。
16. URL
    URLが表示されます。公開中の場合は、「公開中」という表記になります。
    
17. ブロック挿入ボタン
    新しいブロックが挿入されます。詳細はこちらをご確認ください。
18. 背景設定ボタン
    背景の設定ができます。詳細はこちらをご確認ください。
19. ブロックの設定
    ブロックの表示切り替えや表示位置の設定ができます。
20. 質問する
    クリックするとお問い合わせなどのサポートが表示されます。

テキストの編集方法

1. 編集したいテキストにカーソルを合わせると「編集」ボタンが表示されるのでクリック。
   
   
2. ブロックの中の文字列をクリックし、文字の編集画面で設定する。
   
   

詳しくはこちらをご覧ください。

画像の差し替え方（背景画像）

1. 変更したい画像の「背景設定」をクリック。
   
   
   
2. 背景画像の設定画面が開きます。
   
   

PCとスマートフォンで表示する画像を分ける場合は、それぞれの画像変更をクリック。PCもスマートフォンも同じ背景画像を表示する場合は、「画像をまとめて変更」をクリックします。

詳しくはこちらをご覧ください。

画像の差し替え方（背景画像以外）

1. 変更したい画像の「編集」をクリック。
   
2. マイライブラリをクリック。
3. 「画像を選択してアップロード」ボタンをクリック。
   
4. アップロードしたいファイルを指定し「開く」ボタンをクリック。
5. 画像がマイライブラリに入ったことを確認する。
6. 該当の画像をクリックして「保存 」で画像が反映される。

詳しくはこちらをご覧ください

コンテンツの入力や画像の差し替えが終わると、ページの見た目がぐっと完成に近づいてきます。
次は、作成した予約枠とページをつなげて、ユーザーが実際に予約できる状態にしていきましょう。 Step 5「予約とページをつなげよう」へ進んでください。

Step 5　予約とページをつなげよう

予約受付を行うページに予約枠を連携するステップです。
予約ボタンや予約ブロックを使って、ユーザーがスムーズに予約できる導線を作っていきましょう。
やり方はとてもシンプルなので、順番に見ていけば大丈夫です！

予約リンクの設置方法

予約ページへのリンクは、「予約」ブロックだけでなく、「ボタン」や「テキスト」など、リンクを設定できるブロックなら基本どれでも使えます。（※ヘッダー、フッター、altなどはURL入力になります）
やり方はどれも同じなので、デザインや使いやすさに合わせて、好きな方法で設置してみてくださいね。
ブロックの追加方法についてはこちらをご覧ください。

「ボタン」ブロックからの設置方法

1. ボタンブロックやボタンが含まれているブロックを選択
   
2. ボタンをクリックし「予約ページを設定する」から作成した予約枠を選択してください。

「予約」ブロックからの設置方法

①ブロック一覧の予約カテゴリからお好きなブロックを選択

②ボタンをクリックし「予約ページを設定する」から作成した予約枠を選択してください

 

次はデザインを整えて、見やすく印象的なページに仕上げていきましょう。
Step 5「デザインを整えよう」へ進んでください。

Step 6　デザインを整えよう

配色やフォントを整えるだけで、ページ全体の雰囲気がぐっと良くなります。まずは気になるところから少しずつ変えてみましょう！

左メニューの使い方

ページのデザインを編集したい場合は、左メニューから可能です。

①テーマの変更方法

1. ページ編集画面の、サイドバーから「テーマ変更」をクリック。
   
2. 好みのテーマを選択する。
   
   

詳しくはこちらをご覧ください。

②カラーの変更方法

1. ページ編集画面の、サイドバーから「テーマカラー」をクリック。
2. 変更したい色をクリック。
   

詳しくはこちらをご覧ください。

③フォントの変更方法

1. ページ編集画面の、サイドバーから「フォント変更」ボタンをクリック。
   
2. 任意のフォントを選択してクリック。
3. フォント変更が適用されているか確認する。
4. 編集の画面左上の「保存する」ボタンをクリック。

詳しくはこちらをご覧ください。

④アニメーションの追加方法

1. ページの編集画面の、サイドバーから「アニメーション」をクリック。
   
   
2. 詳細設定スライドが表示される。
   
   
3. お好みのアニメーションを選択して「設定する」をクリックすると、設定が完了。
   
   

詳しくはこちらをご覧ください。

デザインの調整まで完了しました。ここまでくると、完成がぐっと近づいてきますね。 公開前に一度、全体を見直しておきましょう。
Step 7「公開前にチェックしよう」へ進みます。

Step 7　公開前にチェックしよう

公開前に確認しておくべきポイントがあります。 以下を参考にサクッと確認してみましょう！

プレビューの使い方（PC・スマホ両方）

1. 編集画面の左側メニュー一覧の中にある「プレビュー」をクリック。
   
   
2. 上部のPC、タブレット、スマホの各アイコンをクリックしてそれぞれのデバイスの表示を確認する。
   
   

詳しくはこちらをご覧ください。

誤字脱字やリンク切れがないか確認

よくあるリンクの間違い
・ボタンを設置してるのにリンクが設置されていない
・リンク先のURLが間違っている

SNSシェア画像（OGP）の設定

SNSでシェアされたときに表示される画像やタイトルは、第一印象を大きく左右します。
OGP（Open Graph Protocol）設定を活用して、目に留まる見た目に整えておきましょう。
設定はかんたん。ブランドや内容が伝わるように、適した画像を用意しておくのがおすすめです。

1. ページの編集画面の「ページ情報編集」をクリック。
   
2. ページ情報編集画面の「OGP(SNSシェア設定)」のタブを選択。
   
3. 各項目を設定する。

詳しくはこちらをご覧ください。

ファビコンの設定

ファビコンは、ブラウザのタブやブックマークに表示される小さなアイコンです。細かい部分ですが、ブランドやお店の印象をよりしっかりと伝えることができます。専用の画像を用意して、細部までこだわったページに仕上げましょう。

詳しくはこちらをご覧ください。

最終チェックも終われば、いよいよ公開の準備が整いました。仕上がったページを、世界に向けて届けましょう。Step 6「ホームページを公開しよう」に進んでください。

Step 8　ホームページを公開しよう

「公開」ボタンを押す前に必要な設定

いよいよページの公開目前です！
「公開」ボタンを押す前に行っておきたい基本的な設定を再度確認しておきましょう。ここを押さえておくことで、見てもらいたい人にしっかり届くページになります。
基本設定についてはこちらをご覧ください。

独自ドメインの設定方法

より本格的に運用したい方や、信頼感のあるURLにしたい方は、独自ドメインの設定がおすすめです。
ペライチでは、外部のドメインサービスを使わずに、取得したいドメインを検索して選択するだけで、ペライチ用のドメインの設定が完了した状態でドメインを取得できます（ドメイン取得には別途費用がかかります）。
設定手順はシンプルなので、ガイドに沿って進めてみましょう。
カスタムドメインの設定方法はこちらをご覧ください。

ここまで出来ればホームページはしっかりと形になります。
ご自身のペースで、公開まで楽しみながら取り組んでみてくださいね！

公開後にやっておきたいこと集

アクセス解析の設定

詳しくはこちらをご覧ください。

基本的なSEO設定（タイトル・ディスクリプション）

詳しくはこちらをご覧ください。

サーチコンソール連携

詳しくはこちらをご覧ください。