Ameba Ownd

アプリで簡単、無料ホームページ作成

予約スケジュールをページ内に埋め込む及びカレンダーのカラーや表示形式を変更する

2018.07.19 03:57

SuperSaaSで作成したスケジュールの公開方法としては,
1.スケジュールへのリンクを自身のウェブサイト、ブログ、Facebook等に張り付ける
ボタンを作成する方法
2.スケジュールを自身のウェブサイト、ブログ、Facebook等に統合する
2.ユーザーにメールでスケジュールのURLを通知
ウェブサイトやブログ内に下記の様に統合する場合は、ご利用のサービス等によっては埋め込みが出来ない場合があります。詳細は各自利用サービスで確認して下さい。
必ずHTMLモードに記事編集画面を変更してコードを張り付けて下さい。
 
スケジュールのロゴを自社ロゴに変更
SuperSaaS予約システムのスケジュールのロゴは管理画面内レイアウト設定ページより自由に変更可能です。
またロゴをクリックした場合のURLの指定も可能です。

まずはカレンダーに表示されるロゴに関する設定が可能 
自社のロゴをカレンダーに設置及びロゴをクリックした場合の移動先も設定可能
  
カレンダーの全体カラー変更
デフォルトで用意されているカラー以外に下記の様にカラーカスタマイズが可能

レイアウト設定画面より設定したカラーが即座に画面に反映されカレンダーのカラーをカスタマイズ可能です。
作成した自身のスケジュールのカラー等をカスタマイズして自身のウェブサイトカラーとの統合性を持たせたい場合も多いでしょう。
レイアウト設定ページより、自由にカスタマイズ可能です。
カスタマイズ可能なのはカラーだけではなく、時刻の表示形式等も変更可能です。
詳細はこちら
 
またURL最後尾に以下を指定する事でカレンダーの表示を決定する事も出来ます。
?view=month 
?view=week
?view=day
デモは以下でお試し下さい。
 https://www.supersaas.jp/schedule/jpdemo/yoga_class?view=month 

 


リソーススケジュール

各リソースの表示カラーを変更可能です。

設定したカラーを元にスケジュール上部には下記画像の様なリソース名が設定カラーと共に表示されます。もちろんこの画像の様なリソース選択表示を不可にする事も可能です。

サービススケジュール
サービスを追加する際に下記画面の右上のオレンジカラー部分をクリックする事によりカラーの選択変更が可能です。

設定後も随時変更可能です。
定員制スケジュールのクラス毎に色を変更

表示形式の変更

また週表示や日毎の表示等任意の形式で通常時のカレンダーを表示を設定可能です。

週表示

 

日表示

利用可能時間表示

 

 

SuperSaaSは独自のファビコンを設定する事ができます。

Faviconの変更

管理画面の環境設定にあるレイアウト設定の「高度な設定」から設定できます。

機能として登録できるファビコンは、アカウントに対して1つのみとなっています。

ファビコンはhead内のlink要素rel属性「shortcut icon」として設定され、この設定はPC版、モバイル版スケジュール問わず、すべてのスケジュールが同じ設定となります。