ノーコードホームページ「カムスタ」
ホームページ作成版
v 1.0.0

目次
カムスタとは
画面名称説明
ヘッダーの説明アカウント設定
ブラウザ履歴の表示
TKS notice 連携
メニューの説明ダッシュボード
スタッフ管理スタッフ管理フォーム
Image登録
シフト管理
ホームページ管理
ホームページ管理
ページの操作
コンポ基本設定
フリー入力
カスタムフォーム
スタッフ一覧
スタッフ詳細
新人一覧
ピックアップ一覧
グループ一覧
シフト一覧
シフトもっと見る
口コミ一覧
口コミもっと見る
ブログ
ブログもっと見る
YoutubeYoutube RSS
Instagram
TikTok ユーザー
TikTok ムービー
X (旧Twitter) ユーザー
X (旧Twitter) ツイート

スライドバナー
3点画像+テキスト
フォトギャラリーフッターミニバナー
バナー
料金メニューランキング
iframe埋め込み
Google MAP
マーキー
サブメニュー
年齢認証
動画
ステップフロー
お店情報
求人情報
Q&A
オプション管理
カスタムフォーム
スライドバナー管理
3点画像+テキスト管理
ステップフロー管理
フォトギャラリー管理
FAQ管理
ブログ管理
メニュー管理口コミ管理
ランキング管理
サブメニュー管理
ファイルボックス
媒体をさがす媒体バナー管理
媒体をさがすアナリティクス解析
リダイレクト管理２

カムスタとは
カムスタは、ホームページを作成するシステムです。
ホームページシステムは、テンプレートに沿った構築が前提にある場合が多く、そのまま簡単に導入できる
反面、オリジナル性や細かい変更が難しい点がありました。
そこでカムスタでは、ホームページの一つ一つのコンテンツを部品として、「作成」と「設置」をする仕組
みを取り入れました。
部品はコンポーネントと呼びます。略してコンポです。コンポはHTMLなどを使わない「ノーコード」のものと、HTMLを使ってオリジナル性を出す場合の「ローコード」のものがあります。
よって、カムスタは「ノーコードホームページシステ
ム」として誕生しました。

３画面名称説明1. 左メニューa. スマホでは、左上のハンバーガーメニューをタップすることで左メニューが表示されます。
2. ヘッダーa. 通知や、アカウント設定を配置しています。
3. メインa. メニュー選択により、メインに該当コンテン
ツが表示されます。

４

ヘッダーの説明

ヘッダーの右上にアイコンが並んでいます。左からベル、箱、吹き出し、歯車のアイコンになります。
ベルのアイコンは、カムスタからのリリースや障害、メンテナンスなどのお知らせになります。
箱のアイコンは、口コミ機能に投稿があった場合通知します。
吹き出しアイコンは、シフトの申請がある場合に通知します。
歯車アイコンは、アカウント設定、ログアウト機能が格納されています。

５

アカウント設定

ヘッダーの歯車アイコンから遷移します。項目は上から
1. ログインメールアドレス
2. ログインパスワード
3. お客様に割り振られたID
4. 店舗名5. 店舗の該当エリア
6. URL
7. 業態
8. ブラウザ履歴のON/OFF
9. TKS notice(つかさノーティス)連携ID入力欄と、なっています。

６アカウント設定
パスワード、ブラウザ履歴の表示、TKS notice連携
ID以外は、運営により設定させていただいています。
設定に不備がある場合は、お手数ですが代理店営業またはカムスタ運営までご連絡ください。

ブラウザ履歴の表示
ホームページのコンポを作成にあたり、ページ移動が必要になり導線にご不便をおかけしております。対策として、ブラウザの直近の10件を表示する機能を設置しております。

TKS notice 連携
TKS notice(つかさノーティス)は、ホームページのダ
ウンやドメインの契約期限などのヘルスチェックを行
うアプリです。このアプリを設定いただくと、お問合せなどがあった際にアプリに通知が届きます。アプリ
に関しては公式サイトをご確認ください。
https://tksnotice.com/

7

メニューの説明
ダッシュボードは、ログイン時に最初にアクセスするページです。
通知など確認が必要なものを設置しています。
スタッフ管理は、キャストやセラ
ピストなどの登録、スケジュール
管理などが格納されています。
ホームページ管理は、ホームペー
ジ構築に関するメニューが格納されています。
媒体をさがすは、クラウドバナーと言われるバナー設置に関するメ
ニューを格納しています。
「スタッフ管理」「ホームページ
管理」「媒体をさがす」の３つは開閉メニューとなっており、クリックすることで詳細メニューのリストが表示されます。

MAICA.連携は、MAICA.というアプリと連携するためのメニューです。
アナリティクス解析は、Googleアナリティクスのデータを確認するメニューです。
リダイレクト管理は、URLに対応したリダイレクトを設定するメニューです。

8

ダッシュボード
ダッシュボードでは、通知やお知らせなどを表示させています。

カスタムフォーム
ダッシュボードのカスタムフォームは、新規のお問合せを見逃さないために最新5件を表示しています。

自動ログインブックマーク
自動ログインブックマークは、媒体をさがすで設定した媒体のパスワードを保存できます。また、可能な媒体においては、自動でログインできる移動ボタンを設置しています。※仕組み上できない媒体もございます。

媒体設定ログ
管理画面上の操作ログを確認できます。※すべての操作が確認できるわけではありません。

お知らせ
運営からのお知らせ最新3件を表示しています。

9

スタッフ管理スタッフ管理では、スタッフの新規登録、編集、削除、入れ替えが行えます。
1. スタッフ追加フォームに遷移します。
2. スタッフ一覧の1ページの表示件数を変更できます。
3. このアイコンをドラッグ・アンド・ドロップする
ことで、スタッフの順番をいれかえることができます。
4. スタッフの名前をクリックすると、該当スタッフの更新フォームに遷移します。
また業態により、スタッフ、キャスト、セラピストなど名称を変更しております。業態は、ヘッダーのアカ
ウント設定で確認できます。

10スタッフ管理 - フォーム

一度登録を行ったスタッフを更新する際の編集フォー
ムについて説明します。
1. 新規追加時のフォームは「キャスト管理 登録 / 更新」ページです。それ以外に画像を登録する「Image登録」「Image登録（切抜機能付）」があります。
2. スタッフの削除を行います。非表示はフォーム最下部にあります。
3. 基本画像のアップロードが行えます。ドラッグ&ドロップ枠内に画像をいれるか「クリックしてファイルを選択」から画像を選んでください。

11スタッフ管理 - フォーム

スタッフ名は「名前」「カナ」「英語」「中国語」「韓国語」などが設定できます。外国語の入力は、海外向けページに設定された場合に適応されます。国内向けの場合、入力は不要です。
年齢の指定ができます。未入力も可能です。
プロポーションについては業態によって設置されます。業態は、ヘッダーのアカウント設定で確認できます。

12

スタッフ管理 - フォーム

役職は、店長など記載します。管理画面上で認識するための項
目で、ホームページ上に掲載されません。
フラグ設定は、ホームページ上でスタッフ一覧と異なるグルー
プ分け表示をしたい場合に使用します。
※グループ１は早番、グループ３は遅番など。
アイコン設定は、目的自由のアイコン表示になります。設定するとスタッフ一覧に同様のアイコンが表示されます。
☆設定は、目的自由の星アイコン表示になります。設定するとスタッフ一覧に指定した数の星が表示されます。星は5つで大きな星１つになり最大30まで指定できます。
一言コメントは、スタッフ一覧、スタッフ詳細に表示されます。
コメント（長文）は、スタッフ詳細に表示されます。簡単な
HTMLエディタを搭載しています。

13

スタッフ管理 - フォーム

オプション設定は業態により表示されます。設定したオプショ
ンをチェックすることで、スタッフ詳細に表示されます。また、スタッフ一覧の検索機能を表示することで、絞り込み検索としても機能します。
タグ設定はオプション設定と同様の機能を持ちます。
リボン紫、リボン桃は、チェックを入れることでスタッフ一覧
表示に帯が表示され、短いテキストを表示することができます。
スケジュール管理自動設定の値 Start, Endは、シフトの時刻設
定の初期値をスタッフ個々に設定できます。
埋め込みURLは、URLを登録することでスタッフ詳細にHTMLのiframeタグを使用した埋め込みを表示します。
外部URLは、スタッフ一覧からスタッフ詳細に遷移させず、入力されたURLに遷移させることができます。

14

スタッフ管理 - フォーム

X,Instagram,Youtube,TikTok,Line,Threadsは、スタッフ個
別のSNSがある場合に、URLを登録すると、スタッフ一覧、詳細にアイコンリンクとして表示されます。
備考欄は、管理向けに登録できるメモ書きです。ホームページ
上には表示されません。
表示/非表示は、スタッフ一時的に非表示にする際は、OFFにすることができます。

15

スタッフ管理 - Image登録

Image登録は2種類ありますが、操作性はほぼ一緒です。片方はサイズが指定されており、切り抜きのフローを排除しています。※運用の手間を減らすため
もう一方は切り抜き機能がついて、指定した比率で画像を切り抜いたうえで、アップロードされます。
画像のアップロードは「ファイルをドラッグ＆ドロップ」の枠に画像をいれるか「クリックしてファイルを選択」でアップロードします。
画像の順番はアップした画像をドラッグ&ドロップしていただくことで変更されます。
現在アップロード枚数に制限はありません。ホームページの表示負荷をご確認の上、ご利用ください。

16

シフト管理シフト管理は、業態によってスケジュールと記載される場合があります。
ここでは登録したスタッフの出勤管理が行えます。ここで登録されたデー
タは出勤に関するホームページのコンポーネントに適応されます。
1. 日付変更線を変更している場合は、その設定値がここに記載されます。左の列が当日になりますが、日付変更時刻にあわせて切り替わります。
2. 週間単位でページを進めたり戻すことができます。ほか、通常はスタッフ管理の順番ですが、当日出勤しているスタッフを上に表示させる「本日出勤を上位表示」と、そのリセットボタンもあります。
3. 初期表示は週間表示の「week」ですが、月間表示の「month」と、シフトの申請承認などをやりとりする「スケジュール申請」があり、ここで切り替えられます。
4. 出勤人数を表記しています。
5. 出勤時刻、退勤時刻を設定できます。日付を跨ぐ場合は、「22:00 2:00」といった入力になります。ほか、出勤ステータスがあり、選択することでホームページに表示させることができます。自動設定を選択すると、スタッフ毎に個別に登録した初期値が設定されます。

17

媒体をさがす

媒体をさがすは、登録されいる媒体であれば、バナーの設置を簡単に行えるサービスです。バナー掲載に利用しない場合にも、ID,パスワードを登録する機能と、リンクボタン一つでログイン可能な自動ログイン機能があります。
媒体をさがすから、「バナー管理に追加」を選択すること
で、対象の媒体を選択します。その後、「媒体バナー管理」に移動して、バナーのON/OFFで表示が切り替えられます。

18

媒体バナー管理

媒体バナー管理は、「媒体をさがす」で追加した媒体のON/OFFや、順番の入れ替えが行えます。また、バナーを設置した場合の参考を確認することができます。順番の入れ替
えは、媒体のボタン以外をドラッグ＆ドロップしていただく
ことで、入れ替えることができます。
バナーの設置方法は「1行 Javascript」のタグをコピーして、ホームページに設置していただくことで設置完了です。

19

アナリティクス解析

アナリティクス解析は、Googleアナリティクスの数値と同期しており、簡易的に閲覧できるコンテンツです。カムスタ
では、店舗ごとにアナリティクスを設置できますが、それ以外に標準でアナリティクスを搭載しており、アナリティクス
がわからない方でも、簡単なアクセスであれば確認できるよ
うにしています。

20

リダイレクト管理

リダイレクト管理は、ドメインを保持してサイトを引っ越しした際など、特定のページのURLが変更になった場合に、SEO対策として、Googleなどに引っ越し先を伝えるコンテンツです。FROM（元のURLパス）と、TO（新しいURLパス）を入力し「保存する」を押下いただくと設定完了です。

21

ホームページ管理
ホームページ管理は、ページの設置、ページ内へのコンポー
ネント（部品）の追加が主要な操作となります。コンポーネントをコンポと略称します。

ホームページ管理初期画面
ホームページ管理の初期画面について説明します。ホームページはHPと略称で呼ぶことがあります。
メニューとページ設定：「＋」の枠でページを追加できます。また追加したページの枠はドラッグ＆ドロップでページの順番を入れ替えることができます。この入れ替えはグローバルメニューの順番に影響します。ページ
枠左上の鉛筆アイコンからページの編集が行えます。このページ内にコンポを設置していくことになります。
ページの枠内には、URLのパス、ページ名、ページアイコンが表示されています。これらはページの編集内で設定できます。
基本(HEAD)設定：基本設定は、ホームページのHTML構造のHEAD(ヘッド)タグに記載する項目になります。
ホームページタイトル / Title Tag
店名、エリア、サービス名などを入力します。
ホームページ詳細 / Head Description Tag
HP全体の説明文をいれます。ページ設定する場合は、ページの編
集で行えます。
テキストの既定カラー
HP全体のベースのテキストカラーを設定します。
ファビコンの指定
画像のJpg, Png, Gif, Webpで設定できます。IOCファイルは使えません。
Google アナリティクスGA4 (タグマネージャー) の設定
お客さま独自のGoogleアナリティクスや、タグマネージャーを設置する場合に、記述します。
Google Search Consoleなど、その他のHTMLタグ の設定
metaタグなど、お客さま独自に読み込むファイルがある場合は、ここに記述します。

22

ホームページ管理初期画面
背景設定：背景の設定になります。
背景画像
背景に画像を設定できます。スマートフォンで閲覧されることを想定いますが、小さいサイズの背景画像は引き延ばして表示されます。
背景カラー2色背景画像を指定せず、カラーを指定することもできます。2色異なるカラーを選択することでグラデーションにすることができます。
上部(HEADER)設定：主にHTMLのHEADERタグに使用する項目を設定します。
ホームページロゴ
HPのロゴを指定します。サイズに決まりはありません。
ヘッダーに店名の表示
店名を記載します。
電話番号
電話番号を記載します。設定することでタップすると電話のリンクになります。
電話番号の表示HP上部に電話番号表示が不要な場合は、非表示にできます。
電話番号ボタンの既定カラー設定
ボタンのカラーを設定できます。2色異なるカラーを指定すること
で、グラデーションにすることができます。
営業時間
HP上部にテキストを記載します。一般的に営業時間を記載することが多いための項目名ですが、記載内容に定めはありません。改行が反映されます。
営業時間の表示
営業時間テキストの表示・非表示を設定できます。
日付変更線の設定(シフト切り替え時間)
お店の営業が0時を回る場合に設定します。シフト管理や、HPの日付
変更のタイミングをここで変更することができます。指定は30分刻みの朝5時までとなっています。
ロゴリンクのとび先パス
ロゴのタップした際のとび先のURLパスを指定します。
グローバルメニューのデザインパターン
グローバルメニューのデザインパターンを指定できます。日々追加予定です。
グローバルメニューのテキストカラー、選択時のアクティブカラー
デザインパターンによりテキストのカラーを変えて、可読性を調整で
きます。

23

ホームページ管理初期画面
下部(FOOTER)設定：フッターにボタンを4つ設置できます。外部URLも可能です。電話アイコン使用時は アイコンリンクのとび先パスに電話番号 をご入力ください。
アイコン表示アイコンを指定します。
アイコン名
テキストを指定します。
アイコンリンクのとび先パス
内部、外部リンクや、電話番号、メールアドレスなど目的に合わせて入力します。
アイコンカラー
アイコンの色を個々に指定できます。
アイコン 表示/非表示
アイコンを非表示できます。
開くウィンドウ
リンク押下時に現在のウィンドウか、新しいウィンドウを指定できます。
アイコンアニメーション
目立つようにアイコンリンクにアニメーションを追加できます。

24

ページの操作

ページ操作の上部
1. 現在どのページを操作中か確認できます。
2. またキャッシュなしで確認は、HPの該当ページのキャッシュをクリアします。カムスタでは、閲覧者に少しでも高速、快適に閲
覧いただくため、数分程度のキャッシュを導入しています。そのため、情報更新時にはすぐにキャッシュをクリアできるリンクを各ページに設置しています。

UIの追加、編集
1. コンポの名称が表示されます。
2. 表示/非表示を切り替えることができます。
3. コンポの型（種類）を記載しています。
4. コンポにカラーリングを施せます。時間帯や曜日などで視覚的に運用しやすくする機能です。

25

ページの操作

UIの追加、編集 下部
ページ内にコンポを追加する際は、下部のプルダウンメニューから選択します。コンポの追加は無制限ですが、1ページあたりにコンテンツが多くなるとユーザー体験が損なわれる可能性がありますのでご注意ください。
カスタム
フリー入力 (IMG_HTML) 型
HTMLなど触れる場合に、直接埋め込めるコンポです。
カスタムフォーム (RESERVE) 型
カスタムフォーム管理で構築した設計を埋め込めるコン
ポです。

26

ページの操作スタッフ
スタッフ一覧 (STAFF_LIST) 型
スタッフ管理で登録したスタッフを一覧に表示するコンポです。
スタッフ詳細 (STAFF_PROFILE) 型
スタッフ管理で登録したスタッフの詳細を表示するコン
ポです。
新人一覧 (NEWER_MORE) 型
スタッフ管理で新人にチェックを入れたスタッフのみを表示するコンポです。
ピックアップ一覧 (PICKUP_MORE) 型
スタッフ管理でピックアップにチェックを入れたスタッ
フのみを表示するコンポです。
グループ一覧 (GROUP_LIST) 型
新人、ピックアップ以外に別の用途でご使用いただくた
めのチェックを入れたスタッフのみを表示するコンポです。例えば、朝、昼、夜など。
シフト
シフト一覧 (SHIFT_LIST) 型
シフト管理で登録された出退勤、ステータスなどを表示するコンポです。日ごとに切り替える機能があります。
シフトもっと見る (SHIFT_MORE) 型
シフト管理で登録された出退勤、ステータスなどを表示するコンポです。当日のみを表示するコンポです。

27

ページの操作記事
口コミ一覧 (REVIEW_LIST) 型
スタッフ詳細に設置されている口コミと投稿フォームは口コミ管理で管理されています。その各スタッフの一覧を設置するコンポでうｓ。
口コミもっと見る (REVIEW_MORE) 型
最新の口コミ9件を掲載するコンポです。
ブログ (BLOG) 型
ブログを設置するコンポです。ブログはブログ管理より投稿します。
ブログもっと見る (BLOG_MORE) 型
最新ブログ記事を掲載するコンポです。
SNS
Youtube (YOUTUBE) 型
Youtube動画の埋め込みを行うコンポです。
Youtube RSS (YOUTUBERSS) 型
Youtubeには最新動画を掲載するRSS機能があります。それを利用したコンポです。
Instagram (INSTAGRAM) 型
インスタグラムを埋め込むコンポです。
TikTok ユーザー (TIKTOK_USER) 型
TikTokのアカウントと投稿動画が掲載されるコンポです。
TikTok ムービー (TIKTOK_SINGLE) 型
TikTokの単体の動画が表示されるコンポです。
X (旧Twitter) ユーザー (X_USER) 型
Xのアカウントを埋め込むコンポです。
X (旧Twitter) ツイート (X_SINGLE) 型
Xの単体ポストを埋め込むコンポです。

28

ページの操作
画像系
スライドバナー (SLIDE) 型
HP上部に利用されることの多い、スライドショーを設置するコンポです。スライドバナー管理で登録したものを選択します。
3点画像+テキスト (IMAGES) 型
3点画像にテキストを追加できるコンポです。3点画像+テキスト管理にて事前に登録したものを選択します。
フォトギャラリー (GALLERY) 型
フォトギャラリーを追加できるコンポです。フォトギャ
ラリー管理にて事前に登録したものを選択します。
フッターミニバナー (FOOTERBANNER) 型
イベントなど、固定で下部にバナーを設置したい場合に利用するコンポです。
バナー (BANNER) 型
媒体をさがす、媒体バナー管理にて設定したバナーを設置するコンポです。
便利
料金メニュー (MENU) 型
メニュー管理で設定したメニューを設置できるコンポです。
ランキング (RANKING) 型
ランキング管理で設定したランキングを表示できるコン
ポです。
iframe埋め込み (EMBED) 型
iframeタグのURLを登録すると埋め込みが行えるコンポです。
Google MAP (GMAP) 型
Google MAPの共有埋め込みのタグを登録するとGMAPが埋め込めるコンポです。
マーキー (MARQUEE) 型
テキストが流れるマーキーを設置できるコンポです。
サブメニュー (SUBMENU) 型
グローバルメニュー以外を設定できるコンポです。
年齢認証 (VERIFY) 型
年齢認証用のテキスト、「はい」「いいえ」が設置できるコンポです。

29

ページの操作便利
動画 (VIDEO) 型
ホームページシステムでは難しかった、動画無制限のアップロードと、その埋め込みができるコンポです。ファイルボックスと併用して使用します。
ステップフロー (STEP) 型
3ステップのフローなどを構築できるコンポです。ステップフロー管理で事前に設定したものを使用します。
お店情報 (SHOPINFO) 型
SEOや閲覧者にわかりやすく情報をまとめられるコンポです。
求人情報 (JOBPOSTING) 型
SEOや閲覧者にわかりやすく情報をまとめられるコンポです。
Q&A (FAQ) 型
FAQ管理で設定したQAを設置できるコンポです。

30

オプション管理
オプション管理では、オプション、タグ、コース、ルームなどのデータ設定が行えます。
タグは、スタッフの特徴など検索軸となる設定を行うことで、スタッフ一覧で検索絞り込みが行えるようになります。
コース、オプションは、メニュー管理とは異なり、カスタムフォー
ムで顧客が選択する項目として利用されます。
ルームは、ルーム型サービスなど、出勤場所の指定をシフト管理にて行う際の設定項目です。

項目の操作は同じになります。入力を終えたら保存をしてください。
1. オプション名を入力します。
2. 順番を変更する場合は数値を入れ替えてください。
3. 削除する場合は、ゴミ箱ボタンを押下してください。
4. 新規登録は一つずつとなります。

31

カスタムフォーム
カスタムフォームでは、お問合せ、予約などのフォームを自由に構築できます。

1. フォーム名です。
2. 投稿数が表示されます。投稿内容はダッシュボードから確認いただけます。
3. フォームを削除できます。
申請数のリンクをクリックすると、投稿の一覧が表示されます。
リンクをクリックすることで、詳細に遷移します。

32

カスタムフォーム

1. 画像では消していますが、フォーム内容が確認できます。
2. その他を押下することで、既読、削除の操作が行えます。
新規追加する際は、カスタムフォーム（申請一覧）に戻り、「追加する」ボタンをまず押下します。その際にフォーム名を入力して追加してください。名前はあとから変更可能です。

33

カスタムフォーム
フォームを編集する場合は、フォーム名を選択肢、編集画面に遷移します。

1. フォームの項目を並び替えることができます。
2. フォームの必須、任意、使用しないを選択します。使用しないを選択すると、フォームの項目から除外されます。
3. 鉛筆で項目のより個別の編集が行えます。

34

カスタムフォーム
カスタムフォーム基本設定は、入力せずともご使用になれますが、フォームの送信ボタンや、送信後に顧客に表示する文言などをカスタマイズできます。
名前は、カスタムフォームの名称です。
ボタン名は初期値が「送信する」となっております。他の文言に変更する場合は入力します。
ボタン送信後のモーダルタイトルは初期値が「投稿を完了しました」となっております。他の文言に変更する場合は入力します。
ボタン送信後のモーダルコンテンツは初期値が「※ 後程、お店からご連絡を致します。」となっております。他の文言に変更する場合は入力します。

35

スライドバナー管理
スライドバナー管理では、複数のスライドバナーを作成できます。

1. スライドバナー名です。押下すると詳細設定の画面に遷移します。
2. スライドバナーを削除します。
3. スライドバナーを新規追加できます。押下すると「新規スライド」というスライドバナーが設置されます。

スライドバナーの詳細に遷移し、下部の基本設定をまず行います。
1. 管理目的とした名称を入力します。
2. バナーの比率を指定します。

36

スライドバナー管理
スライドバナーを作成します。ドラッグ&ドロップで画像をアップするか「クリックしてファイルを選択」から画像を選択します。

画像は、スライドバナー基本設定で指定した比率の切り抜きを行います。問題がなければ右下にある「切抜で保存」を押下します。

37

スライドバナー管理
アップロードしたバナーは以下の操作が行えます。

1. ドラッグ&ドロップで順番の入れ替えができます。
2. バナー表示のON/OFFを設定できます。
3. バナーにリンクを設置できます。
4. バナーを削除できます。
最後に「保存する」を押下してください。

38

3点画像+テキスト管理

作成した3点画像+テキストがリスト表示されます。
名前をクリックすることで、編集画面に遷移します。
削除する3点画像+テキストはゴミ箱アイコンをクリックします。
新規追加する場合は、追加するボタンを押下します。押下すると名前を入力するポップアップが表示されます。目的に合わせて記入してください。名前はあとで変更可能です。

39

3点画像+テキスト管理

3点画像+テキストは、最大3つの画像とテキストを登録でき、2点のみといった使い方もできます。1点のみの場合は、別のコンポのご利用を推奨します。
1. 画像をアップできます。ドラッグ&ドロップまたはクリックしてファイルを選択から画像を選択してください。
2. テキストを入力します。未入力も可能です。
3. 画像にリンクを設置する場合にURLを入力します。
4. 表示のON/OFFが行えます。
5. 名称変更は最下部のフォームにて行えます。

40

ステップフロー管理

作成したステップフローがリスト表示されます。
名前をクリックすることで、編集画面に遷移します。
削除する場合はゴミ箱アイコンをクリックします。
新規追加する場合は、追加するボタンを押下します。押下すると名前を入力するポップアップが表示されます。目的に合わせて記入してください。名前はあとで変更可能です。

41

ステップフロー管理

作成したステップフローのステップがリスト表示されます。
目のアイコンは、表示非表示を表します。
3本線はドラッグ&ドロップで順番を入れ替えることができます。
名前をクリックすることで、編集画面に遷移します。
新規追加する場合は、追加するリンクを押下します。
削除する場合はステップの編集画面に遷移してください。
ステップフローの名称は、最下部の基本設定のフォームにて変更することが可能です。

42

ステップフロー管理

画像をドラッグ&ドロップまたは、クリックして選択することができます。画像は任意となっています。
画像を削除する場合は、画像の削除ボタンを押下します。

名前は、ステップのタイトルを指定します。これはHP上で使用されます。
テキストは、本文を記載します。
表示のON/OFFの切り替えもここで行えます。
削除する場合は削除ボタン、更新する際は保存するボタンを押下します。

43

フォトギャラリー管理

作成したフォトギャラリーがリスト表示されます。
名前をクリックすることで、編集画面に遷移します。
削除する場合はゴミ箱アイコンをクリックします。
新規追加する場合は、追加するボタンを押下します。押下すると名前を入力するポップアップが表示されます。目的に合わせて記入してください。名前はあとで変更可能です。

44

フォトギャラリー管理

1. 新規追加フォームに移動します。
2. 並び替えをする場合にチェックを入れます。並び替えはドラッグ&ドロップにて行います。
3. 登録した画像がリスト表示されます。
4. 表示のON/OFFを確認できます。
5. 編集フォームに移動します。
6. フォトギャラリーの名称を変更できます。

45

フォトギャラリー管理

1. 画像をアップロードします。
2. 画像下に添えるテキストを入力できます。
3. 画像にリンクを付与できます。
4. 表示のON/OFFを確認できます。
画像を削除する場合は、削除するボタン、更新する場合は、保存するボタンを押下します。

46

FAQ管理作成したFAQがリスト表示されます。
名前をクリックすることで、編集画面に遷移します。
削除する場合はゴミ箱アイコンをクリックします。
新規追加する場合は、追加するボタンを押下します。押下すると名前を入力するポップアップが表示されます。目的に合わせて記入してください。名前はあとで変更可能です。

47

FAQ管理1. FAQの新規追加フォームに遷移します。
2. FAQの表示を確認できます。
3. FAQの質問が表示され、リンクから編集に遷移します。
4. ドラッグ&ドロップで並び替えができます。
5. FAQの名称を変更できます。

48

FAQ管理1. 質問を記入します。
2. 回答を記入します。
3. 表示の切り替えができます。
削除する場合は、削除ボタン、更新する場合は、保存するボタンを押下します。

49

ブログ管理作成したブログがリスト表示されます。
名前をクリックすることで、編集画面に遷移します。
削除する場合は、ゴミ箱アイコンをクリックします。
新規追加する場合は、追加するボタンを押下します。押下すると名前を入力するポップアップが表示されます。目的に合わせて記入してください。名前はあとで変更可能です。

50

ブログ管理ブログ記事がリスト表示されます。
1. 記事の新規追加フォームに遷移します。
2. 表示有無を確認できます。
3. 記事タイトルが表示され、クリックすると編集フォームに遷移します。
4. ブログ記事の掲載日時を表示します。
5. ブログ名称を変更できます。

51

ブログ管理ブログ記事編集画面です。
1. 記事のタイトルを更新できます。
2. 記事の日時を変更できます。これにより記事の掲載順も変更されます。
3. ブログ一覧に掲載する画像を登録、変更できます。
4. 記事本文になります。
5. 表示非表示を切り替えられます。

52

メニュー/料金システム管理

作成したメニューがリスト表示されます。
名前をクリックすることで、編集画面に遷移します。
削除する場合は、ゴミ箱アイコンをクリックします。
新規追加する場合は、追加するボタンを押下します。名前はあとで変更可能です。
目のアイコンは、表示非表示を切り替えることができます。

メニューにはタイプがあります。
対項目1：シンプルな2つの短い項目が並ぶ形式です。
対項目2：2つ目の項目が改行、長文しやすい形式です。
項目列1：項目は1行で一つの形式です。
項目列2：項目は複数行で一つの形式です。
またそれぞれに、下部にテキストエリアを設けています。

53

メニュー/料金システム管理

メニュー内容の更新フォームです。
1. メニュータイプを変更できます。タイプ変更によりメニュー内容
はクリアされてしまいますので、ご注意ください。
2. 表示を切り替えられます。
3. メニューのタイトルを変更できます。
4. メニューの入力欄です。タイプによりカタチは異なります。
5. メニュー欄の追加、削除を操作するボタンです。
6. メニュー下部に自由に入力できるテキストエリアです。

54

口コミ管理1. 表示の確認ができます。
2. スタッフ名が表示され、クリックすることで個別の口コミの確認が行えます。
3. 審査前の口コミ数が表示されます。
4. 口コミ総数が表示されます。

55

口コミ管理1. 口コミを追加するフォームに遷移します。
2. 日付でソートできます。
3. 口コミの表示を切り替えられます。
4. 投稿者の名前が表示されます。選択することで、編集フォームに遷移します。
5. 書き込み内容を表示します。
6. 投稿日時を表示します。
7. 口コミを削除できます。

56

口コミ管理1. 星の評価を5段階設定、変更ができます。
2. 投稿者の名前を登録、変更ができます。
3. 投稿本文を登録、変更ができます。

57

ランキング管理

作成したランキングがリスト表示されます。
ランキング用途名をクリックすることで、編集画面に遷移します。
削除する場合は、ゴミ箱アイコンをクリックします。
新規追加する場合は、ランキング追加するボタンを押下します。名
前はあとで変更可能です。

58

ランキング管理

ランキングは、登録したスタッフ（非表示は除く）がリストされています。
1. スタッフ名です。
2. ドラッグ&ドロップで順番を入れ替えられます。
3. ランキングに表示するかを選択します。
4. ランキング名を設定します。
設定方法はまず、スタッフをどこか入れ替えてください。すると、更新が走り、一旦全員がOFF状態になります。
ここからランキングに参加されるスタッフをONにしていきます。
ON設定したスタッフを上部に移動させて、ランキング順にして
ください。

59

サブメニュー管理

作成したサブメニューがリスト表示されます。
サブメニュー用途名をクリックすることで、編集画面に遷移します。
削除する場合は、ゴミ箱アイコンをクリックします。
新規追加する場合は、サブメニュー追加するボタンを押下します。
名前はあとで変更可能です。

60

サブメニュー管理

1. 登録したメニューは、ドラッグ&ドロップで並び替えができます。
2. メニューを削除できます。
3. メニュー名を記載します。
4. 英字表記を記載します。
5. URLのパスを記載します。
6. クリック時のリンクの挙動を選択します。
7. 表示を切り替えられます。
変更する際は、保存するボタン、追加する際は追加するボタンを押
下します。

61

ファイルボックス

ファイルボックスは、カムスタご利用者向けのオブジェクトストレージです。
どのようなファイルでもアップでき制限は現在ありません。 しかしご利用に注
意点があります。
アクセス速度が比較的遅い。ごくたまに2，3分程度接続障害など起きることがあります。
1ファイルあたり大きなファイルはアップできない場合がある。またはアップロードに時間がかかります。
保管したい場合にオススメです。
画像はWEBP形式に強制変換されます。
高さのある画像はリサイズされます。
同名は上書きされます。誤って消さない用ご注意ください。
拡張子前の「. (ドット)」以外を禁止しています。
取り扱いを想定していないファイルは表示されないことがあります。その際は運営までお問い合わせください。
ご利用の制限は変更される可能性があります。
Googleのサイト評価を鑑みて、容量を落とすリサイズを自動で行うことがあります。
動画mp4の場合、自動でサムネイルが生成されます。これはSEOなどサイト
評価を目的としています。
ファイル数が多くなると、本ページ事態の読み込みに時間がかかります。

62

ファイルボックス

ドラッグ&ドロップで、画像や動画などがアップロードできます。動
画や画像と判定されたファイルについては、サンプルのHTMLコードが表示されます。
これをIMG_HTMLコンポのソースなどに貼り付けていただくこと
で、ご使用いただくことが可能です。

63

コンポ基本設定

コンポはいずれを作成しても、下部に基本設定が用意されています。基本設定では、
1. 見出しを追加する場合に、文言を入力します。
2. 見出しを追加する場合に、見出しのデザインパターンを選択します。
3. コンポを把握しやすくするために名称を入力します。
4. コンポの表示を切り替えられます。
5. コンポのタイプが記載されています。
更新する際は、保存するボタン、コンポ自体を削除する場合は、コンポを削除するボタンを押下します。

64

フリー入力（IMG_HTML）コンポ

1. 画像を設置する場合、ドラッグ&ドロップまたはクリックしてファイルを選択からアップロードを行えます。
2. テキストを掲載する場合、入力します。HTMLを使用可能です。
3. テキストの装飾を簡易に行う機能です。
4. 画像にalt文を記載できます。alt文は画像検索などSEOに有効です
5. 画像にリンクを設置する場合、とび先のURLを入力します。
6. リンクを設置する場合の、クリック後の挙動を選択します。
7. アップした画像を削除する場合にチェックを入れて保存するを押
下します。

65

カスタムフォーム（RESERVE）コンポ

1. カスタムフォームは、事前にカスタムフォーム管理より設置する必要があります。
2. 作成したカスタムフォームを選択します。
3. カスタムフォームのデザインパターンを選択します。

66

スタッフ一覧（STAFF_LIST）コンポ

1. スタッフ一覧コンポは、事前にスタッフ管理にて登録されたデータを基に掲載します。
2. 業態により異なりますが、スタッフ一覧は検索軸を設置できます。
3. スタッフ一覧に掲載する画像の掲載ルールを指定できます。

67

スタッフ詳細（STAFF_PROFILE）コンポ

1. スタッフ詳細コンポは、事前にスタッフ管理にて登録されたデータを基に掲載します。
2. スタッフ詳細に掲載する項目の入れ替えが行えます。
3. 予約フォームに案内する際のとび先URLを指定します。これは出勤時に、予約のリンクを設置するためです。
4. プロフィールのタイトルを変更することができます。
5. 一言コメントのタイトルを変更することができます。
6. コメントのタイトルを変更することができます。
7. 掲載する画像の比率を変更することができます。

68

新人一覧（NEWER_MORE）コンポ

新人一覧コンポは、事前にスタッフ管理にて登録されたデータを基に掲載します。

69

ピックアップ一覧（PICKUP_MORE）コンポ

ピックアップ一覧コンポは、事前にスタッフ管理にて登録されたデータを基に掲載します。

70

グループ一覧（GROUP_LIST）コンポ

グループ一覧コンポは、事前にスタッフ管理にて登録されたデータを基に掲載します。
掲載する対象のグループを選択します。

71シフト一覧（SHIFT_LIST）コンポ

シフト一覧コンポは、事前にシフト管理にて登録されたデータを基に掲載します。
シフトには日付を移動するカレンダーがついていたり、1か月のカレンダーとして表示するなどさまざまなデザインパターンが用意されています。
出勤ステータスの表示有無を選択できます。
掲載画像の表示するパターンを選択できます。

72

シフトもっと見る（SHIFT_MORE）コンポ

シフトもっと見るコンポは、事前にシフト管理にて登録されたデータを基に掲載します。
シフトもっと見るは、当日のシフトスタッフを表示します。
出勤ステータスの表示有無を選択できます。
掲載画像の表示するパターンを選択できます。

73口コミ一覧（REVIEW_LIST）コンポ

口コミ一覧コンポは、事前に口コミ一覧にて登録されたデータを基に掲載します。
口コミを一覧で表示します。
デザインパターンを指定することができます。

74口コミもっと見る（REVIEW_MORE）コンポ

口コミもっと見るコンポは、事前に口コミ一覧にて登録されたデータを基に掲載します。
口コミを最新9件スライダーで表示します。

75

ブログ（BLOG）コンポ

ブログコンポは、事前にブログ管理にて登録されたデータを基に掲載します。
設置したいブログを選択します。
ブログ全体のデザインを選択します。

76

ブログもっと見る（BLOG_MORE）コンポ

ブログもっと見るコンポは、事前にブログ管理にて登録されたデータを基に掲載します。
ブログもっと見るは最新の1記事のみ表示します。
設置したいブログを選択します。
見出しのデザインを選択します。

77

YouTube（YOUTUBE）コンポ

YouTubeコンポは、埋め込むYoutubeの動画URLを入力いただき、動画が横長か縦長かを指定します。縦長はYouTubeショートにあたります。

77

YouTube RSS（YOUTUBERSS）コンポ

YouTube RSSコンポは、埋め込むYoutubeチャンネルのURLを入力します。YouTubeが提供するRSSデータを基にリストを表示します。

79

Instagram（INSTAGRAM）コンポ

YInstagramコンポは、埋め込むInstagram1投稿のURLを入力します。

80

TikTokユーザー（TIKTOK_USER）コンポ

TikTokユーザーコンポは、埋め込むTikTokユーザのプロフィール
URLを入力します。

81

TikTokムービー（TIKTOK_SINGLE）コンポ

TikTokムービーコンポは、埋め込むTikTok動画のURLを入力します。

82

X (旧Twitter) ユーザー（X_USER）コンポ

X (旧Twitter) ユーザーコンポは、埋め込むXのプロフィールURLを入力します。

83

X (旧Twitter) ツイート（X_SINGLE）コンポ

X (旧Twitter) ツイートコンポは、埋め込むXのポスト（ツイート）
URLを入力します。

84スライド（SLIDE）コンポ

1. スライドは、事前にスライドバナー管理より設置する必要があります。
2. 作成したスライドバナーを選択します。
3. スライドバナーに適応するデザインパターンを選択します。

85

3点画像+テキスト（IMAGES）コンポ

1. 3点画像+テキストは、事前に3点画像+テキスト管理より設置する必要があります。
2. 作成した3点画像+テキストを選択します。
3. 3点画像+テキストに適応するデザインパターンを選択します。

86

フォトギャラリー（GALLERY）コンポ

1. フォトギャラリーは、事前にフォトギャラリー管理より設置する必要があります。
2. 作成したフォトギャラリーを選択します。
3. フォトギャラリーに適応するデザインパターンを選択します。

87フッターミニバナー（FOOTERBANNER）コンポ

1. フッターミニバナーは、事前にスライド管理より設置する必要があります。また、比率5:1を想定して設置されます。
2. 作成したスライドバナーを選択します。

88

バナー（BANNER）コンポ

1. バナーは、事前にバナー管理より設置する必要があります。

89料金メニュー（MENU）コンポ

1. 料金メニューは、事前にメニュー管理より設置する必要があります。
2. 作成した料金メニューを選択します。
3. 料金メニューに適応するデザインパターンを選択します。

90

ランキング（RANKING）コンポ

1. ランキングは、事前にランキング管理より設置する必要があります。ランキングはデザイン上、3、７、１０名を推奨しています。
2. 作成したランキングを選択します。

91

iframe埋め込み（EMBED）コンポ

iframe埋め込みは、HTMLの埋め込み機能を活用したコンポです。
1. iframeのタグを含んだHTMLであれば、ここ入力します。そこから自動でURLを２番へ抽出します。
2. URLのみの場合は、直接ここへ入力します。
3. 埋め込み枠の高さを指定します。

92

Google MAP（GMAP）コンポ

Google MAPの共有→地図を埋め込む→HTMLをコピーを入力することでマップを埋め込むコンポです。
1. iframeのタグを含んだHTMLを貼り付けます。
2. 埋め込んだマップの縦横比を選択します。

93マーキー（MARQUEE）コンポ

マーキーは横にテキストが流れるHTMLの機能です。
1. テキストを入力します。
2. テキストにリンクを設定する場合、URLを記載します。
3. 横に流れるスピードを調整します。テキストの長さでも速さは異なります。
4. マーキーに適応するデザインを選択します。
一つ追加することで、新規入力欄が一つ追加されます。不要な場合
は、未入力にして保存するを押下します。

94

サブメニュー（SUBMENU）コンポ

1. サブメニューは、事前にサブメニュー管理より設置する必要があります。
2. 作成したサブメニューを選択します。
3. サブメニューに適応するデザインパターンを選択します。

95

年齢認証（VERIFY）コンポ

年齢認証を簡易に設置できるコンポです。
1. 年齢認証向けの文章を入力します。
2. はい、いいえを押下した際のとび先を指定します。これは外部リンクの設定も可能です。
3. ボタンのカラーを設定できます。

96

動画（VIDEO）コンポ

1. 動画は、事前にファイルボックスアップした動画を指定できます。
2. システムにより動画と判定されたものがリストされます。設置する動画ファイル名を指定します。
3. 動画のコントローラーの表示有無を選択します。
4. 動画をループさせるか選択します。
5. 音声をミュートするか選択します。
6. 自動再生をするか選択します。自動再生の場合は、Web標準のルールでミュートでないと自動再生されません。

97

ステップフロー（STEP）コンポ

1. ステップフローは、事前にステップフローより設置する必要があります。
2. 作成したステップフローを選択します。
3. ステップフローに設定するデザインパターンを指定します。

98

お店情報（SHOPINFO）コンポ

お店情報を定型的に表示する際に使用するコンポです。
1. 店名を入力します。
2. 業種を入力します。
3. 職種を入力します。
4. 営業時間を入力します。
5. 住所を入力します。
6. 交通を入力します。

99

求人情報（JOBPOSTING）コンポ

求人情報を定型的に表示する際に使用するコンポです。
1. 応募資格を入力します。
2. 給与を入力します。
3. 勤務地を入力します。
4. 勤務時間を入力します。
5. 勤務日を入力します。
6. 営業時間を入力します。
7. 交通を入力します。
8. 所在地を入力します。

100

Q&A（FAQ）コンポ

1. Q&Aは、事前にFAQ(Q&A)管理より設置する必要があります。
2. 作成したQ&Aを選択します。
3. Q&Aに設定するデザインパターンを指定します。

101