Sesuaikan branding netral di penyewa eksternal Anda

Berlaku untuk: Penyewa Tenaga Kerja Penyewa Eksternal (pelajari lebih lanjut)

Setelah membuat penyewa eksternal baru, Anda dapat menyesuaikan pengalaman pengguna akhir. Buat tampilan dan nuansa kustom bagi pengguna yang masuk ke aplikasi Anda dengan mengonfigurasi pengaturan merek Perusahaan untuk penyewa Anda. Dengan pengaturan ini, Anda dapat menambahkan gambar latar belakang, warna, logo perusahaan, dan teks Anda sendiri untuk menyesuaikan pengalaman masuk di seluruh aplikasi Anda.
Anda juga dapat membuat alur pengguna secara terprogram menggunakan COMPANY Branding Graph API.

Tip

Untuk mencoba fitur ini, buka demo Woodgrove Groceries dan mulai studi kasus ‘Branding perusahaan’.

Prasyarat

• Jika Anda belum membuat penyewa eksternal Microsoft Entra milik Anda sendiri, buatlah satu sekarang.
• Daftarkan aplikasi.
• Membuat alur pengguna
• Tinjau persyaratan ukuran file untuk setiap gambar yang ingin Anda tambahkan. Anda mungkin perlu menggunakan editor foto untuk membuat gambar berukuran tepat. Jenis gambar yang disukai untuk semua gambar adalah PNG, tetapi JPG diterima.

Elemen merek

Secara default, Microsoft menawarkan branding netral untuk penyewa Anda yang dapat dipersonalisasi agar sesuai dengan persyaratan spesifik perusahaan Anda. Branding default ini tidak termasuk merek Microsoft yang sudah ada sebelumnya. Jika branding perusahaan kustom gagal dimuat, halaman masuk akan secara otomatis beralih kembali ke branding netral ini. Selain itu, setiap properti branding kustom dapat ditambahkan secara manual ke halaman masuk kustom.

Anda dapat menyesuaikan merek netral ini dengan gambar latar belakang kustom atau warna, favicon, tata letak, header, dan footer. Anda juga dapat menyesuaikan formulir masuk dan menambahkan teks kustom ke instans yang berbeda atau mengunggah CSS kustom. Gambar ini menunjukkan merek bawaan netral dari penyewa. Anda dapat menemukan elemen-elemen branding yang diberi nomor dan deskripsi sesuai setelah gambar.

1. Latar belakang netral.
2. Ikon Favorit (Favicon)
3. Logo pada banner.
4. Footer sebagai elemen tata letak halaman.
5. Hyperlink footer, seperti cookie privasi &, Ketentuan penggunaan.

Cara menyesuaikan pengalaman masuk default

Sebelum Anda menyetel pengaturan, logo bawaan netral akan muncul di halaman masuk, daftar, dan keluar Anda. Anda dapat menyesuaikan pengalaman default ini dengan gambar atau warna latar belakang kustom, favicon, tata letak, header, dan footer. Anda juga dapat mengunggah CSS kustom.

1. Masuk ke pusat admin Microsoft Entra sebagai minimal Administrator Penjenamaan Organisasi.

2. Jika Anda memiliki akses ke beberapa penyewa, gunakan ikon Pengaturan di menu atas untuk beralih ke penyewa eksternal yang Anda buat sebelumnya dari menu Direktori + langganan.

3. Telusuri ke Company Branding baik dengan menggunakan bilah pencarian atau dengan menavigasi ke Beranda>Gambaran Umum Penyewa>Sesuaikan branding.

   

4. Pada tab Masuk Default, pilih Edit.

   

Untuk mengkustomisasi latar belakang dan tata letak halaman masuk

1. Pada tab Dasar, ubah salah satu elemen latar belakang.

   • Favicon – Ikon yang ditampilkan di tab browser web.

   • Gambar latar belakang – Gambar besar yang ditampilkan di halaman masuk. Jika Anda mengunggah gambar, gambar akan diskalakan dan dipangkas untuk mengisi jendela browser.

   • warna latar belakang Halaman – Warna yang menggantikan gambar latar belakang setiap kali gambar tidak dapat dimuat, misalnya karena latensi koneksi.

   

2. Pilih Berikutnya: Tata letak jika Anda ingin terus menyesuaikan atau Tinjau + simpan jika Anda ingin menyimpan perubahan Anda.

3. Pada tab Tata Letak , pilih penempatan elemen halaman web di halaman masuk.

   • Templat – Pilih apakah latar belakang menampilkan layar penuh atau layar parsial.

   • Header – Tampilkan atau sembunyikan header.

   • Footer – Tampilkan atau sembunyikan footer.

   • Custom CSS – Unggah file CSS Anda sendiri untuk mengganti gaya Microsoft default dengan gaya Anda sendiri untuk: warna, font, ukuran teks, posisi elemen, dan tampilan untuk perangkat dan ukuran layar yang berbeda.

   

4. Pilih Berikutnya: Header jika Anda ingin terus menyesuaikan atau Tinjau + simpan jika Anda ingin menyimpan perubahan Anda.

Untuk menyesuaikan logo, tautan privasi, dan ketentuan penggunaan

1. Pada tab Header , pilih logo untuk ditampilkan di header halaman masuk.

   

2. Pilih Berikutnya: Footer jika Anda ingin terus menyesuaikan atau Tinjau + Simpan jika Anda ingin menyimpan perubahan Anda.

3. Pada tab Footer, Anda bisa mengkustomisasi URL dan teks tautan untuk privasi dan ketentuan penggunaan hyperlink yang muncul di footer halaman login.

   • Privasi & Cookie – Pilih kotak centang di samping Privasi & Cookie untuk menampilkan hyperlink ini di footer. Tautan privasi default Microsoft ditampilkan kecuali Anda memasukkan teks dan URL Tampilan hyperlink Anda sendiri.

   • Ketentuan Penggunaan – Pilih kotak centang di samping Ketentuan Penggunaan untuk menampilkan hyperlink ini di footer. Tautan ketentuan penggunaan Microsoft akan ditampilkan kecuali Anda memasukkan sendiri teks tampilan dan URL hyperlink Anda.

   

4. Pilih Berikutnya: Formulir masuk akun jika ingin melanjutkan penyesuaian atau Tinjau + simpan jika Anda ingin menyimpan perubahan Anda.

Untuk mengkustomisasi formulir masuk

1. Pada tab formulir Masuk , konfigurasikan elemen formulir masuk:

   • Logo Banner – Ditampilkan di halaman masuk dan di panel akses pengguna.

   • logo Square (tema ringan) – Mewakili akun pengguna di organisasi Anda.

   • Logo Kotak (tema gelap) – Jika logo persegi tema terang ditampilkan dengan buruk pada latar belakang gelap, Anda dapat mengunggah logo yang akan digunakan sebagai gantinya ketika latar belakang gelap digunakan.

   

2. Gulir ke bagian bawah halaman dan konfigurasikan lebih banyak elemen formulir masuk:

   • teks petunjuk Nama Pengguna – Teks petunjuk yang ditampilkan di bidang input nama pengguna di halaman masuk (tidak disarankan jika pengguna tamu masuk ke aplikasi Anda).

   • teks halaman masuk – Muncul di bagian bawah halaman masuk dan pendaftaran. Pedoman:

     • Maksimum 1.024 karakter
     • Jangan sertakan informasi sensitif
     • Gunakan sintaks ini untuk memformat teks:
       • Hyperlink: [text](link)
       • Tebal: **text** or __text__
       • Miring: *text* or _text_
       • Garis bawah: ++text++

Untuk menyesuaikan pengaturan ulang kata sandi layanan mandiri

1. Gulir ke bagian Pengaturan ulang kata sandi mandiri untuk mengonfigurasi opsi untuk menampilkan, menyembunyikan, atau menyesuaikan tautan pengaturan ulang kata sandi mandiri di halaman masuk.

   • Tampilkan pengaturan ulang kata sandi mandiri – Pilih kotak centang ini untuk menampilkan tautan kata sandi layanan mandiri.
   • URL Umum – Masukkan URL reset kata sandi untuk digunakan sebagai pengganti tautan Microsoft default.
   • Teks tampilan koleksi akun – Masukkan teks tautan untuk ditampilkan sebagai pengganti teks default Microsoft "Tidak dapat mengakses akun Anda".
   • Teks tampilan koleksi kata sandi - Masukkan teks tautan untuk ditampilkan sebagai pengganti teks "Lupa kata sandi" default Microsoft.

   

2. Pilih Berikutnya: Teks jika Anda ingin terus menyesuaikan atau Tinjau + simpan jika Anda ingin menyimpan perubahan Anda.

Untuk menyesuaikan atribut pengguna

Untuk penyewa, Anda mungkin memiliki persyaratan yang berbeda untuk informasi yang ingin Anda kumpulkan selama pendaftaran dan masuk. Penyewa dilengkapi dengan sekumpulan informasi bawaan yang disimpan dalam atribut, seperti Nama Belakang, Nama Keluarga, Kota, dan Kode Pos. Anda dapat membuat atribut kustom di penyewa menggunakan Microsoft Graph API atau di portal di bawah tab Teks di Company Branding.

1. Pada tab Teks , pilih Tambahkan Teks Kustom .

2. Pilih salah satu opsi:

   • Pilih Atribut untuk menggantikan nilai default.
   • Pilih Koleksi atribut untuk menambahkan opsi atribut baru yang ingin Anda kumpulkan selama proses pendaftaran.
   • Pilih Masuk untuk menambahkan teks kustom untuk halaman masuk.
   • Pilih Daftar untuk menambahkan teks kustom untuk halaman masuk.
   • Pilih Kode satu kali masuk/daftar (SISU OTC) untuk menambahkan judul kustom.

   

3. Pilih Berikutnya: Tinjau untuk meninjau semua modifikasi Anda. Lalu pilih Simpan jika Anda ingin menyimpan perubahan atau Sebelumnya jika Anda ingin terus menyesuaikan.

Penting

Di penyewa eksternal, kami memiliki dua opsi untuk menambahkan teks kustom ke pengalaman pendaftaran dan masuk. Fungsi ini tersedia di bawah setiap alur pengguna selama penyesuaian bahasa dan juga di bawah branding Perusahaan. Meskipun kami memiliki dua cara untuk menyesuaikan string (melalui Company Branding dan melalui Alur Pengguna), kedua cara memodifikasi file JSON yang sama. Perubahan terbaru yang dilakukan baik melalui alur pengguna atau melalui branding perusahaan akan selalu menggantikan yang sebelumnya.

Kustomisasi pengalaman logout

Anda tidak perlu menyesuaikan pengalaman keluar akun untuk penyewa eksternal Anda. Jika Anda telah menyesuaikan branding untuk pengalaman masuk, pengalaman keluar akan secara otomatis cocok dengan pengalaman masuk. Jika Anda belum menyesuaikan pengalaman masuk, pengalaman keluar akan sesuai dengan citra netral bawaan pada penyewa eksternal Anda.

Cara menyesuaikan nama penyewa

Anda dapat menyesuaikan nama penyewa Anda di pusat admin Microsoft Entra untuk mengganti logo banner Microsoft dalam pengalaman masuk default netral. Nama penyewa baru juga muncul di email verifikasi yang dikirim ke pengguna.

1. Masuk ke pusat admin Microsoft Entra sebagai minimal Administrator Penjenamaan Organisasi.

2. Jika Anda memiliki akses ke beberapa penyewa, gunakan ikon Pengaturan di menu atas untuk beralih ke penyewa eksternal yang Anda buat sebelumnya dari menu Direktori + langganan.

3. Di bilah pencarian, ketik dan pilih properti penyewa .

4. Edit bidang Nama.

   

5. Pilih Simpan.

Menyesuaikan branding Anda dengan Microsoft Graph API

Anda dapat menggunakan Microsoft Graph API untuk menyesuaikan beberapa item secara terprogram. Misalnya, Anda dapat menggunakan API untuk mengunggah gambar latar belakang kustom, mengubah warna halaman masuk, dan menambahkan logo kustom. Untuk informasi selengkapnya, lihat artikel pembaruan merek default.

Konten terkait

Dalam artikel ini kami mempelajari cara menyesuaikan tampilan dan nuansa pengalaman masuk dan pendaftaran pelanggan. Untuk mempelajari lebih lanjut tentang kustomisasi bahasa bagi pengguna, lihat artikel Kustomisasi Bahasa. Untuk pemahaman tentang perbedaan branding penyewa tenaga kerja, lihat artikel Cara menyesuaikan branding untuk tenaga kerja Anda.