# ホワイトラベル・クイックスタート 「Agency」にアップグレードした直後の状態から、最初のクライアントがログインできる完全にブランディングされたプラットフォームに至るまでの、6ステップの集中ロードマップです。回り道や高度な設定は一切なし。一般的なダッシュボードから、*あなた自身の*製品に見えるものへと最短距離でたどり着けます。 各ステップには所要時間の目安と、後で詳細を確認したい場合のリンクが記載されています。作業時間は30分程度を見込んでください。これに加え、DNSがバックグラウンドで反映されるまでの待ち時間が最大1時間ほどかかります。どこかのステップで詰まったら、先に進んでしまっても構いません。後で戻ってくることができます。 ::: walkthrough white-label-quickstart ::: *** ## 最後に手に入るもの - プラットフォームを指し示す独自のカスタムドメイン（例: `app.youragency.com`） - 有効なセキュリティ証明書（ブラウザの鍵アイコン） - デフォルト設定を置き換える、貴社の社名、ロゴ、アイコン（ファビコン）、カラー、SEOテキスト - クライアントのオンボーディング方法（管理型 vs 再販型）の明確な決定 - カスタムドメインでログインしたテスト用サブアカウント1つ 一度設定が完了すれば、すべての新規クライアントに対して自動的に同じブランド体験が提供されます。この設定は一度行うだけで済みます。 *** ## 開始する前に この機能を利用するには、**Agency**サブスクリプションプランである必要があります。ホワイトラベル機能は下位プランでは利用できません。まだAgencyプランでない場合は、**Settings → Billing**（Workspace内）に移動してアップグレードしてください。アップグレードするまで、Settings → Advanced内に**White Labeling**の項目は表示されません。 また、以下のものが必要です： - 所有しているドメイン（または所有ドメインのサブドメイン）。ほとんどの代理店は、マーケティングサイトとアプリを分離しておくために、`youragency.com` ではなく `app.youragency.com` のような形式を使用しています。 - ドメイン登録業者（GoDaddy、Cloudflare、Namecheapなど）へのアクセス権。具体的にはDNS設定ページです。ログイン情報が不明な場合は、作業を始める前に確認してください。 - ブランド用の画像ファイル2点： - **ロゴ** — 横長のロゴ。PNG、WebP、またはSVG形式で、最大5MBまで。 - **ファビコン** — ブラウザのタブで使用する正方形のアイコン。PNG、WebP、またはSVG形式で、最大5MBまで。256×256ピクセルが適しています。 *** ## ステップ1 — クライアントのオンボーディング方法を決定する（約5分） 設定を触る前に、クライアントがどのように支払いを行い、サインアップするかを決定してください。これは、その後のプロセスの進め方に影響します。 - **マネージドモード。** **Sub Accounts**ページから、あなた自身が各サブアカウントを作成します。クライアントへの請求はプラットフォーム外（銀行振込、お使いの会計ツールなど）で行います。クライアントが料金ページを見ることはありません。代理店がすべて代行するセットアップや、Stripeが利用できない国、すでに独自の請求システムがある代理店に最適です。 - **リセリングモード。** クライアントは**SaaS Mode**で設定された決済リンクを通じて、自分でサインアップします。クライアントは、あなたが接続したStripeアカウントを通じて、自動的にマークアップが適用された料金を支払います。セルフサービスでの大規模展開や、パッケージ化された製品の販売に最適です。 ずっとそのモードでなければならないわけではありませんが、後から個別のサブアカウントをモード変更するには手作業が必要です。ほとんどのクライアントに合うモデルを選択してください。詳細はこちら：[クライアントサブアカウントの管理](sub-accounts.md)。 *** ## ステップ2 — カスタムドメインを選択する（約2分） クライアントがログインに使用する正確なWebアドレスを決定します。いくつかの指針を挙げます： - **サブドメインの方がシンプルです。** `app.youragency.com` が標準です。`youragency.com` はマーケティングサイト用に取っておきましょう。DNSレコードは1つで済みます（ベア/Apexドメインの場合は2つ必要になり、DNSプロバイダーを変更する際に不安定になりやすくなります）。 - **短く、分かりやすいものにしましょう。** `app.`、`platform.`、`dash.`、または `clients.` などが適しています。クライアントが覚えなければならないような凝った名前は避けましょう。 - **最大3つまでホワイトラベルを運用できます。** ほとんどの代理店は1つで十分ですが、同じ代理店アカウントで最大**3つ**のドメインを追加でき、それぞれに独自のドメイン、ブランディング、メール送信設定を行えます。異なる市場向けのセカンドブランドや、クライアント向けのLead Finderドメインなどに活用できます。最初のドメイン以降の追加ドメインは [Champions Circle](../billing/champions-circle.md) に含まれています。このクイックスタートでは最初の1つを設定します。追加方法については [最大3つのホワイトラベル](white-labeling.md#up-to-three-white-labels) を参照してください。 選択したドメインを書き留めておいてください。次のステップで貼り付けます。 *** ## ステップ 3 — ダッシュボードでドメインを追加する（約2分） 1. メインサイドバーの（Sub Accountsの下にある）**Settings**をクリックします。 2. Settingsメニューで**Advanced**グループまでスクロールし、**White Labeling**をクリックします。 3. **Custom domain**カードまでスクロールします。 4. **App domain**フィールドに、ステップ2で選んだドメイン（例：`app.youragency.com`）を入力します。`https://` や末尾のスラッシュは含めないでください。ドメイン名のみを入力します。 5. **Save**をクリックします。 保存すると、カードに登録業者側で追加すべきCNAMEレコードが表示されます。左側にあなたのドメイン、右側に `tenants.youraiconnector.com` が表示されます。 ::: master-only
v2のカスタムドメインカード。アプリドメインフィールドと、tenants.youraiconnector.comへのCNAME指示が表示されています

保存後のカスタムドメインカード：ドメイン、コピーするCNAMEターゲット、および検証後のアプリ/API/ドキュメントドメインが表示されます。

::: **このタブは開いたままにしておいてください**。この値をこの後、登録業者のサイトにコピーします。 *** ## ステップ4 — 登録業者側でDNSレコードを追加する（約10分） DNSレコードはインターネットの電話帳のようなもので、ブラウザに対してカスタムドメインの場所を教える役割を果たします。ここでは、`app.youragency.com` がプラットフォームを指すように設定を行います。 1. ドメインを購入した会社（「登録業者」：GoDaddy、Cloudflare、Namecheapなど）に**別のブラウザタブ**でログインします。 2. ドメインの**DNS設定**ページを探します。「DNS管理」や「DNSレコード」などと表記されている場合があります。 3. **CNAME**レコードを追加します： - **ホスト / 名前** — `app.youragency.com` のようなサブドメインの場合、ほとんどの登録業者では `app` だけで済みます（残りは自動的に補完されます）。 - **値 / ターゲット / ポイント先** — Custom domainカードに表示されている通りに `tenants.youraiconnector.com` を入力します。 - **TTL**はデフォルトのまま（または入力を求められた場合は3600 / 1時間）にします。 4. 登録業者の**Save**ボタンをクリックします。 > **競合に注意してください。** そのホストに対して同じタイプのレコードが既に存在する場合（例：別の場所を指している古いAレコードなど）、先にそれを削除または更新してください。競合するレコードが2つあると、検証が失敗します。 > **Cloudflareをご利用ですか？** プロキシ（レコードの横にあるオレンジ色の雲のトグル）はオンのままで問題ありません。検証と証明書はどちらの状態でも機能します。ただし、1つだけ重要な設定があります。**SSL/TLS → Overview** に移動し、暗号化モードが **Flexible** ではなく **Full (strict)** に設定されていることを確認してください。Flexibleに設定されていると、ドメインが「リダイレクトが多すぎます」というエラーになり、読み込めなくなります。 > **まだカスタムドメインにアクセスしないでください。** セットアップ完了前にアクセスすると、ブラウザに壊れたページがキャッシュされてしまう可能性があります。ステップ5でログイン画面が読み込まれることを確認するまでお待ちください。 DNSの変更が反映されるまで、数分から数時間かかる場合があります。ほとんどの登録業者（特にCloudflareやNamecheap）では1時間以内に更新されます。1日経っても解決しない場合は、レコードに誤字がないか再確認し、再度保存してください。 *** ## ステップ 5 — セキュリティ証明書を待つ（約数分〜1時間、自動） CNAMEが有効になると、プラットフォームが自動的にそれを検出し、所有権を確認し、ドメインのセキュリティ証明書（SSL）をプロビジョニングします。これにより、ブラウザに南京錠のアイコンが表示され、`https://` プレフィックスが付与されます。 - 購入やインストールは不要です。証明書は自動的に作成され、永続的に更新されます。 - 通常、DNSレコードが有効になってから5〜30分以内に完了します。 準備ができたら、新しいブラウザタブでカスタムドメインを開いてください。HTTPS経由で、あなた自身のWebアドレスにプラットフォームのログイン画面が表示されるはずです。これで技術的な作業は完了です。 ::: master-only
カスタムドメイン上のホワイトラベルログインページ。プラットフォームのブランディングはなく、代理店自身の名前とロゴが表示されています

クライアントに表示される画面：独自のドメイン上のログインページで、貴社の名前とロゴが表示されます。当社の痕跡は一切ありません。

::: > **リンクを共有する前にロゴをアップロードしてください。** 以下のブランディング手順でロゴがアップロードされるまで、ログインページのロゴが表示されるべき箇所には画像エラーが表示されます。ドメインを誰かに公開する前に、ステップ6を完了させてください。 *** ## ステップ 6 — プラットフォームのブランディング（約15分） ドメインは有効ですが、プラットフォームにはまだ中立的なプレースホルダー名（"DM Champ"）と当社のアイコンが表示されています。これを修正しましょう。以下のすべての設定は、カスタムドメインカードの上にある、同じ **設定 → 詳細設定 → ホワイトラベル** パネルで行えます。 ### 6a. ブランド **Brand** カードで、以下を入力します： - **アプリ名** — アプリ全体、すべてのメール、ホーム画面のショートカットに表示されるブランド名です。必須：設定されるまでは「DM Champ」と表示されます。 - **会社名** — フッターやメールで使用される、貴社の正式名称または会社名です。 - **サポートメールアドレス** — 「サポートに連絡」のリンク先およびシステムメールの返信先アドレスです。 - **利用規約URL** および **プライバシーポリシーURL** — 貴社の法務ページです。貴社のドメイン上のサインアップページからこれらにリンクされます。空欄にするとリンクは表示されません（弊社側のリンクが表示されることはありません）。 - **SEOタイトル** および **SEO説明文** — ブラウザのタブや検索結果に表示される内容です。 ブランドカードの**保存**をクリックします。 ::: master-only
ホワイトラベル設定パネルの「ブランド」カード。アプリ名、会社名、サポートメールアドレス、利用規約URL、プライバシーポリシーURL、SEOタイトル、SEO説明文の各フィールドと、カードヘッダーの保存ボタンが表示されています

「ブランド」カード — アプリ名、会社名、サポートメールアドレス、利用規約URL、プライバシーポリシーURL、SEOタイトル、SEO説明文をまとめて保存できます。

::: ### 6b. ロゴとファビコン **ロゴとファビコン**カードで、**ロゴ**の下にある**アップロード**をクリックし、水平ロゴ（PNG/WebP/SVG形式、最大5MB）を選択します。**ファビコン**（正方形、256×256が推奨）についても同様に行います。これらはアップロード時に自動的に保存されるため、個別の保存ボタンはありません。 ::: master-only
ロゴとファビコンのカード。ロゴ、ロゴ（ダークモード）、ファビコン、アプリアイコン（正方形）の4つのアップロードスロットと、その下に48pxに設定されたロゴサイズスライダーが表示されています

「ロゴとファビコン」カードには、ロゴ、ダークモード用ロゴ、ファビコン、アプリアイコンの4つのスロットがあります。各「アップロード」ボタンは、ファイルを選択すると即座に保存されます。その下の「ロゴサイズ」はロゴの表示サイズを設定するもので、こちらは「保存」ボタンを押す必要があります。

::: ### 6c. カラー **カラー**カードで、**プライマリカラー**の四角をクリックしてブランドのメインカラーを設定します（デフォルトはWhatsAppグリーン、`#25D366`）。次に、**アクセントカラー**についても同様に行います。**保存**をクリックします。 ::: master-only
v2のカラーカード。プライマリカラー、アクセントカラー、成功、警告のカラー見本と、6つの既製パレットプリセットが表示されています

カラーカード — プライマリとアクセントは今回設定する2つです。成功、警告、およびプリセットパレットはオプションのショートカットです。

::: ### 6d. 後から微調整する（オプション） フォント、密度、カスタムログイン背景などはすべて同じパネルの下部にあります。これらはホワイトラベルを機能させるために必須ではないため、今日はスキップして後から設定しても問題ありません。詳細なリファレンス：[ホワイトラベルとカスタムドメイン](white-labeling.md)。 保存後、カスタムドメインをハードリフレッシュ（WindowsではCtrl+Shift+R、MacではCmd+Shift+R）し、ブラウザのタブに貴社の名前とアイコンが表示され、ボタンに貴社のメインカラーが使用されていることを確認してください。 *** ## ステップ 7 — テスト用サブアカウントを作成し、ログインする（約10分） 実際のクライアント体験が最初から最後まで正常に動作するまで完了ではありません。自分用のサブアカウントを作成し（確認可能な個人のメールアドレスを使用）、フローが適切であることを確認してください。 1. メインサイドバーで、**サブアカウント**（設定のすぐ上にある専用ページ）をクリックします。 ::: master-only
v2のサブアカウントページ。統計タイル、検索バー、アカウント追加ボタンが表示されています

サブアカウントページ — ここでテストアカウントを作成し、後で実際のすべてのクライアントを作成します。

::: 2. 右上の緑色の**アカウント追加**ボタンをクリックします。 3. 3ステップのモーダルでテストの詳細を入力します： - **アカウント** — 名、姓、および確認可能な個人のメールアドレス。 - **ビジネス** — ビジネス名（必須）。残りはテスト用に空欄のままで構いません。 - **機能** — デフォルトのままにします。 ::: master-only
サブアカウント追加モーダルのアカウントステップ。3ステップの進捗（アカウント、ビジネス、機能）と、名、姓、メールフィールドが表示されています

アカウント追加モーダル、ステップ1/3。ここで入力したメールアドレスが、テストクライアントのログイン情報になります。

::: 4. **アカウントを作成**をクリックします。 5. 確認画面に**生成されたパスワード**が表示されます。**今すぐコピーしてください**。後から確認することはできません。このパスワードはクライアントにもメールで送信されます。 6. メールを開き、**送信者ブランドが弊社ではなく、あなたのアプリ名（ステップ6a）になっていることを確認してください**。まだ弊社の名前が表示されている場合は、ブランディングが反映されていません。1分待ってから再度確認してください。 7. エージェンシーアカウントからログアウトします（右上のユーザーメニュー → サインアウト）。 8. **シークレットウィンドウ / プライベートブラウジングウィンドウ**でカスタムドメインを開き、テスト用サブアカウントのメールアドレスとコピーしたパスワードでサインインします。 9. サブアカウントの体験を最初の30秒間確認します： - ログインページにブランド名とロゴが表示されていますか？ - ダッシュボードのクローム（枠組み）にプライマリカラーが使用されていますか？ - ページタイトル（ブラウザタブ）にアプリ名が使用されていますか？ - 「ヘルプメニューを表示」をオフにした場合、サイドバーにヘルプ項目がないことを確認してください。 - 利用規約/プライバシーポリシーのリンク（追加した場合）は、あなたのURLにリンクされていますか？ 名前や色が正しく表示されない場合は、ステップ6に戻って修正してください。サブアカウントフローの完全ガイド：[サブアカウント管理](sub-accounts.md)。 *** ## 次は何をすべきですか？ これで、ブランド化されたライブ環境のホワイトラベルが完成しました。残りは規模の拡大と改善です： - **再販価格を設定します。** ステップ1で再販を選択した場合は、実際の顧客に支払いリンクを送信する前に、[代理店アカウント](agency-accounts.md#credit-reselling-aka-saas-mode)でクレジットのマークアップとプラン価格を設定してください。各プランは**月払い、年払い、またはN週間ごとの支払い**が可能で、**無料トライアル**から開始することもできます。これらは両方とも、[ステップ3 — 価格ティアの設定](agency-accounts.md#step-3--set-up-pricing-tiers)のプラン自体で設定します。 - **クライアントの自動リチャージを設定します。** [サブアカウントの自動リチャージ](sub-account-auto-recharge.md)により、深夜にクライアントのクレジットが不足するのを防ぐことができます。 - **メール送信者をカスタマイズします。** デフォルトでは、トランザクションメールは当社のドメインから送信されます。[カスタムメールプロバイダー](../settings/email-provider.md)ページで独自の送信ドメインを接続すると、クライアントへのメールが `noreply@youragency.com` から送信されるようになります。MailgunオプションとSMTPオプション（Postmark、SES、EmailIt、セルフホスト）があります。 - **最初の実際のクライアントをオンボードします。** [サブアカウント管理](sub-accounts.md)では、クレジットの割り当て、クライアントとしてのサインイン、ブロックおよびブロック解除など、クライアントを運用する日常的な業務について説明しています。 このガイドの手順で期待通りに動作しなかった場合は、[White-Labeling and Custom Domains](white-labeling.md) ページのトラブルシューティングセクションを参照してください。 *** ## 販売について：当社が提供するもの、お客様が用意するもの リセラーの皆様から、販売資料、事例紹介、価格設定のガイダンス、法的なテンプレートについてお問い合わせをいただきます。ここでは、その役割分担について率直に説明します。 **現在提供しているもの：** - **事例紹介とプレイブック**：[dmchamp.com/resources](https://dmchamp.com/resources/) で公開されており、ご自身の売り込みにご利用いただけます。[エージェンシー向け月間経常収益（MRR）1万ドル達成プレイブック](https://dmchamp.com/resources/agency-10k-mrr-playbook/) も含まれています。これらは公開ページですので、見込み客にリンクを送ったり、数値を自身のプレゼン資料に引用したりすることが可能です。 - **見込み客の前で実行できるデモ**：ご自身のアカウントを操作することなく、チャットウィジェットの**クライアントデモリンク**を使用することで、*相手の*ウェブサイト上にウィジェットを表示できます。詳細は[他者のウェブサイトでウィジェットを表示する](../get-started/chat-widget.md#show-the-widget-on-someone-elses-website)をご覧ください。 - **[スナップショット](snapshots.md)**：完成済みのクライアント設定を新しいサブアカウントに適用できる機能です。これにより、2社目以降のクライアント設定にかかる時間を数時間から数分に短縮できます。これは、プラットフォームが提供する製品化されたオファーに最も近いものです。 - **価格設定ツールそのもの**：[SaaSモード](agency-accounts.md#credit-reselling-aka-saas-mode) において、独自のプラン、独自の価格、独自のチェックアウトを設定できます。 **当社が提供しないもの：** - 既製のセールスデッキやパンフレット。[Champions Circle](../billing/champions-circle.md) メンバーシップには、既製の代理店向けウェブサイトテンプレート、エージェントスナップショット、月次の分析レポートが含まれていますが、提供するセールスキットはこれらがすべてです。 - 法的テンプレート：MSA、SLA、クライアント契約のひな形はありません。クライアントとの契約当事者はあなた自身であるため、これらはあなた自身で用意し、自身の弁護士による確認を受ける必要があります。 - あなたの市場向けの推奨小売価格。ミラノでのクライアントの価値とマニラでの価値は異なるため、私たちが提示する数値はあなたの市場に対する推測に過ぎません。 **価格設定に適用される唯一のルール：** 利用規約に基づき、プラットフォームの公式直接価格を下回る価格設定は禁止されています。公式価格より高く設定すること、自社のサービスとバンドルすること、あるいはリテーナー契約に組み込むことは問題なく、多くのアージェンシーがそのように運用しています。 ご自身でプラットフォームを運営するよりも顧客を紹介したい場合は、[アフィリエイトプログラム](../billing/affiliate-program.md)もご利用いただけます。すべてのサブスクリプション支払いに対して40%の継続コミッションが発生します。 独自のプラットフォーム運営へようこそ。