
# Panduan Cepat White-Label

Jalur enam langkah yang terfokus dari "Saya baru saja meningkatkan ke Agency" hingga platform dengan branding lengkap yang dapat diakses oleh klien pertama Anda. Tanpa kerumitan, tanpa pengaturan lanjutan — hanya jalur terpendek antara dasbor generik dan produk yang terlihat seperti *milik Anda*.

Setiap langkah memiliki estimasi waktu dan tautan ke halaman yang lebih mendalam jika Anda menginginkan detail lebih lanjut nanti. Luangkan waktu sekitar setengah jam, ditambah hingga satu jam waktu tunggu agar DNS aktif di latar belakang. Jika Anda mengalami kendala pada langkah apa pun, lewati saja — Anda bisa kembali lagi nanti.

::: walkthrough white-label-quickstart
:::

***

## Apa yang akan Anda miliki di akhir

- Domain kustom Anda sendiri (contohnya, `app.youragency.com`) yang mengarah ke platform
- Sertifikat keamanan yang valid (ikon gembok di browser)
- Nama perusahaan, logo, ikon (favicon), warna, dan teks SEO Anda yang menggantikan pengaturan bawaan
- Keputusan yang jelas tentang **bagaimana** Anda akan melakukan onboarding klien (dikelola vs. penjualan kembali)
- Satu sub-akun uji coba yang masuk di domain kustom Anda

Setelah itu berhasil, setiap klien baru akan mendapatkan pengalaman dengan branding yang sama secara otomatis — Anda hanya perlu melakukan pengaturan ini sekali.

***

## Sebelum Anda memulai

Anda harus menggunakan paket langganan **Agency**. White-labeling tidak tersedia pada paket yang lebih rendah. Jika Anda belum menggunakan paket Agency, buka **Settings → Billing** (di bawah Workspace) dan lakukan peningkatan terlebih dahulu — entri **White Labeling** tidak akan muncul di bawah Settings → Advanced sampai Anda melakukannya.

Anda juga memerlukan:

- Domain yang Anda miliki (atau subdomain pada domain yang Anda miliki). Sebagian besar agensi menggunakan sesuatu seperti `app.youragency.com` daripada `youragency.com` yang polos, sehingga situs pemasaran dan aplikasi tetap terpisah.
- Akses ke registrar domain Anda (GoDaddy, Cloudflare, Namecheap, dll.) — khususnya, halaman pengaturan DNS. Jika Anda tidak memiliki login-nya, dapatkan sebelum Anda memulai.
- Dua file gambar untuk brand Anda:
  - **Logo** — logo horizontal, PNG, WebP, atau SVG, hingga 5 MB.
  - **Favicon** — ikon persegi yang digunakan sebagai favicon tab browser, PNG, WebP, atau SVG, hingga 5 MB. Ukuran 256×256 piksel berfungsi dengan baik.

***

## Langkah 1 — Tentukan cara Anda melakukan onboarding klien (≈ 5 menit)

Sebelum Anda menyentuh pengaturan apa pun, buat keputusan: bagaimana klien akan membayar dan mendaftar? Ini memengaruhi bagaimana alur perjalanan selanjutnya terasa.

- **Mode Terkelola (Managed mode).** Anda membuat setiap sub-akun sendiri dari halaman **Sub Accounts**. Anda menagih klien di luar platform (transfer bank, alat akuntansi Anda, apa pun yang sudah Anda gunakan). Klien tidak akan pernah melihat halaman harga. Paling cocok untuk pengaturan yang dilakukan untuk Anda, negara yang tidak dilayani Stripe, atau agensi dengan sistem penagihan yang sudah ada.
- **Mode Penjualan Kembali (Reselling mode).** Klien mendaftar sendiri melalui tautan pembayaran, yang diatur dalam **SaaS Mode**. Mereka membayar melalui akun Stripe Anda yang terhubung dengan markup Anda yang diterapkan secara otomatis. Paling cocok untuk layanan mandiri dalam skala besar dan paket produk.

Anda tidak harus berkomitmen selamanya — tetapi mengubah satu sub-akun antar mode nantinya memerlukan pekerjaan manual. Pilih model yang sesuai dengan *sebagian besar* klien Anda. Penjelasan lengkap: [Mengelola Sub-Akun Klien](sub-accounts.md).

***

## Langkah 2 — Pilih domain kustom Anda (≈ 2 menit)

Tentukan alamat web yang tepat yang akan digunakan klien Anda untuk masuk. Beberapa aturan praktis:

- **Subdomain lebih sederhana.** `app.youragency.com` adalah standarnya. Simpan `youragency.com` untuk situs pemasaran Anda — ini hanya satu catatan DNS, dibandingkan dengan dua (dan lebih rentan jika Anda mengganti penyedia DNS) untuk domain bare/apex.
- **Buatlah singkat dan jelas.** `app.`, `platform.`, `dash.`, atau `clients.` semuanya berfungsi. Hindari nama yang terlalu kreatif yang sulit diingat klien.
- **Anda dapat menjalankan hingga tiga white label.** Sebagian besar agensi hanya membutuhkan satu, tetapi Anda dapat menambahkan hingga **tiga** domain pada akun agensi yang sama, masing-masing dengan domain, branding, dan pengiriman emailnya sendiri — merek kedua untuk pasar yang berbeda, atau domain Lead Finder untuk klien Anda. Domain tambahan di luar domain pertama disertakan dalam [Champions Circle](../billing/champions-circle.md). Panduan singkat ini menyiapkan domain pertama Anda; lihat [Hingga Tiga White Label](white-labeling.md#up-to-three-white-labels) untuk menambahkan lebih banyak.

Tuliskan domain yang dipilih — Anda akan menempelkannya di langkah berikutnya.

***

## Langkah 3 — Tambahkan domain di dasbor Anda (≈ 2 menit)

1. Di sidebar utama, klik **Settings** (di dekat bagian bawah, di bawah Sub Accounts).
2. Di menu Settings, gulir ke grup **Advanced** dan klik **White Labeling**.
3. Gulir ke kartu **Custom domain**.
4. Di kolom **App domain**, ketik domain yang Anda pilih di Langkah 2 (misalnya `app.youragency.com`). Jangan sertakan `https://` atau garis miring di akhir — cukup domainnya saja.
5. Klik **Save**.

Setelah disimpan, kartu tersebut akan menampilkan catatan CNAME yang perlu Anda tambahkan di registrar Anda — domain Anda di sebelah kiri, `tenants.youraiconnector.com` di sebelah kanan.

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-domains.png" alt="Kartu domain Kustom di v2, menampilkan kolom domain Aplikasi dan instruksi CNAME ke tenants.youraiconnector.com"><figcaption><p>Kartu domain Kustom setelah disimpan: domain Anda, target CNAME untuk disalin, dan domain aplikasi/API/dokumen setelah diverifikasi.</p></figcaption></figure>
:::

**Biarkan tab ini tetap terbuka** — Anda akan menyalin nilai tersebut ke registrar Anda.

***

## Langkah 4 — Tambahkan catatan DNS di registrar Anda (≈ 10 menit)

Catatan DNS adalah buku alamat internet — catatan ini memberi tahu browser di mana harus menemukan domain kustom Anda. Sekarang Anda memberi tahu dunia bahwa `app.youragency.com` harus mengarah ke platform.

1. Masuk ke perusahaan tempat Anda membeli domain (registrar Anda — GoDaddy, Cloudflare, Namecheap, dll.) di **tab browser terpisah**.
2. Temukan halaman **DNS settings** untuk domain Anda. Terkadang disebut "DNS management" atau "DNS records."
3. Tambahkan catatan **CNAME**:
   - **Host / Name** — untuk subdomain seperti `app.youragency.com`, ini biasanya hanya `app` di sebagian besar registrar (mereka menambahkan sisanya secara otomatis).
   - **Value / Target / Points to** — `tenants.youraiconnector.com`, persis seperti yang ditampilkan pada kartu Custom domain.
   - Biarkan **TTL** pada nilai default (atau 3600 / 1 jam jika diminta).
4. Klik tombol **Save** di registrar Anda.

> **Waspadai konflik.** Jika catatan dengan tipe yang sama sudah ada untuk host tersebut (misalnya, catatan A lama yang mengarah ke tempat lain), hapus atau perbarui terlebih dahulu — dua catatan yang bertentangan akan merusak verifikasi.

> **Menggunakan Cloudflare?** Anda dapat membiarkan proksi (tombol awan oranye di sebelah data) tetap aktif — verifikasi dan sertifikat akan tetap berfungsi. Namun, ada satu pengaturan yang penting: buka **SSL/TLS → Overview** dan pastikan mode enkripsi diatur ke **Full (strict)**, bukan **Flexible**. Pada mode Flexible, domain Anda akan menolak untuk dimuat dengan kesalahan "too many redirects".

> **JANGAN kunjungi domain kustom Anda dulu.** Mengunjungi sebelum pengaturan selesai dapat menyebabkan halaman yang rusak tersimpan dalam cache browser Anda. Tunggu sampai Anda memastikan bahwa layar login dimuat di Langkah 5.

Perubahan DNS dapat memakan waktu mulai dari beberapa menit hingga beberapa jam untuk menyebar, meskipun sebagian besar registrar (terutama Cloudflare dan Namecheap) memperbarui dalam waktu satu jam. Jika masih belum teratasi setelah satu hari, periksa kembali catatan tersebut untuk melihat apakah ada kesalahan ketik dan simpan kembali.

***

## Langkah 5 — Tunggu sertifikat keamanan (≈ beberapa menit hingga satu jam, otomatis)

Setelah CNAME Anda aktif, platform akan mendeteksinya secara otomatis, memverifikasi kepemilikan, dan menyediakan sertifikat keamanan (SSL) untuk domain Anda — itulah yang memberikan ikon gembok di browser dan awalan `https://`.

- Anda tidak perlu membeli atau menginstal apa pun. Sertifikat dibuat dan diperbarui untuk Anda selamanya.
- Proses ini biasanya selesai dalam waktu 5–30 menit setelah catatan DNS aktif.

Setelah siap, buka domain kustom Anda di tab browser baru. Anda akan melihat layar masuk platform, yang disajikan melalui HTTPS, di alamat web Anda sendiri. Bagian teknisnya sudah selesai.

::: master-only
<figure><img src="../.gitbook/assets/tenant-login.png" alt="Halaman masuk berlabel putih pada domain kustom, menampilkan nama dan logo agensi sendiri tanpa branding platform"><figcaption><p>Apa yang dilihat klien Anda: halaman masuk di domain Anda sendiri, dengan nama dan logo Anda — tanpa jejak kami.</p></figcaption></figure>
:::

> **Unggah logo Anda sebelum membagikan tautan.** Sebelum logo diunggah pada langkah branding di bawah, halaman masuk akan menampilkan kesalahan gambar rusak di tempat logo seharusnya berada. Selesaikan Langkah 6 sebelum menunjukkan domain tersebut kepada siapa pun.

***

## Langkah 6 — Beri branding pada platform (≈ 15 menit)

Domain sudah aktif, namun platform masih menampilkan nama placeholder netral ("DM Champ") dan ikon kami. Saatnya untuk memperbaikinya. Semua hal di bawah ini berada pada panel **Settings → Advanced → White Labeling** yang sama, di dalam kartu-kartu di atas kartu Custom domain.

### 6a. Merek

Di kartu **Merek**, isi:

- **Nama aplikasi** — nama merek yang ditampilkan di seluruh aplikasi, di setiap email, dan pada pintasan layar beranda. Wajib: sampai diatur, sistem akan menampilkan "DM Champ" sebagai gantinya.
- **Nama perusahaan** — nama resmi/perusahaan Anda, digunakan di catatan kaki dan email.
- **Email dukungan** — tujuan untuk "Hubungi Dukungan" dan alamat balasan pada email sistem.
- **URL ketentuan layanan** dan **URL kebijakan privasi** — halaman legal milik Anda sendiri. Halaman pendaftaran di domain Anda akan menautkan ke halaman tersebut; biarkan kosong dan tidak akan ada tautan yang ditampilkan (tidak akan pernah menampilkan tautan kami).
- **Judul SEO** dan **Deskripsi SEO** — apa yang ditampilkan di tab peramban dan hasil pencarian.

Klik **Simpan** pada kartu Merek.

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-settings.png" alt="Kartu Merek pada panel pengaturan White Labeling, dengan bidang Nama aplikasi, Nama perusahaan, Email dukungan, URL ketentuan layanan, URL kebijakan privasi, Judul SEO, dan Deskripsi SEO serta tombol Simpan di header kartu"><figcaption><p>Kartu Merek — Nama aplikasi, Nama perusahaan, Email dukungan, URL ketentuan layanan, URL kebijakan privasi, Judul SEO, dan Deskripsi SEO, semuanya dalam satu Simpan.</p></figcaption></figure>
:::

### 6b. Logo & favicon

Di kartu **Logo & Favicon**, klik **Unggah** di bawah **Logo** dan pilih logo horizontal Anda (PNG/WebP/SVG, hingga 5 MB). Lakukan hal yang sama untuk **Favicon** (persegi, 256×256 berfungsi dengan baik). Ini akan tersimpan segera setelah diunggah — tidak ada tombol Simpan terpisah.

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-logo-favicon.png" alt="Kartu Logo dan favicon, menampilkan empat slot unggahan — Logo, Logo (mode gelap), Favicon, Ikon aplikasi (persegi) — dan penggeser ukuran Logo di bawahnya yang diatur ke 48 px"><figcaption><p>Kartu Logo &amp; Favicon — empat slot (Logo, logo mode gelap, Favicon, Ikon aplikasi). Setiap tombol Unggah akan menyimpan secara instan saat Anda memilih file. Ukuran logo di bawahnya mengatur seberapa besar logo Anda ditampilkan; pengaturan tersebut memerlukan Simpan.</p></figcaption></figure>
:::

### 6c. Warna

Di kartu **Warna**, klik kotak **Warna Utama** dan atur warna utama merek Anda (default-nya adalah hijau WhatsApp, `#25D366`), lalu lakukan hal yang sama untuk **Warna Aksen**. Klik **Simpan**.

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-colours.png" alt="Kartu Warna di v2, menampilkan contoh warna Primer, warna Aksen, Sukses, dan Bahaya ditambah enam preset palet siap pakai"><figcaption><p>Kartu Warna — Primer dan Aksen adalah dua warna yang akan Anda gunakan hari ini; Sukses, Bahaya, dan palet preset adalah pintasan opsional.</p></figcaption></figure>
:::

### 6d. Penyesuaian nanti (opsional)

Font, kepadatan, dan latar belakang masuk kustom semuanya ada di bagian bawah panel yang sama — hal-hal tersebut tidak diperlukan agar white-label berfungsi, jadi jangan ragu untuk melewatkannya hari ini dan kembali lagi nanti. Referensi lengkap: [White-Labeling dan Domain Kustom](white-labeling.md).

Setelah menyimpan, lakukan hard-refresh pada domain kustom Anda (Ctrl+Shift+R di Windows, Cmd+Shift+R di Mac) dan pastikan tab browser sekarang menampilkan nama dan ikon Anda, serta tombol-tombol menggunakan warna utama Anda.

***

## Langkah 7 — Buat sub-akun uji dan masuk sebagai mereka (≈ 10 menit)

Anda belum selesai sampai pengalaman klien yang nyata berfungsi dari awal hingga akhir. Buat sub-akun untuk diri sendiri (gunakan email pribadi yang dapat Anda periksa) dan pastikan alurnya terasa benar.

1. Di bilah sisi utama, klik **Sub Akun** (halaman tersendiri, tepat di atas Pengaturan).

::: master-only
<figure><img src="../.gitbook/assets/v2-sub-accounts.png" alt="Halaman Sub Akun di v2, menampilkan ubin statistik, bilah pencarian, dan tombol Tambah akun"><figcaption><p>Halaman Sub Akun — di sinilah Anda akan membuat akun uji coba dan, nantinya, setiap klien nyata.</p></figcaption></figure>
:::

2. Klik tombol hijau **Tambah akun** di kanan atas.
3. Isi detail uji coba Anda melalui modal 3 langkah:
   - **Akun** — nama depan, nama belakang, dan email pribadi yang dapat Anda akses.
   - **Bisnis** — nama bisnis (wajib); sisanya bisa dikosongkan untuk uji coba.
   - **Fitur** — biarkan pengaturan default.

::: master-only
<figure><img src="../.gitbook/assets/v2-sub-account-add-modal.png" alt="Modal Tambah sub-akun pada langkah Akun, menampilkan progres 3 langkah (Akun, Bisnis, Fitur) dengan kolom nama depan, nama belakang, dan email"><figcaption><p>Modal Tambah akun, langkah 1 dari 3. Email yang Anda masukkan di sini menjadi login klien uji coba.</p></figcaption></figure>
:::

4. Klik **Buat Akun**.
5. Layar konfirmasi akan menampilkan **kata sandi yang dibuat**. **Salin sekarang** — Anda tidak akan bisa melihatnya lagi. Klien juga akan menerima ini melalui email.
6. Buka email tersebut — **pastikan email tersebut menampilkan Nama Aplikasi Anda (Langkah 6a) sebagai merek pengirim, bukan merek kami**. Jika masih menampilkan nama kami, branding Anda belum terpropagasi — tunggu 1 menit dan periksa kembali.
7. Keluar dari akun agensi Anda (menu pengguna di kanan atas → Keluar).
8. Buka domain kustom Anda di **jendela penyamaran / penjelajahan pribadi** dan masuk dengan email serta kata sandi sub-akun uji coba yang telah disalin.
9. Jalankan 30 detik pertama pengalaman sub-akun:
   - Apakah halaman login menampilkan nama merek dan logo Anda?
   - Apakah tampilan dasbor menggunakan warna primer Anda?
   - Apakah judul halaman (tab peramban) menggunakan Nama Aplikasi Anda?
   - Jika Anda menonaktifkan "Tampilkan menu bantuan", pastikan tidak ada entri Bantuan di bilah sisi.
   - Apakah tautan Syarat / Privasi (jika Anda telah menambahkannya) mengarah ke URL Anda?

Jika ada sesuatu yang masih menampilkan nama atau warna yang salah, kembali ke Langkah 6 dan perbaiki. Panduan lengkap untuk alur sub-akun: [Manajemen Sub-Akun](sub-accounts.md).

***

## Apa selanjutnya?

Anda memiliki white-label yang bermerek, aktif, dan berfungsi. Sisanya adalah skala dan penyempurnaan:

- **Tetapkan harga penjualan kembali Anda.** Jika Anda memilih penjualan kembali di Langkah 1, konfigurasikan markup kredit dan harga paket Anda di [Akun Agensi](agency-accounts.md#credit-reselling-aka-saas-mode) sebelum mengirim tautan pembayaran ke pelanggan nyata. Setiap paket dapat ditagih **bulanan, tahunan, atau setiap N minggu** dan dapat dimulai dengan **uji coba gratis** — keduanya diatur pada paket itu sendiri di [Langkah 3 — Mengatur tingkat harga](agency-accounts.md#step-3--set-up-pricing-tiers).
- **Siapkan isi ulang otomatis untuk klien.** [Isi Ulang Otomatis Sub-Akun](sub-account-auto-recharge.md) mencegah klien kehabisan kredit pada pukul 2 pagi.
- **Sesuaikan pengirim email.** Secara default, email transaksional berasal dari domain kami. Hubungkan domain pengiriman Anda sendiri di halaman [Penyedia Email Kustom](../settings/email-provider.md) agar email klien berasal dari `noreply@youragency.com` sebagai gantinya. Tersedia opsi Mailgun dan opsi SMTP (Postmark, SES, EmailIt, self-hosted).
- **Onboarding klien nyata pertama Anda.** [Manajemen Sub-Akun](sub-accounts.md) mencakup operasional sehari-hari dalam menjalankan klien — alokasi kredit, masuk sebagai klien, memblokir dan membuka blokir, dll.

Jika ada sesuatu dalam panduan ini yang tidak berfungsi sebagaimana mestinya, halaman [White-Labeling and Custom Domains](white-labeling.md) memiliki bagian pemecahan masalah lengkap.

***

## Menjualnya: Apa yang Kami Sediakan, dan Apa yang Menjadi Milik Anda

Pengecer meminta kami untuk menyediakan materi penjualan, studi kasus, panduan harga, dan templat hukum. Berikut adalah pembagian yang jujur.

**Apa yang tersedia saat ini:**

- **Studi kasus dan buku panduan** yang dapat Anda gunakan dalam presentasi Anda sendiri, diterbitkan di [dmchamp.com/resources](https://dmchamp.com/resources/) — termasuk [buku panduan agensi $10k MRR](https://dmchamp.com/resources/agency-10k-mrr-playbook/). Halaman-halaman tersebut bersifat publik, jadi Anda dapat mengirimkan tautan tersebut kepada calon klien atau mengambil angkanya untuk dimasukkan ke dalam dek presentasi Anda sendiri.
- **Demo yang dapat Anda jalankan di depan calon klien** tanpa menyentuh akun Anda sendiri: **Tautan demo klien** pada widget obrolan menempatkan widget Anda di atas situs web *mereka*. Lihat [Menampilkan Widget di Situs Web Orang Lain](../get-started/chat-widget.md#show-the-widget-on-someone-elses-website).
- **[Snapshot](snapshots.md)** — pengaturan klien yang sudah selesai yang dapat Anda terapkan ke setiap sub-akun baru, sehingga klien kedua Anda hanya membutuhkan waktu beberapa menit, bukan berjam-jam. Ini adalah hal yang paling mendekati penawaran terproduk yang diberikan platform kepada Anda.
- **Alat penetapan harga itu sendiri** — paket Anda sendiri, harga Anda sendiri, pembayaran Anda sendiri, dalam [Mode SaaS](agency-accounts.md#credit-reselling-aka-saas-mode).

**Apa yang tidak kami sediakan:**

- Dek penjualan atau brosur siap pakai. Keanggotaan [Champions Circle](../billing/champions-circle.md) memang mencakup templat situs web agensi siap pakai, snapshot agen, dan analisis bulanan, dan itulah keseluruhan perlengkapan penjualan yang kami sediakan.
- Templat hukum: tidak ada draf MSA, SLA, atau kontrak klien. Anda adalah pihak yang mengadakan kontrak dengan klien Anda, jadi dokumen tersebut harus milik Anda dan ditinjau oleh pengacara Anda sendiri.
- Harga eceran yang disarankan untuk pasar Anda. Nilai seorang klien di Milan tidak sama dengan nilai mereka di Manila, dan angka dari kami hanyalah tebakan mengenai pasar Anda.

**Satu aturan yang berlaku untuk penetapan harga Anda:** Ketentuan Layanan Anda mengharuskan Anda untuk tidak menetapkan harga di bawah harga resmi platform. Menetapkan harga di atasnya, menggabungkannya dengan layanan Anda, atau memasukkannya ke dalam biaya retensi adalah hal yang wajar dan merupakan tindakan yang dilakukan oleh sebagian besar agensi.

Jika Anda lebih memilih untuk merujuk pelanggan daripada menjalankan platform Anda sendiri, tersedia juga [program afiliasi](../billing/affiliate-program.md): komisi berulang 40% untuk setiap pembayaran langganan.

Selamat menjalankan platform Anda sendiri.
