"Pengalih Bahasa" adalah jembatan pengguna ke infrastruktur terlokalisasi Anda. MultiLipi mendukung dua metode injeksi yang berbeda untuk menyeimbangkan kemudahan penerapan dengan integritas desain. Anda dapat menerapkannya sebagai Lapisan Mengambang yang persisten (terbaik untuk peluncuran cepat) atau sebagai Elemen Tertanam yang terintegrasi secara mendalam (terbaik untuk desain kustom).
Panduan ini merinci langkah-langkah navigasi dan perbedaan teknis antara kedua strategi.
1. Protokol Konfigurasi (Navigasi)
Mengakses kontrol antarmuka.
Untuk mengonfigurasi strategi penempatan, ikuti jalur ini di pusat perintah Anda:
Langkah 1: Akses Dasbor
Masuk ke akun MultiLipi Anda untuk mengakses tampilan Beranda.
Langkah 2: Pilih Proyek
Klik pada Ubin Proyek spesifik untuk situs web yang ingin Anda konfigurasikan.
Langkah 3: Akses Pengaturan
Di bilah sisi kiri, klik Pengaturan.
Langkah 4: Temukan Modul
Dari sub-menu atau daftar pengaturan, pilih Pengalih Bahasa.
Tindakan:
Di sini Anda akan melihat opsi untuk beralih antara mode Mengambang dan Tertanam.
2. Pengalih Mengambang (Mode Tumpang Tindih)
Penyebaran cepat melalui injeksi JS.
Apa itu?
Pengalih Mengambang adalah widget otonom yang disuntikkan ke DOM melalui JavaScript. Ia berada pada sumbu Z di atas konten situs web Anda, tertambat ke sudut viewport.
Penempatan: Dapat dikonfigurasi ke salah satu dari empat kuadran:
- •Kiri Bawah (Default) / Kanan Bawah
- •Kiri Atas / Kanan Atas
Keunggulan Arsitektural:
- •Tanpa Kode: Tidak perlu pengeditan HTML. Bekerja seketika setelah injeksi skrip.
- •Kompatibilitas Universal: Dijamin akan dirender di platform apa pun (WordPress, Shopify, Webflow) tanpa merusak alur tata letak.
- •Responsif Seluler: Secara otomatis menskalakan dan memposisikan ulang untuk viewport yang lebih kecil.
Ideal Untuk: Tim yang membutuhkan solusi "Plug-and-Play" tanpa melibatkan pengembang frontend.
3. Pengalih Tertanam (Mode Integrasi)
Penyisipan DOM yang mulus.
Apa itu?
Pengalih Tertanam memungkinkan Anda menyuntikkan pengalih bahasa langsung ke dalam wadah tertentu dalam struktur HTML Anda, seperti Bilah Navigasi (
Mekanismenya: Anda memberikan Pemilih CSS tertentu (ID atau Kelas) di dasbor MultiLipi.
Contoh Input: #menu-language-item atau .navbar-right.
Tindakan: Skrip kami memindai DOM untuk pemilih spesifik tersebut dan merender pengalih di dalam elemen tersebut, mewarisi batasan tata letak induknya.
Ideal Untuk: Desainer yang membutuhkan kontrol piksel-sempurna dan ingin pengalih terasa seperti bagian asli dari sistem menu UI.
4. Protokol Failover (Logika Keamanan)
Memastikan ketersediaan antarmuka.
Dalam lingkungan web dinamis, ID dan Kelas dapat berubah. Apa yang terjadi jika Anda menyebarkan Pengalih Tertanam yang menargetkan #nav-lang, tetapi pengembang Anda secara tidak sengaja mengganti nama ID tersebut menjadi #nav-menu?
MultiLipi mengeksekusi Failover Otomatis:
- •Pindai: Skrip mencoba menemukan pemilih CSS target.
- •Kegagalan: Jika target tidak ditemukan (null), skrip menandai kesalahan.
- •Pemulihan: Otomatis kembali ke Mode Mengambang.
- •Hasil: Pengalih muncul di posisi mengambang default (misalnya, Kanan Bawah), memastikan pengguna masih dapat mengubah bahasa, bahkan jika tata letak rusak.
- •Debugging: Peringatan konsol dicatat agar pengembang Anda memperbaikinya.