Mengonfigurasi branding perusahaan Anda

Saat pengguna mengautentikasi ke intranet perusahaan atau aplikasi berbasis web Anda, MICROSOFT Entra ID menyediakan layanan manajemen identitas dan akses (IAM). Anda dapat menambahkan branding perusahaan yang berlaku untuk semua pengalaman ini untuk menciptakan pengalaman masuk yang konsisten bagi pengguna Anda.

Pengalaman masuk default adalah tampilan dan nuansa global yang berlaku di semua rincian masuk ke penyewa Anda. Sebelum Anda mengkustomisasi pengaturan apa pun, merek Microsoft default muncul di halaman masuk Anda. Anda dapat menyesuaikan pengalaman default ini dengan gambar atau warna latar belakang kustom, favicon, tata letak, header, dan footer. Anda juga dapat mengunggah file CSS kustom.

Catatan

Petunjuk tentang cara mengelola perintah 'Tetap masuk?' dapat ditemukan di artikel perintah Kelola 'Tetap masuk?' .

Prasyarat

Menambahkan branding kustom memerlukan salah satu lisensi berikut:

Edisi Microsoft Entra ID P1 atau P2 tersedia untuk pelanggan di Tiongkok menggunakan instans ID Microsoft Entra di seluruh dunia. Edisi Microsoft Entra ID P1 atau P2 saat ini tidak didukung dalam layanan Azure yang dioperasikan oleh 21Vianet di Tiongkok.

Peran Administrator Branding Organisasi adalah peran minimum yang diperlukan untuk menyesuaikan branding perusahaan.

Sebelum Anda mulai

Semua elemen merek bersifat opsional. Pengaturan default akan tetap ada jika dibiarkan tidak berubah. Misalnya, jika Anda menentukan logo banner tanpa gambar latar belakang, artinya halaman masuk akan menampilkan logo Anda dengan gambar latar belakang default{i>

Gambar branding memiliki persyaratan ukuran gambar dan file yang berbeda. Sebaiknya tinjau proses branding perusahaan di pusat admin Microsoft Entra untuk mengumpulkan persyaratan gambar yang Anda butuhkan. Anda mungkin perlu menggunakan editor foto untuk membuat gambar ukuran yang tepat. Format gambar yang lebih disukai adalah PNG, tapi JPG juga tidak masalah.

Gunakan Microsoft Graph dengan branding perusahaan Microsoft Entra. Branding perusahaan dapat dilihat dan dikelola menggunakan Microsoft Graph pada /beta titik akhir dan organizationalBranding jenis sumber daya. Untuk informasi selengkapnya, lihat dokumentasi API branding organisasi.

Elemen branding dipanggil dalam contoh berikut. Deskripsi teks disediakan mengikuti gambar.

Cuplikan layar halaman masuk, dengan setiap elemen branding perusahaan disorot.

  1. Favicon: Ikon kecil yang muncul di sisi kiri tab browser.
  2. Header: Spasi di bagian atas halaman masuk, di belakang log header.
  3. Logo header: Logo yang muncul di sudut kiri atas halaman masuk.
  4. Gambar latar belakang: Seluruh ruang di belakang kotak masuk.
  5. Warna latar belakang halaman: Seluruh ruang di belakang kotak masuk.
  6. Logo banner: Logo yang muncul di bagian atas kotak masuk
  7. Judul halaman masuk: Teks lebih besar yang muncul di bawah logo banner.
  8. Deskripsi halaman masuk: Teks untuk menjelaskan halaman masuk.
  9. Petunjuk dan teks nama pengguna: Teks yang muncul sebelum pengguna memasukkan informasi mereka.
  10. Pengaturan ulang kata sandi mandiri: Tautan yang dapat Anda tambahkan di bawah teks halaman masuk untuk pengaturan ulang kata sandi.
  11. Teks halaman masuk: Teks yang bisa Anda tambahkan di bawah bidang nama pengguna.
  12. Tautan footer: Privasi & Cookie: Tautan yang dapat Anda tambahkan ke sudut kanan bawah untuk informasi privasi.
  13. Footer: Ketentuan Penggunaan: Teks di sudut kanan bawah halaman tempat Anda dapat menambahkan informasi Ketentuan penggunaan.
  14. Footer: Ruang di bagian bawah halaman untuk informasi privasi dan Ketentuan Penggunaan.
  15. Templat: Tata letak halaman dan kotak masuk.

Cara menavigasi proses branding perusahaan

Tip

Langkah-langkah dalam artikel ini mungkin sedikit berbeda berdasarkan portal tempat Anda memulai.

  1. Masuk ke pusat admin Microsoft Entra sebagai Administrator Merek Organisasi.

  2. Telusuri pengalaman >Pengguna Identitas>Branding perusahaan.

    • Jika saat ini Anda memiliki pengalaman masuk yang disesuaikan, tombol Edit tersedia.

    Cuplikan layar halaman arahan Branding kustom dengan branding Perusahaan disorot di menu samping dan tombol Konfigurasikan.

Proses pengalaman masuk dikelompokkan ke dalam bagian. Di akhir setiap bagian, pilih tombol Tinjau + buat untuk meninjau apa yang Anda pilih dan kirimkan perubahan Anda atau tombol Berikutnya untuk berpindah ke bagian berikutnya.

Cuplikan layar Tinjau + buat dan Berikutnya: Tombol tata letak dari bagian bawah halaman konfigurasi merek kustom.

Dasar

  • Favicon: Pilih PNG atau JPG logo Anda yang muncul di tab browser web.

    • Ukuran gambar: 32x32 px
    • Ukuran file maks: 5 KB

    Cuplikan layar favicon sampel di browser web.

  • Gambar latar belakang: Pilih PNG atau JPG untuk ditampilkan sebagai gambar utama di halaman masuk Anda. Gambar ini menskalakan dan memangkas sesuai dengan ukuran jendela, tetapi perintah masuk mungkin memblokirnya sebagian.

    • Ukuran gambar: 1920x1080 px
    • Ukuran file maks: 300 KB
  • Warna latar belakang halaman: Jika gambar latar belakang tidak dapat dimuat karena koneksi yang lebih lambat, warna latar belakang yang Anda pilih akan muncul sebagai gantinya.

Tata letak

  • Templat Visual: Kustomisasi tata letak halaman masuk Anda menggunakan templat atau file CSS kustom.

    • Pilih salah satu dari dua Templat: Latar belakang layar penuh atau sebagian layar. Latar belakang layar penuh dapat mengaburkan gambar latar belakang Anda, jadi pilih latar belakang layar parsial jika gambar latar belakang Anda penting.
    • Detail opsi Header dan Footer diatur pada dua bagian proses berikutnya.

    Cuplikan layar tab Tata Letak.

  • CSS Kustom: Unggah file CSS kustom untuk menggantikan gaya default Microsoft dari halaman.

Jika Anda belum mengaktifkan header, buka bagian Tata Letak dan pilih Perlihatkan header. Setelah diaktifkan, pilih PNG atau JPG untuk ditampilkan di header halaman masuk.

  • Ukuran gambar: 245x36 px
  • Ukuran file maks: 10 KB

Cuplikan layar pesan yang menunjukkan bahwa header perlu diaktifkan.

Jika Anda belum mengaktifkan footer, buka bagian Tata Letak dan pilih Perlihatkan footer. Setelah diaktifkan, sesuaikan pengaturan berikut.

  • Tampilkan 'Privasi & Cookie': Opsi ini dipilih secara default dan menampilkan tautan 'Privasi & Cookie' Microsoft.

    Hapus centang opsi ini untuk menyembunyikan tautan Microsoft default. Secara opsional berikan teks tampilan dan URL Anda sendiri. Teks dan tautan tidak harus terkait dengan privasi dan cookie.

  • Tampilkan 'Ketentuan Penggunaan': Opsi ini juga dipilih secara default dan menampilkan tautan 'Ketentuan Penggunaan' Microsoft.

    Hapus centang opsi ini untuk menyembunyikan tautan Microsoft default. Secara opsional berikan teks tampilan dan URL Anda sendiri. Teks dan tautan tidak harus terkait dengan ketentuan penggunaan Anda.

    Penting

    Tautan 'Ketentuan Penggunaan' Microsoft default tidak sama dengan Ketentuan Penggunaan Akses Bersyar. Melihat persyaratan di sini tidak berarti Anda telah menerima syarat dan ketentuan tersebut.

    Cuplikan layar penyesuaian merek di bagian Footer.

Formulir masuk

  • Logo banner: Pilih file gambar PNG atau JPG dari logo berukuran banner (pendek dan lebar) untuk muncul di halaman masuk.

    • Ukuran gambar: 245x36 px
    • Ukuran file maks: 50 KB
  • Logo persegi (tema ringan): Pilih file gambar PNG persegi atau JPG logo Anda untuk digunakan di browser yang menggunakan tema warna terang. Logo ini digunakan untuk mewakili organisasi Anda di antarmuka web Microsoft Entra dan di Windows.

    • Ukuran gambar: 240x240 px
    • Ukuran file maks: 50 KB
  • Logo persegi (tema gelap) Pilih file gambar PNG persegi atau JPG logo Anda untuk digunakan di browser yang menggunakan tema warna gelap. Logo ini digunakan untuk mewakili organisasi Anda di antarmuka web Microsoft Entra dan di Windows. Jika logo Anda terlihat bagus pada latar belakang terang dan gelap, anda tidak perlu menambahkan logo tema gelap.

    • Ukuran gambar: 240x240 px
    • Ukuran file maks: 50 KB
  • Teks petunjuk nama pengguna: Masukkan teks petunjuk untuk bidang input nama pengguna di halaman masuk. Jika tamu menggunakan halaman masuk yang sama, kami tidak menyarankan untuk menggunakan teks petunjuk di sini.

  • Teks halaman masuk: Masukkan teks yang muncul di bagian bawah halaman masuk. Anda dapat menggunakan teks ini untuk menyampaikan informasi tambahan, seperti nomor telepon ke staf bantuan atau pernyataan hukum Anda. Halaman ini bersifat publik, jadi jangan berikan informasi sensitif di sini. Teks ini harus berupa Unicode dan tidak melebihi 1024 karakter.

    Untuk memulai paragraf baru, tekan tombol enter dua kali. Anda juga dapat mengubah pemformatan teks untuk menyertakan tebal, miring, garis bawah, atau tautan yang dapat diklik. Gunakan sintaks berikut untuk menambahkan pemformatan ke teks:

    • Hyperlink: [text](link)
    • Tebal: **text** atau __text__
    • Miring: *text* atau _text_
    • Garis bawah: ++text++

    Penting

    Hyperlink yang ditambahkan dengan teks halaman masuk dirender sebagai teks di lingkungan asli, seperti di aplikasi desktop dan seluler.

  • Pengaturan ulang kata sandi mandiri:

    • Tampilkan pengaturan ulang kata sandi mandiri (SSPR): Pilih kotak centang untuk mengaktifkan SSPR.
    • URL Umum: Masukkan URL tujuan tempat pengguna Anda mengatur ulang kata sandi mereka. URL ini muncul di layar pengumpulan nama pengguna dan kata sandi.
    • Teks tampilan koleksi nama pengguna: Ganti teks default dengan teks koleksi nama pengguna kustom Anda sendiri.
    • Teks tampilan kumpulan kata sandi: Ganti teks default dengan teks koleksi kata sandi pelanggan Anda sendiri.

Tinjauan

Semua opsi yang tersedia muncul dalam satu daftar sehingga Anda dapat meninjau semua yang Anda sesuaikan atau tinggalkan di pengaturan default. Setelah selesai, pilih tombol Buat .

Setelah pengalaman masuk default Anda dibuat, pilih tombol Edit untuk membuat perubahan apa pun. Anda tidak dapat menghapus pengalaman masuk default setelah dibuat, tetapi Anda dapat menghapus semua pengaturan kustom.

Mengkustomisasi pengalaman masuk berdasarkan bahasa browser

Anda dapat membuat pengalaman masuk yang dipersonalisasi untuk pengguna yang masuk menggunakan bahasa browser tertentu dengan menyesuaikan elemen branding untuk bahasa browser tersebut. Penyesuaian ini mengambil alih konfigurasi apa pun yang dibuat ke branding default. Jika Anda tidak membuat perubahan apa pun pada elemen, elemen default akan ditampilkan.

  1. Masuk ke pusat admin Microsoft Entra sebagai Administrator Merek Organisasi.

  2. Telusuri pengalaman >Pengguna Identitas>Branding perusahaan.

  3. Pilih Tambahkan bahasa browser.

Proses untuk menyesuaikan pengalaman sama dengan proses pengalaman masuk default, kecuali Anda harus memilih bahasa dari daftar dropdown di bagian Dasar . Sebaiknya tambahkan teks kustom di area yang sama dengan pengalaman masuk default Anda.

MICROSOFT Entra ID mendukung fungsionalitas kanan-ke-kiri untuk bahasa seperti Arab dan Ibrani yang dibaca dari kanan ke kiri. Tata letak menyesuaikan secara otomatis, berdasarkan pengaturan browser pengguna.

Cuplikan layar pengalaman masuk dalam bahasa Ibrani, menunjukkan tata letak kanan-ke-kiri.

Pengalaman pengguna

Ada beberapa skenario yang perlu Anda pertimbangkan saat menyesuaikan halaman masuk untuk aplikasi khusus penyewa organisasi Anda.

Aplikasi Software as a Service (SaaS) dan multipenyewa

Untuk Microsoft, Perangkat Lunak sebagai Layanan (SaaS), dan aplikasi multipenyewa seperti https://myapps.microsoft.com, atau https://outlook.com, halaman masuk yang dikustomisasi hanya muncul setelah pengguna mengetikkan email atau nomor Telepon mereka dan memilih tombol Berikutnya.

Home Realm Discovery

Beberapa aplikasi Microsoft mendukung Home Realm Discovery untuk autentikasi. Dalam skenario ini, ketika pelanggan masuk ke halaman masuk umum Microsoft Entra, ID Microsoft Entra dapat menggunakan nama pengguna pelanggan untuk menentukan di mana mereka harus masuk.

Untuk pelanggan yang mengakses aplikasi dari URL kustom, whr parameter string kueri, atau variabel domain, dapat digunakan untuk menerapkan branding perusahaan di layar masuk awal, bukan hanya setelah menambahkan email atau nomor telepon. Misalnya, whr=contoso.com akan muncul di URL kustom untuk aplikasi. Dengan disertakan parameter Home Realm Discover dan domain, branding perusahaan muncul segera di langkah masuk pertama. Petunjuk domain lain dapat disertakan.

Dalam contoh berikut, ganti contoso.com dengan nama penyewa Anda sendiri, atau nama domain terverifikasi:

  • Untuk Microsoft Outlook https://outlook.com/contoso.com
  • Untuk SharePoint di Microsoft 365 https://contoso.sharepoint.com
  • Untuk portal Aplikasi Sayahttps://myapps.microsoft.com/?whr=contoso.com
  • Pengaturan ulang kata sandi mandiri https://passwordreset.microsoftonline.com/?whr=contoso.com

Skenario B2B

Untuk pengguna akhir kolaborasi B2B yang melakukan masuk lintas penyewa, branding penyewa rumah mereka muncul, bahkan jika tidak ada branding kustom yang ditentukan.

Dalam contoh berikut, branding perusahaan untuk Woodgrove Groceries muncul di sebelah kiri, dengan logo Woodgrove, font, dan teks kustom. Contoh di sebelah kanan menampilkan branding default untuk penyewa beranda pengguna. Pencitraan merek default menampilkan logo, font, dan teks Microsoft.

Cuplikan layar perbandingan pengalaman masuk bermerek dan pengalaman masuk default.

Langkah berikutnya