設計情報

投稿者: SPIRERS ナレッジ向上チーム 2025年6月26日 (木)

テンプレートアプリ「来店予約」

この記事では、テンプレートアプリ「テンプレートアプリ「来店予約」」の概要や内容物をご紹介いたします。
テンプレートアプリとは、SPIRAL ver.2にインポートし、業務に合わせてカスタマイズして使用できるアプリパッケージです。
SPIRAL ver.2 テンプレートアプリ一覧」にて、様々なテンプレートアプリを配布しています。

概要

来店予約受付、予約の変更、キャンセルが可能で、予約時に日付をカレンダーから選択可能です。

テンプレートアプリをダウンロードする

※ テンプレートアプリの導入手順はこちら

フロー図
カレンダーの設定について
ブロックのJS欄にてカレンダーの設定が変更可能です。
来店予約受付と来店予約更新ブロックのそれぞれに設定されています。

来店希望日に入力いただきたい内容に合わせて設定値を変更してください。
①minDays
本日起算で選択できる開始日。0で本日が、1にすると翌日からカレンダーが選択可能。
デフォルトは1で翌日から選択可能

②maxDays
本日起算で選択できる開始日。0で本日まで、1にすると翌日からカレンダーが選択可能。
デフォルトは14。開始日からではなく、本日から起算であることに注意。

2つ合わせて明日から二週間選択可能

③defaultDate
年月日の初期値を設定可能。
デフォルトは本日。

④defaultTime
時分の初期値を設定可能。
デフォルトは1時間後。

強化ガジェット
今回のカレンダー機能は下記の強化ガジェットを使用しています。
カレンダー機能を利用したい場合はご参考ください。
テキストをカレンダー形式で表示させる強化ガジェット
難易度
ビジュアル設定ソース設定
80%20%
DB数1
ページ数7
ブロック数0
JavaScriptあり
PHPなし
APIなし
インポートの所要時間 … 約10分

内容物(アプリ)

DB
表示名 レコードサイズ 備考
来店予約DB【AP013】 3.1 KiB 来店予約情報を管理するDB
表示名 識別名 タイプ 必須 ユニーク
予約受付番号 visitNo テキスト
氏名 name テキスト
メールアドレス email メールアドレス
電話番号 telephone_number 電話番号
郵便番号 postal_code テキスト
都道府県 prefecture セレクト
市区町村 address1 テキスト
番地 address2 テキスト
建物名・部屋番号 address3 テキスト
来店希望日 visitDate 日付
来店希望時間 visittime 時刻
備考 note テキストエリア
ステータス status セレクト
管理用備考 note_M テキストエリア
アプリロール
表示名 備考
担当者【AP013】 予約受付を管理する担当者

内容物(サイト)

ページ
識別名 表示名 備考
visit 来店管理【AP013】 認証エリア
click_login_error クリックログインエラー【AP013】 ログインエラーページ
session_error セッションエラー【AP013】 セッションエラーページ
logout ログアウト【AP013】 ログアウトページ
resist 来店予約受付【AP013】 登録フォーム
update 来店予約更新【AP013】 更新フォーム
cancel 来店予約キャンセル【AP013】 更新フォーム
※ ページの識別名がURLパスになります。
ブロック(汎用パーツ)
表示名 設置認証エリア 設定方法 ブロック種類 備考
header 設定なし ビジュアル フリーコンテンツ ロゴ付きのヘッダー
footer 設定なし ビジュアル フリーコンテンツ フッター

別途必要なファイル

サイトファイルはパッケージに含まれないため、別途用意していただく必要があります。
サイトファイル
フォルダ/ファイル名 タイプ 備考
header_logo.png 画像 ヘッダーのロゴ画像
※jpgやsvgも利用可能

インポート後の必須修正点

メールアクションの有効化
インポート後は全てのメールアクションのステータスが「無効」になっており、アクションによるメール配信が実行されません。
下記のメールアクション一覧を参考に、各アクションのステータスを「有効」に切り替えていただく必要があります。
アクション名 アクション設定場所 種別 設定箇所
【お客様】来店予約完了【AP013】 来店予約受付【AP013】 登録フォームブロック メールアクション
【担当者】来店予約完了【AP013】 来店予約受付【AP013】 登録フォームブロック メールアクション
【お客様】来店予約変更完了【AP013】 来店予約受付【AP013】 更新フォームブロック メールアクション
【担当者】来店予約変更完了【AP013】 来店予約変更【AP013】 更新フォームブロック メールアクション
【お客様】来店予約キャンセル【AP013】 来店予約変更【AP013】 更新フォームブロック メールアクション
【担当者】来店予約キャンセル【AP013】 来店予約受付【AP013】 更新フォームブロック メールアクション
テンプレートアプリをダウンロードする

※ テンプレートアプリの導入手順はこちら

解決しない場合はこちら コンテンツに関しての
要望はこちら