メディアクエリを用いたホームページへの埋め込み

SuperSaaSはホワイトラベル(SuperSaaSの名前を出さずに)利用が可能です。
ホームページをお持ちであれば、埋め込むことでサイトの一部として活用することができます。

お持ちのホームページがレスポンシブサイトであれば、メディアクエリを利用して通常のスケジュール埋め込みとモバイル用スケジュール埋め込みの表示を切り替えてみてはいかがでしょうか。

▽サンプルコード



HTML

<iframe id="PC-MODE" src="http://www.supersaas.com/schedule/スケジュールURL" width="100%" height="800"></iframe>
<iframe id="MOBILE-MODE" src="http://m.supersaas.com/schedule/スケジュールURL" width="100%" height="800"></iframe>

CSS

@media screen and (max-width: 600px) {
#PC-MODE { display:none;}
#MOBILE-MODE { display:block;}
}
@media screen and (min-width:601px) {
#PC-MODE { display:block;}
#MOBILE-MODE { display:none;}
}

予約システムSuperSaaS日本公式サポートブログ

英語、中国語、韓国語タイ語を含む34言語、26種類の通貨に対応した多言語ネット予約システムSuperSaaS日本語版公式ブログです。お気軽にデモをお試し下さい。 https://www.supersaas.jp/