店舗セットアップ(管理画面)
購入画面へ
店舗
商品
キャスト
決済
通知
0
店舗情報
ここで設定した内容が、お客さんの購入画面の一番上に表示されます。
店舗名
ひとことメッセージ(任意)
店舗情報を保存する
新しい商品(投げ銭の金額)を登録
商品名
値段(円)
種別
その他(注意書きなし)
🍺 酒類(20歳未満には販売不可)
🍽 フード(写真はイメージ)
酒類にすると、購入画面の年齢確認が
20歳以上
に変わります。
フードにすると「写真はイメージです」の注意書きが出ます。
写真
※ 端末内で処理します(サーバーには送信しません)
この内容で登録する
まとめて登録
1行に1商品ずつ「
商品名 , 値段 , 種別
」の形で貼り付けてください。
種別は省略できます
。書く場合は「酒」または「フード」と入れてください。
エクセルやCSVからそのままコピー&貼り付けできます(カンマ・タブどちらでもOK)。
値段の「¥」「円」「,」は自動で取り除きます。
登録前に既存の商品をすべて消す(入れ替え)
内容を確認する
この内容でまとめて登録する
登録済み商品
商品を初期状態(30商品)に戻す
※ 追加・削除した内容は消えて、写真つきの30商品に戻ります。
新しいキャストを登録
ここに登録した人が、購入画面の「投げ銭する相手」に表示されます。
名前
ひとこと・出勤情報(任意)
写真
この内容で登録する
登録済みキャスト
現在の決済モード
確認中…
Stripe(カード / PayPay)
カードとPayPayの両方をStripe1社でまとめて扱います。
⚠️ APIキーの入力欄はここにはありません。
鍵をこの画面に入力すると、お客さんのブラウザから丸見えになり、 売上を抜かれる危険があります。そのため鍵は
Cloudflare側の金庫(シークレット)
に保管する方式にしています。
鍵の登録はゴーさんのパソコンから次の1行で行います(Claudeが案内します)。
npx wrangler pages secret put STRIPE_SECRET_KEY --project-name=nagesen-mock
決済の流れ
1. お客さんが購入画面で商品と支払い方法を選ぶ
2. Stripeの決済画面へ移動して支払う
3. 戻ってきたら
サーバー側で入金を確認
してから完了画面を出す
4. この通知タブに入金が表示される
値段はブラウザからではなく
サーバー側の価格表
を使うので、 金額を書き換えられる心配はありません。
通知設定
入金があったら通知一覧に表示する
通知時に音を鳴らす
通知設定を保存する
入金一覧(サーバー記録)
Stripeから直接届いた入金です。お客さんがどの端末で決済しても、必ずここに残ります。
管理パスワード
入金一覧を表示する
最新の状態に更新
この端末での通知
(自動更新中)
この端末のブラウザで決済したときだけ出る簡易表示です。テスト用。
通知をすべて消す