自社サイトにポップアップバナーとチャットボットを出すサービスです。 表示するページとタイミングを選んで、 訪問者に合わせた案内を出せます。
1. 画面の構成
| メニュー | できること |
|---|---|
| バナー | ポップアップバナーの作成・公開・効果の確認 |
| チャットボット | チャットボットの作成・公開・効果の確認 |
| 計測タグ | サイトの登録とタグの発行 |
| プラン | 今月の使用状況・プランの変更・お支払い |
| アカウント | ログインのメールアドレスとパスワードの変更、 解約 |
バナーとチャットボットはサイトごとに作ります。 サイトが複数あるときは、 画面の上で切り替えます。
使い方の流れは、 サイトを登録してタグを貼る → バナーかチャットボットを作る → 公開する の 3 ステップです。
2. 計測タグを貼る
バナーとチャットボットは、 計測タグを貼ったサイトに表示されます。 タグで表示回数やクリックも数えます。
- メニューの「計測タグ」で、 サイトの名前と URL を入れて「登録してタグを発行」を押す
- 「タグをコピー」で写し、 サイトのすべてのページの
</head>の直前に貼る - 「計測が届いたか確かめる」を押し、 「✓ 計測が届いています」になれば完了
WordPress なら無料のプラグイン「Contact Form by gripspace」でも設置できます。 画面の「タグの入れ方」に方法が載っています。
3. バナーを作る
「バナー」画面の「バナーを追加 +」から、 作り方を 2 つから選びます。 どちらも「1 デザイン設定 → 2 ルール設定」の順に進み、 上の「表示中 / 下書き」を表示中にして「保存」すると公開されます。
A. お手持ちのバナー画像をアップロード
作ってある画像を使う方法です。 リンク先 URL と、 PC 用・スマホ用の画像（png / jpg / gif / webp、 30MB 未満）を登録します。 PC とスマホの最大幅も決められます。
「バナーセット追加」で 2 つ目・3 つ目の画像を登録すると、 表示のたびにランダムに出し分けます。 どの画像がよくクリックされたかを、 効果のグラフ（Set A / B / C）で比べられます。
B. テンプレートから管理画面でバナー作成
テンプレートを選び、 管理画面のエディタで文字や画像を直して作ります。
| 機能 | 内容 |
|---|---|
| テキスト | フォント・色・行間などを変えられます |
| 画像 | アップロードした画像のほか、 素材（背景・アイコン・「セール」「期間限定」などのラベル）から選べます。 切り抜きもできます |
| パーツ追加 | 図形・線・矢印・テーブル、 カウントダウン、 フォーム |
| リンク | 文字やボタンなど、 どのパーツにもリンク先を付けられます（別窓で開くも可） |
| サイズ変更 / 背景 | キャンバスの大きさ、 背景の色（グラデーションも可） |
| 元に戻す / やり直し、 重なり順 | 前面へ・背面へなど |
| プレビュー / PNGダウンロード | プレビューは保存後に、 実際のサイトの上で確かめられます |
- カウントダウン：「指定の日時で終了する」か「表示された時から指定の時間後に終了する」を選べます。 終わったあとのメッセージも決められます
- フォーム：名前とメールアドレス（必須）を受け付けます。 「メール送信設定」で、 管理者宛メールと自動返信メールを設定します
※ 一覧の各バナーは「編集」「複製」「ロック」「削除」ができます。 ロック中は削除できません。
4. 表示方法を決める
| 項目 | 内容 |
|---|---|
| 表示方法 | モーダル（画面の中央に重ねて出す） / フローティング（画面の端に浮かせて出す） |
| 表示位置 | フローティングのとき。 左上・上・右上・左・中央・右・左下・下・右下の 9 か所 |
| アニメーション | フェードイン / スライド / ズームフェード |
| 表示するデバイス | すべてのデバイス / モバイルのみ / PCのみ |
| 閉じるボタン / 影 / 角の丸み | 閉じるボタンの有無・大きさ・位置・色など |
※ 帯型のテンプレートは、 画面の上か下に出します。 上に出すときは、 浮かせるか、 ページの一番上に差し込むか（ブロック追加）を選べます。
5. 表示する条件（ルール設定）
バナーとチャットボットで共通です。
| 項目 | 内容 |
|---|---|
| 表示期間 | 開始と終了の日時。 キャンペーン期間だけ出すときに使います |
| トリガー | 最初から表示 / ページの ◯％までスクロールしたら / 滞在時間 ◯ 秒を超えたら / ユーザ離脱時にモーダルで表示 |
| 表示するページURL | 「前方一致を含む」で、 そのページ以下すべてにも出せます。 「OR +」で URL を増やせます |
| AND 条件（4 つまで） | サイト訪問頻度（初回 / ◯日以内に◯回目以上の訪問 / ◯日ぶり以上の訪問） / 閲覧ページ / 未閲覧ページ / アクセス元（パラメータ・自然検索・リファラー・直接アクセスなど） |
| 表示しないページのURL | 1 行に 1 つ。 表示するページより優先されます |
6. チャットボットを作る
「チャットボット」画面の「チャットボットを追加」から作ります。 「シナリオ設定 → ルール設定」の順に進みます。
シナリオ
「シナリオを編集」で、 会話の流れをステップでつなぎます。
| ステップ | 内容 |
|---|---|
| メッセージ | ボットが話す文 |
| 選択肢 | ボタンで答えてもらい、 答えごとに流れを分けます |
| テキスト入力 | 名前・メール・電話番号などを 1 つずつ聞きます |
| フォーム | 複数の項目をまとめて入力してもらいます |
| CTA | 指定のページへ誘導するボタン |
| AI Q&A 入力 | 自由な質問に AI が答えます（下記） |
「✨ AIでシナリオ案を作成」を使うと、 サイトの URL・目的（リード獲得・資料請求・予約など）・聞きたい項目を選ぶだけで、 シナリオの案ができます。
AI Q&A
登録した PDF 資料をもとに、 AI が質問に答えます。 PDF は複数登録できます。 1 回の会話で答える数（1〜20）を決め、 それを超えたら CTA（問い合わせページへのボタンなど）を出せます。
※ AI が答えた数はプランの上限（月）まで数えます。 上限に達すると、 翌月 1 日まで AI は答えず、 CTA を出します。
見た目と受け取り
表示位置（右下・左下・右上・左上）、 テーマ色、 アイコン、 タイトル・挨拶文、 波紋のアニメーションや未読バッジ、 挨拶の吹き出しを自動で出すかなどを決められます。
フォームやテキスト入力で受け取った内容は、 「メール送信設定」の管理者宛メールで届きます。 入力した人への自動返信メールも設定できます。
7. 効果を見る
一覧の各バナー・チャットボットに、 表示回数とクリック数（合計と当月）、 月ごとのグラフが出ます。 画像アップロードのバナーでは、 クリック率と、 バナーセットごと（Set A / B / C）の数も分かります。
画面の上の「◯月の使用状況」で、 今月の表示回数（バナーとチャットボットの合計）・AI Q&A の回答数・公開中の数を確かめられます。
8. プランと上限
| プラン | 月額（税込） | 表示回数 / 月 | サイト | 公開できるバナー / チャットボット | AI Q&A / 月 |
|---|---|---|---|---|---|
| フリー | 0円 | 1,000 回 | 1 | 各 1 つ | 30 回 |
| ライト | 1,980円 | 10,000 回 | 1 | 各 3 つ | 300 回 |
| スタンダード | 4,980円 | 50,000 回 | 3 | 無制限 | 1,000 回 |
| プロ | 14,800円 | 300,000 回 | 10 | 無制限 | 5,000 回 |
- 年払いは 2 か月分お得です（月額 × 10）
- 表示回数は上限を超えても表示を続けます。 80% と 100% でメールでお知らせします。 毎月 1 日に数え直します
- AI Q&A は上限に達すると、 その月は答えなくなります（プランを変えるとすぐ再開します）
- フリープランでは、 バナーとチャットボットに「Web接客 by grip space」の表記が出ます
- ライトプランは、 初めてのお申し込みなら 14 日間無料でお試しいただけます
プランの変更・カード・請求書は、 「プラン」画面の「ご契約の管理（プランの変更・カード・請求書）」から行います。 有料プランをやめるときは「フリープランに戻す」を押します（お支払い済みの期間の終わりまでは今のプランのままです）。