> For the complete documentation index, see [llms.txt](https://docs.watzap.id/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.watzap.id/help/custom-domain/cara-ubah-tampilan-watzap.id.md).

# Cara Ubah Tampilan WatZap.id

Jika kamu sudah berhasil melakukan [**Konfigurasi Custom Domain**](/help/custom-domain/cara-konfigurasi-custom-domain.md), maka kamu sudah bisa mengganti tampilan dari WatZap.id yang ada di Custom Domain.

Untuk mengubah tampilan WatZap.id yang ada di Custom Domain kamu, silahkan masuk ke menu **Appearance**.

<figure><img src="https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2F9wWOnNgeUNMYKnYahyRQ%2Fsetup%20domain%20baru%202.jpeg?alt=media&amp;token=be9a74a7-c4d7-411b-bf56-1da5f37a3cdb" alt=""><figcaption></figcaption></figure>

Kemudian Kamu akan ditampilkan beberapa tampilan yang bisa Kamu ubah. Dan di sampingnya terdapat Preview dari tampilan yang kamu ubah.

<figure><img src="https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FNYKCACDILNkaC0rqmUQT%2FUbah%20Tampilan%20Custom%20Domain.jpg?alt=media&amp;token=ee9e74e9-7276-4379-b092-9fd1b037ea01" alt=""><figcaption></figcaption></figure>

**Keterangan:**

* **Custom Favicon (Site Icon):** Pada bagian ini Kamu bisa mengubah icon dari website WatZap.id di Custom Domain kamu. Untuk format file iconnya bisa PNG/JPEG dengan rasio 1:1 (Wajib) dan ukuran maksimalnya adalah 1 MB.
* **Custom Logo:** Selain Logo di halaman Login, Logo ini juga akan muncul di dalam dashboard WatZap.id yang ada di Custom Domain Kamu. Untuk formatnya adalah PNG/JPEG dengan ukuran 230x59 pixel dan tidak lebih dari 1 MB.
* **Warna Tema Header:** Pada bagian ini kamu bisa mengubah warna tampilan untuk Button, Header, dan Menu Navigasi yang ada di dalam dashboard WatZap.id di Custom Domain Kamu.
* **Title**: Sesuai dengan namanya, pada bagian ini kamu bisa mengubah Title Bar dari Custom Domain Kamu. Kamu bisa menambahkan maksimal 32 Karakter pada bagian Title ini.
* **Heading** **1**: Pada bagian ini Kamu bisa menambahkan informasi dalam bentuk Heading 1 di halaman Login Custom Domain Kamu nantinya. Bagian ini boleh kamu isi, boleh juga tidak.
* **Heading** **2**: Pada bagian ini Kamu bisa menambahkan Sub Heading di halaman Login Custom Domain Kamu nantinya. Sama seperti Heading 1, bagian ini boleh kamu isi, boleh juga tidak.
* **Text Alignment**: Kamu bisa mengatur Alignment dari Heading 1 dan Heading 2 pada bagian ini.
* **Tampilkan** **Forgot Password**: Kamu juga bisa mengatur apakah mau menampilkan opsi untuk Forgot Password di halaman login Custom Domain kamu pada bagian ini.

Jika semua sudah diatur, kamu bisa langsung klik tombol **Simpan**.

<figure><img src="https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2FNAF1Im0kvYIabjrFsmRN%2FKlik%20Tombol%20Simpan.jpg?alt=media&amp;token=8d98505e-1c52-475d-a8bc-f874a862ce67" alt=""><figcaption></figcaption></figure>

Maka kamu sudah berhasil mengubah tampilan WatZap.id di Custom Domain Kamu. Silahkan kunjungi Custom Domain kamu untuk melihat hasil perubahannya.

<figure><img src="https://4182233851-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5hxDGBLGZN4N69IP4zHp%2Fuploads%2Fq68yzAvZileY3FOijosx%2FTampilan%20WatZap%20Berhasil%20Diubah.jpg?alt=media&amp;token=1c05e8f3-40e9-4647-b578-9277ab4b1fcb" alt=""><figcaption></figcaption></figure>