MultiLipi gives you full control over how your language switcher looks and behaves—across both desktop and mobile views. Whether you're aiming for seamless design integration or more visible accessibility, customizing your switcher can improve user experience and maintain design consistency across multilingual pages.

Panduan Pengaturan Langkah demi Langkah

1. Navigate to Language Switcher Settings

To begin customizing your language switcher:

  • Buka Dasbor MultiLipi

  • Pilih Language Switcherdari Pengaturan di menu kiri.
    MultiLipi Dashboard Sidebar navigation highlighting Language Switcher settings option

2. Edit Switcher Layout and Appearance

Once inside the Switch Editor, you’ll see a dedicated dashboard with customization options for both Desktop dan Telepon selular Antarmuka. MultiLipi Dashboard Switch Editor panel showing Desktop and Mobile toggle options

3. Template (Switcher Style)

Choose from predefined switcher styles that best match your website’s UI:

MultiLipi Dashboard Language switcher style dropdown with prebuilt templates

4. Positioning the Switcher

Set the language switcher’s position on the screen:

  • Terapung (corner-based positioning like bottom-left)
  • Tertanam (dimasukkan ke dalam elemen HTML tertentu)

Fallback logic ensures the switcher reverts to floating if the embedded spot isn't found.

Ingin memahami perbedaannya dengan lebih baik? Baca terus untuk perbandingan singkat antara mode Mengambang dan Tertanam.

 

MultiLipi Dashboard Position options for language switcher including floating and embedded placement

5. Customize Switcher Colors

Pilih palet warna Anda sendiri agar sesuai dengan merek Anda. Mengeset:

  • Warna Latar Belakang
  • Warna Teks

Gunakan nilai RGB atau pemilih warna bawaan.

6. CSS Kustom Tingkat Lanjut (Opsional)

For full control, inject your own CSS rules to style the switcher exactly how you want.

Contoh:

Css- CopyEdit

#lang-switcher-selected-lang .fi {

jari-jari batas: 0px;

}

#dynamicDropdown {

/* gaya Anda */

}

MultiLipi Dashboard Custom CSS text area for advanced language switcher customization

7. Simpan atau Atur Ulang

  • Klik Simpan untuk menerapkan perubahan Anda.

  • Klik Reset untuk kembali ke desain default.

Pratinjau Akhir

Semua penyesuaian langsung dipratinjau secara real-time, memungkinkan Anda beralih antara mode desktop dan seluler untuk memastikan konsistensi di seluruh jenis perangkat.

Membungkus

The language switcher editor in MultiLipi allows you to:

  • Pilih gaya tampilan ideal Anda
  • Adjust exact position
  • Match colors with your website theme
  • Use custom CSS for complete flexibility

Perfect your user experience for multilingual audiences—all within a few clicks.