スパイラルデモ

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

NEW新着用途紹介に「経費精算管理システム」を追加しました。(2021/04/08)

新着用途紹介

経費申請の管理フローです。月ごとの申請を各部の部門長→経理担当が承認するフローとなっております。

経費精算管理システム

ログイン画面


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

お問い合わせ履歴管理システム 解 説

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

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

予約管理システム 解 説


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

業界別デモサイト

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

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

出版業界PBmagazine 解 説

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

Web制作会社事例ページ

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

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

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

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

公開講座管理システム

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

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

アンケート画面管理画面

メール配信システム 解 説

問い合わせ管理 解 説

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

公開画面管理画面

店舗検索管理システム

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

サポート満足度調査

公開画面 / 管理画面

公開画面管理画面

管理画面

予約管理システム 解 説


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

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


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

【ユーザー側】新規会員登録画面
【ユーザー側】会員サイトログイン画面
【管理側】アンケート回答確認画面
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

外部システム連携

外部システムとの連携サンプルです。

ミルビィ
動画投稿 解 説
プレミアム動画配信
セミナーLive配信申込
動画投稿フォーム 動画投稿一覧 シリアルナンバー一覧 プレミアム動画配信 セミナーLive配信一覧・申込