独自ドメインでホワイトラベル:パネルを自社ブランドに

サブスクリプションパネルを自社ブランドと独自ドメインで運用。ロゴ、色、CNAMEとTXTレコード、HTTPSの自動化、ログインページと更新ページのカスタマイズを解説します。

公開日 · 1 分で読めます · Painel Blend

Painel Blendの外観設定。カラーエディター、テーマのプリセット、カスタムブランドを適用したパネルのプレビューPainel Blendの外観設定。カラーエディター、テーマのプリセット、カスタムブランドを適用したパネルのプレビュー

顧客やリセラーがログインしたときに別の会社の名前が表示されると、測りにくいものを失います。それは「このビジネスは自分のものだ」という感覚です。ホワイトラベルはこれを解決します。顧客、サブスクリプション、更新、リセラーを管理するパネルを、あなたのブランド、色、アドレスで表示できます。

このガイドでは、カスタマイズすべき項目、手間なく独自ドメインを設定する方法、そして公開時に避けるべき失敗を紹介します。

自社ブランドが重要な理由

ブランドを適用したパネルは、見た目だけの話ではありません。人からの信頼度が変わります。

  • 顧客は誰に支払っているのかがわかる。 更新ページで、WhatsAppでおなじみの名前とロゴが表示されれば、Pixでの支払いにも安心感が生まれます。
  • リセラーは仕入れ先ではなく、あなたのブランドを販売する。 これがネットワークを守ります。あなたの代わりに販売する人が、あなたを飛び越える理由がなくなります。
  • 裏側を自由に変えられる。 アドレスとアイデンティティがあなたのものなら、顧客体験が他社の名前に左右されることはありません。

カスタマイズできる項目

Painel Blendでは、設定 → 外観でビジュアルアイデンティティを管理します。主な項目は次のとおりです。

項目 表示される場所 実践的なヒント
パネル名 タイトル、ブラウザのタブ、メッセージ WhatsAppのプロフィール名と合わせる
ロゴとファビコン サイドバー、ログイン、ブラウザのタブ 明るい背景用と暗い背景用の2種類を用意する
色とテーマ ボタン、強調表示、サイドバー プリセットから始め、メインカラーだけを調整する
角の丸みとサイドバー 全体の見た目 自社サイトやSNSと統一感を持たせる
ログイン画面の背景 サインイン画面 画像、動画、または淡いグラデーション。ごちゃごちゃさせない
ログインページと更新ページ アクセスと支払い 短い文言とサポートの連絡先を入れる

パネルにはライトモードとダークモードがあるので、配色は両方でテストしましょう。白背景で映える色も、暗い背景では見えにくくなることがあります。

手順:独自ドメインの設定

panel.yourbrand.com のようなアドレスは、汎用的なリンクよりはるかに信頼感があります。設定に必要なDNSレコードは2つだけで、HTTPS証明書は自動で発行されます。

1. サブドメインを決める

panel.、app.、access. など、短くてわかりやすいものを選びましょう。顧客を混乱させる名前や、後で変更しそうな名前は避けてください。

2. パネルにドメインを追加する

設定 → パネルのドメインでサブドメインを入力します。作成すべきレコードがパネルに表示されます。

3. DNSプロバイダーでCNAMEとTXTレコードを作成する

  • CNAMEは、サブドメインをパネルに向けます。
  • TXTは、ドメインの所有者であることを証明します。

値は表示されたとおり正確にコピーしてください。余分なスペースやドットの抜けが、検証に失敗する最も多い原因です。

4. 検証とHTTPSの有効化を待つ

DNSが反映されると、パネルがレコードを確認し、HTTPSを自動で有効にします。反映にかかる時間は、プロバイダーによって数分から数時間です。

5. 告知する前にテストする

新しいアドレスを、プライベートウィンドウ、スマートフォン、パソコンで開いてみましょう。ログインし、更新ページを開き、ブラウザに鍵マークが表示されることを確認します。

よくある失敗と回避方法

  • 不要なDNSプロキシが有効になっている。 プロバイダーによっては、CNAMEレコードでプロキシが初期設定で有効になっています。検証が通らない場合は、プロバイダーのドキュメントでこの設定を確認してください。
  • 重いロゴや見切れたロゴ。 余白のある軽量な画像を使いましょう。大きすぎるロゴは、スマートフォンでのログインを遅くします。
  • コントラストの低い配色。 明るいボタンに明るい文字では読みにくくなります。画面の明るさを下げたスマートフォンでテストしましょう。
  • 告知後にドメインを変更する。 古いリンクは顧客のWhatsAppのやり取りに残り続けます。最初から正しく設定しましょう。
  • 更新ページを忘れる。 パネルの外で顧客が最もよく目にするページです。文言をカスタマイズし、サポートの連絡先を追加しましょう。

ブランド公開チェックリスト

  1. 名前、ロゴ、ファビコンを設定済み。
  2. 配色をライトモードとダークモードでテスト済み。
  3. ログイン画面の背景を選び、軽量化済み。
  4. 独自ドメインを検証済みで、HTTPSが有効。
  5. ログインページに短いメッセージとサポートへのリンクを掲載。
  6. 更新ページに自社名と支払い方法の案内を掲載。
  7. アクセス情報のメッセージ(プレイリスト)を新しいアドレスに更新済み。
  8. リセラーに新しいリンクを通知済み。

忘れられがちなのが7番です。顧客に送るメッセージに古いリンクが残っていると、リブランディングは半分しか終わっていません。トライアルで使うテンプレートも見直しましょう。詳しくは契約につながる無料トライアルとプレイリストの記事で解説しています。

リセラーネットワーク全体で自社ブランドを

リセラーと協力しているなら、ビジュアルアイデンティティはネットワークの維持にも役立ちます。全員が同じブランドのアドレスを使い、パネル内でお知らせを受け取り、あなたからクレジットを購入します。構築方法はクレジット制リセラーネットワークのガイドをご覧ください。

自社ブランドで始めましょう

名前、色、ログイン、更新ページ、ドメインがそろえば、パネルは他社のものではなく、あなたのビジネスの一部になります。詳細はホワイトラベルと独自ドメインのページをご覧ください。実際に試してみたい方は、クローズドベータへのアクセスをリクエストするか、ウェイトリストにご登録ください。

ビジネスを次のステージへ進める準備はできていますか?

クローズドベータに参加して Painel Blend をいち早く使うか、ウェイトリストに登録して正式リリースに備えましょう。