デモ管理画面 · 架空のデータ

2 件の顧客ページで、
Hopbar を試す。

設定をインポートし、ブックマークで顧客を開いたら、billing で請求画面へ。Hopbar のインストールと有効化が必要です。

01 · ダウンロード

サンプル設定を入手

このデモ用のブックマークとルールが 1 件ずつ入っています。テーマや言語設定は変更しません。

hopbar-demo.json

02 · インポート

Hopbar にインポート

ツールバーの Hopbar アイコン → 右上の ⋯ →「インポート」で、ダウンロードした JSON を選びます。

「追加のみ」で追加・スキップ件数を確認し、「編集画面にインポート」、最後に「変更を保存」を押します。

スキップされた場合は、同じキーワードのブックマークや重複するルールがないか確認してください。

03 · ブックマークを試す

demo-home と入力

このページに戻り、⌘ / Ctrl + Shift + K を押します。demo-home と入力してサンプルのブックマークを選び、Enter を押してください。

青禾スタジオの概要が開きます。そのページで billing も試してみてください。

サンプルページを直接見る→

ファイルの内容

ブックマーク

demo-home

通常のウェブサイトならどこからでも、demo-home で青禾スタジオの概要を開けます。

/ja/demo/customers/qinghe/overview
サイトルール

billing

billing は URL から顧客 ID を読み取ります。青禾のページでは青禾の請求、山川のページでは山川の請求を開きます。

/ja/demo/customers/{customer}/billing

動かないときは

Hopbar が有効で、インポート後に「変更を保存」を押したか確認してください。キーが反応しなければ、Chrome の拡張機能ショートカット設定を確認します。

指令が見つからなければ、インポート時のスキップを確認してください。古いデモ設定を使っている場合は、そのデモルールを削除し、新しくダウンロードしてインポートします。「テストとプレビュー」で URL を確認することもできます。

試した後は「Hopbar デモ」で始まるブックマークとルールを削除し、変更を保存できます。