Demo dashboard · Fictional data

Two customer pages.
Try Hopbar on both.

Import the sample, open a customer with a bookmark, then type billing to see their bills. Hopbar must be installed and enabled.

01 · Download

Get the sample config

One bookmark and one rule, just for this demo. Your theme and language settings stay as they are.

hopbar-demo.json

02 · Import

Import it into Hopbar

Click the Hopbar toolbar icon, then ⋯ → “Import”. Select the JSON file you downloaded.

Choose “Add only”, check the added and skipped counts, then select “Import into editor” and “Save changes”.

If anything was skipped, check for an existing bookmark keyword or duplicate rule.

03 · Try the bookmark

Type demo-home

Come back to this page and press ⌘ / Ctrl + Shift + K. Type demo-home, select the sample bookmark, and press Enter.

You should reach Qinghe Studio's overview. Try billing once you're there.

Or browse the sample pages→

What's in the file?

Bookmarks

demo-home

On any regular website, demo-home opens Qinghe Studio's overview.

/en/demo/customers/qinghe/overview
Site rules

billing

billing reads the customer ID from the URL. On Qinghe's page it opens Qinghe's bills; on Shanchuan's, it opens Shanchuan's.

/en/demo/customers/{customer}/billing

Nothing happening?

Check that Hopbar is enabled and you selected “Save changes” after importing. If the shortcut does nothing, check Chrome’s extension shortcut settings.

If a command is missing, check whether it was skipped on import. For an older demo config, remove the old demo rule and import a fresh download. You can also check the current URL with “Test & preview”.

When done, delete the bookmarks and rules named “Hopbar Demo”, then save your changes.