スパイラルデモ

サイトこちらでは、スパイラルで実現できる設定のサンプルをご紹介します。自由に触って操作してみてくださいね!
※登録データは用途によっては不特定多数が見えるものがありますので、必ずテストデータのみ登録お願いします。

NEW新着用途紹介に「勤怠管理システム」を追加しました。(2021/08/30)

新着用途紹介

入会申込者管理(電子署名)システム
入会申し込み管理ができるシステムです。
申込みの際にデジタルサインを登録すること、PDFで入会申込書に
そのサインを記載することが可能です。

申し込み画面
ログイン画面


勤怠管理システム 解 説
勤怠管理ができるシステムです。
月ごとの申請を各部の部門長→人事担当が承認するフローとなっております。

ログイン画面


お問い合わせ履歴管理システム 解 説
受けたお問合せに対して、履歴を残す形で対応できるページを作成いたしました。
顧客と迅速かつ密に対応することができ、対応の履歴もしっかりと残ります。

【ユーザー側】新規問い合わせ受付
【管理側】問い合わせ返答


予約管理システム 解 説
コロナでの過密を避けるために増加している、来店人数管理のための予約受付管理システムです。
スクールの種類とカレンダーを選んで予約をするフローになります。

【ユーザー側】新規予約画面 【管理側】管理画面

業界別デモサイト

業界別のデモサイトです。各デモサイト上にて、赤枠で示されている部分はスパイラルで設定されています。

不動産賃貸ぱいぷ不動産 解 説

出版業界PBmagazine 解 説

旅行業界PBTravels 解 説 エステサロンPea Bee 解 説
マンション販売パイツ赤坂 解 説

Web制作会社事例ページ

IRサイトパイプ商事 解 説 社内ポータル

ソリューション別デモ設定

ソリューション別のデモ設定です。解説ページにて使い方をご案内しています。

セミナー管理システム 解 説

公開講座管理システム

アンケート管理・ギフト送付 解 説

公開画面 / 管理画面(デザイン有デザイン無
公開画面管理画面受講者一覧

アンケート画面管理画面

メール配信システム 解 説

問い合わせ管理 解 説

FAQ管理
管理画面(顧客管理機能付き配信機能のみ
問い合わせ画面管理画面

公開画面管理画面

店舗検索管理システム

ホワイトペーパーダウンロード

サポート満足度調査

公開画面 / 管理画面

公開画面管理画面

管理画面

予約管理システム 解 説


【ユーザー側】新規予約画面
【管理側】管理画面
シャリーン来場管理 解 説

会員管理(動画視聴)システム 解 説


申込画面 / 申込一覧画面
シャリーン設定用QRコードです。
詳しくは解説ページをご覧ください。設定インポート暗号キー:test

【ユーザー側】新規会員登録画面
【ユーザー側】会員サイトログイン画面
【管理側】アンケート回答確認画面
NEW お問い合わせ履歴管理 解 説

NEW 経費精算管理システム 解 説

NEW 勤怠管理システム 解 説


【ユーザー側】新規問い合わせ受付
【管理側】問い合わせ返答

ログイン画面

ログイン画面
NEW 入会申込者管理(電子署名)

申し込み画面
ログイン画面

SPIRAL ver.2 ソリューション別デモ設定

SPIRAL ver.2のソリューション別のデモ設定です。解説ページにて使い方をご案内しています。

多言語問合せフォーム(SPIRAL ver.2) 

デモ画面

デザインカスタマイズ

フォームや一覧表などのWebページをリッチにする、カスタマイズのサンプルをご紹介します。

Web機能のカスタマイズ

サンプル1
【フォームデザインのカスタマイズ】
Vol.1 姓名の記述を分けて横並びにする(お名前、ふりがな)
Vol.2 ”その他”に入力欄を追加する(Q2)
Vol.3 マトリクス形式の回答欄を作成する(Q3)
Vol.4 星型のレーディング形式の回答欄を作成する(Q4)
Vol.5 JavaScriptで項目の表示非表示を切り替える(Q5)
Vol.6 タップで回答できるバー形式の回答欄を作成する(Q6)
Vol.7 同意ボタンのチェックで送信ボタンを有効化させる(個人情報の利用目的について)

サンプル2
JavaScriptで項目の表示非表示を切り替え、かつ表示する場合は入力必須にする

Tips3

サンプル3
NEW2つのマスタDBのデータを連動プルダウンにする

Tips4

サンプル4
NEWセミナーのカレンダー形式での表示・予約管理

Tips5

サンプル5
NEW数量と単価で金額を自動計算する

Tips6

サンプル6
NEWGoogle Chartsを利用して診断結果をグラフ出力する

サンプル7
NEWjQueryでセレクトをドリルダウン表示する

サンプル8
NEW住所情報をもとに地図を表示する


サンプル9
NEWEnterキーでフォームが送信されないようにする
一覧表のレスポンシブ

サンプル1

サンプル2
サンプル3