Cara mengatur pengalih bahasa untuk PrestaShop

Tangkapan layar antarmuka CIVO yang menampilkan berbagai pengaturan dan peta
Daftar isi

Penting untuk memberikan perhatian ekstra pada elemen peralihan bahasa saat membuat situs web multibahasa. Hal ini karena pengguna akan sering mengunjungi bagian ini ketika mereka ingin beralih bahasa.

Begitu pula bagi Anda yang memiliki situs PrestaShop multibahasa. Oleh karena itu, penting untuk membuat pengalih bahasa untuk PrestaShop yang ramah, mudah diakses, dan sederhana untuk digunakan.

Pada artikel ini, kita akan membahas cara mengatur pengalih bahasa untuk PrestaShop . Jadi, bagi pemilik situs web multibahasa atau eCommerce di PrestaShop , bacalah artikel ini sampai akhir untuk mendapatkan panduan lengkapnya!

Mengapa pengalih bahasa penting untuk situs web multibahasa PrestaShop?

Pengalih bahasa adalah salah satu elemen yang harus ada di situs web multibahasa karena inilah yang sering dikunjungi dan digunakan pengguna saat beralih bahasa.

Selain digunakan untuk beralih bahasa, apa lagi pentingnya pengalih bahasa untuk situs web multibahasa PrestaShop ? Lihat penjelasan lengkapnya di bawah ini.

  • Pengalaman pengguna yang ditingkatkan: Pengalih bahasa yang mudah dinavigasi memfasilitasi transisi yang lancar antar bahasa, menyederhanakan navigasi pengguna dan pemahaman konten. Peningkatan ini berkontribusi pada pengalaman pengguna secara keseluruhan yang positif, meminimalkan frustrasi dan meningkatkan keterlibatan pengguna.
  • Navigasi intuitif: Pengalih bahasa harus mudah ditemukan dan ramah pengguna. Antarmuka yang dirancang dengan baik memastikan pengalih bahasa ditempatkan secara menonjol dan menggunakan ikon atau label yang jelas dan mudah dikenali, sehingga mendorong pengguna untuk beralih antar bahasa dengan mudah.
  • Mengurangi rasio pentalan: Pengalih bahasa yang ramah pengguna berperan dalam mengurangi rasio pentalan. Ketika pengunjung dapat dengan cepat menemukan dan memilih bahasa pilihan mereka, mereka lebih cenderung untuk tetap berada di situs web, menjelajahi kontennya, dan berpotensi melakukan konversi.
  • Komunikasi yang efektif: Para penutur bahasa asing harus berkomunikasi secara efektif dengan pengguna. Label atau simbol yang jelas dan ringkas membantu menyampaikan pilihan bahasa yang tersedia, mengurangi kebingungan, dan memberdayakan pengguna untuk membuat pilihan yang tepat.
  • Optimasi SEO: Mesin pencari mempertimbangkan pengalaman pengguna saat memberi peringkat situs web. Pengalih bahasa yang ramah pengguna dan dieksekusi dengan baik dapat berdampak positif pada SEO, meningkatkan visibilitas dan aksesibilitas situs Anda bagi pengguna yang melakukan pencarian dalam berbagai bahasa.
  • Pengukuran kinerja bahasa: Beberapa modul pengalih bahasa, seperti Linguise menyediakan analisis kinerja bahasa, memungkinkan Anda untuk melihat bagaimana kinerja setiap versi bahasa di situs Anda. Ini dapat membantu Anda mengoptimalkan strategi bahasa berdasarkan data pengguna nyata.
Hancurkan Hambatan Bahasa
Ucapkan selamat tinggal pada hambatan bahasa dan sambut pertumbuhan tanpa batas! Coba layanan terjemahan otomatis kami hari ini.

Bagaimana cara mengatur pengalih bahasa untuk PrestaShop?

Pengalih bahasa adalah salah satu elemen atau fitur yang biasanya disediakan oleh layanan penerjemahan dan pengguna hanya perlu menyesuaikannya.

Namun, tidak semua layanan penerjemahan menyediakan fitur pengalihan bahasa yang mudah dimodifikasi, fleksibel, dan menawarkan berbagai penyesuaian.

Namun, Linguise bisa menjadi solusi bagi Anda yang menginginkan pengalih bahasa PrestaShop yang ramah dan mudah disesuaikan.

Linguise Automatic Translation adalah layanan penerjemahan situs web yang dapat menerjemahkan secara otomatis hanya dalam beberapa detik. Layanan ini terintegrasi dengan lebih dari 40 platform CMS, termasuk penerjemahan otomatis untuk PrestaShop .

Dengan Linguise, Anda dapat membuat pengalih bahasa situs web PrestaShop yang ramah dan mudah digunakan oleh pengunjung sehingga dapat memberikan manfaat luar biasa. Ada beberapa langkah untuk menyiapkan pengalih bahasa situs web PrestaShop, berikut beberapa langkahnya.

Langkah 1: Mendaftarkan akun gratis Linguise

Untuk memanfaatkan fitur pergantian bahasa di Linguise dan dapat menerjemahkan konten eCommerce PrestaShop , langkah pertama yang perlu Anda lakukan adalah mendaftarkan akun di platform Linguise . Linguise juga menawarkan uji coba gratis selama satu bulan, yang memungkinkan Anda mengakses berbagai fitur yang tersedia dalam layanan tersebut.

Langkah 2: Tambahkan domain website PrestaShop

Tahap selanjutnya melibatkan penambahan domain situs web ke Linguise . Beberapa informasi perlu diisi.

  • Akun
  • URL
  • Pilih platform PrestaShop 
  • Bahasa
  • Bahasa terjemahan
  • Terjemahkan URL
Tangkapan layar hitam putih dari antarmuka pengkodean, mungkin editor teks atau IDE.

Langkah selanjutnya adalah mengaktifkan kunci API dan mengatur URL bahasa. Untuk petunjuk detail tentang cara menambahkan domain situs web, silakan lihat panduan untuk menginstal Linguise di PrestaShop atau tonton tutorial video di bawah ini.

Langkah 3: Mengaktifkan pengalih bahasa

Setelah menyelesaikan semua konfigurasi, langkah selanjutnya adalah memasuki konfigurasi pergantian bahasa dan menampilkan sebuah flag untuk memudahkan pengguna saat berganti bahasa. Untuk melakukan ini, salin kode yang tersedia di Linguise , buka Linguise > Pengaturan > salin ke clipboard.

Latar belakang hitam. Ruang kosong berwarna putih.

Sisipkan skrip di atas ke dalam header halaman, yaitu …/themes/your-theme/templates/_partials/head.tpl

Layar komputer menampilkan kode dan keluaran teks.

Kustomisasi lanjutan pada pengalih bahasa dapat dilakukan dengan langkah-langkah di bawah ini.

Langkah 4: Atur tampilan utama

Pada langkah ini, kita akan mengatur lebih lanjut desain pengalih bahasa yang dapat Anda temukan di Linguise > Pengaturan > Tampilan bendera bahasa.

Tangkapan layar panel kontrol bertema gelap, kemungkinan untuk situs web atau aplikasi

Pada pengaturan pertama, kita akan mengkonfigurasi tampilan utama. Beberapa bagian perlu diperhatikan.

Yang pertama adalah formulir tampilan daftar bahasa, di sini, Anda dapat memilih dari tiga opsi yang tersedia, yaitu berdampingan, menu tarik-turun (dropdown), atau menu pop-up. Kemudian di sebelah kiri, terdapat tampilan pratinjau dari setiap formulir daftar.

Bentuk pertama berdampingan sebagai berikut.

Tangkapan layar antarmuka mode gelap, UI dengan menu

Formulir kedua adalah menu tarik-turun seperti di bawah ini.

Layar komputer gelap dengan tombol dan menu. Berbagai pilihan terlihat.

Terakhir adalah formulir pop-up.

Animasi pemuatan pada antarmuka situs web gelap

Selanjutnya adalah mengatur posisi. Opsi posisi ini menunjukkan di mana pengalih bahasa akan ditempatkan. Anda dapat memilih dari berbagai opsi posisi yang tersedia. Pastikan untuk memilih posisi yang mudah ditemukan oleh pengunjung.

Terakhir, pilih kombinasi bendera + nama bahasa, bendera + nama pendek, atau hanya benderanya saja.

Langkah 5: Menyiapkan desain bendera

Selanjutnya, di bawah tampilan utama, terdapat pengaturan desain untuk bendera. Beberapa opsi pengaturan dapat ditemukan pada gambar berikut.

  • Tampilan nama bahasa: Anda dapat memilih tampilan nama berdasarkan nama negara atau nama bahasa, misalnya, "Jerman" atau "Deutsch."
  • Jenis bendera Inggris: opsi ini digunakan untuk bahasa yang memiliki lebih dari satu jenis, misalnya, "Inggris AS" atau "Inggris Britania" (mirip dengan Spanyol, Taiwan, Jerman, dan Portugis).
  • Gaya bendera: Digunakan untuk mengukur bentuk ikon bendera, apakah bulat atau persegi (persegi panjang).
Latar belakang hitam dengan teks putih, antarmuka komputer.

Langkah 6: Pilih warna dan ukuran bendera

Langkah selanjutnya setelah mengkonfigurasi desain bendera adalah menyesuaikan warna, ukuran, dan berbagai elemen lainnya. Pada tampilan berikut, terdapat beberapa pengaturan yang dapat disesuaikan, seperti:

  • Flag border-radius: Menyesuaikan radius batas dalam piksel saat menggunakan persegi panjang.
  • Warna nama bahasa: Memilih warna teks default untuk nama bahasa.
  • Warna bahasa popup: Warna judul bahasa pada area popup atau dropdown.
  • Ukuran bendera: Menyesuaikan ukuran bendera.
  • Warna teks nama bahasa saat diarahkan kursor: Warna teks nama bahasa saat kursor diarahkan ke atasnya.
  • Warna teks judul bahasa pada jendela pop-up saat kursor diarahkan ke atasnya: Warna teks judul bahasa pada jendela pop-up atau menu tarik-turun akan berubah saat kursor diarahkan ke atasnya.
Latar belakang hitam dengan teks putih yang tidak terbaca. Gambar tersebut tampaknya merupakan tangkapan layar.

Langkah 7: Sesuaikan bayangan kotak bendera

Pada tahap terakhir, Anda dapat membuat pengaturan untuk bayangan pada bendera. Pengaturan pertama memungkinkan Anda untuk menentukan bayangan untuk setiap bendera di situs web Anda, dan pengaturan berikutnya adalah bayangan untuk bendera bahasa saat diarahkan kursor ke atasnya (hover).

Jika demikian, jangan lupa untuk memilih Simpan untuk menyimpan penyesuaian pengalih bahasa.

Antarmuka gelap dengan tombol dan teks abu-abu. Gambarnya sangat buram.

Setelah Anda mengatur pengalih bahasa untuk PrestaShop , berikut adalah hasil dari pengalih bahasa tersebut.

Contoh produk yang ditampilkan di halaman utama situs web myfave. Berbagai macam barang ditampilkan.
Siap menjelajahi pasar baru? Cobalah layanan terjemahan otomatis kami secara gratis dengan uji coba bebas risiko selama 1 bulan. Tidak perlu kartu kredit!

Tips untuk mengoptimalkan pengalih bahasa Anda PrestaShop

Mengoptimalkan pengalih bahasa di PrestaShop sangat penting untuk memberikan pengalaman yang lancar dan ramah pengguna bagi pelanggan yang berbicara berbagai bahasa. Berikut beberapa tips untuk membantu Anda mengoptimalkan pengalih bahasa di PrestaShop.

  • Instal dan aktifkan bahasa: pastikan Anda telah menginstal dan mengaktifkan semua bahasa yang ingin Anda dukung di PrestaShop . Anda dapat melakukan ini di bagian "Lokalisasi" di bawah tab "Internasional".
  • Gunakan Pengalih Bahasa yang Jelas: Tempatkan pengalih bahasa secara mencolok di situs web Anda, biasanya di bagian header atau footer. Gunakan ikon atau bendera bahasa yang jelas dan mudah dikenali untuk setiap bahasa agar intuitif bagi pengguna.
  • Pertimbangkan penggunaan nama bahasa: Alih-alih menggunakan bendera, pertimbangkan untuk menggunakan nama bahasa dalam bentuk aslinya. Bendera dapat membingungkan karena beberapa bahasa mungkin digunakan di beberapa negara dengan bendera yang berbeda.
  • Aktifkan URL ramah SEO untuk setiap bahasa: Aktifkan URL ramah SEO untuk setiap bahasa. Ini dapat dilakukan di bagian "Preferensi" di bawah tab "SEO & URL". Ini membantu mesin pencari mengindeks halaman Anda dengan benar untuk setiap bahasa.
  • Tetapkan bahasa default: Tetapkan bahasa default untuk toko Anda. Ini adalah bahasa yang akan dilihat pengunjung saat pertama kali mengunjungi situs Anda. Anda dapat mengatur bahasa default di bagian "Lokalisasi".
  • Optimalkan konten khusus bahasa: Pastikan deskripsi produk, meta tag, dan konten lainnya diterjemahkan secara akurat untuk setiap bahasa. Hal ini sangat penting untuk SEO dan memberikan pengalaman yang bermakna kepada pengguna dalam berbagai bahasa.
  • Aktifkan deteksi bahasa otomatis: Pertimbangkan untuk menerapkan deteksi bahasa otomatis berdasarkan pengaturan peramban pengguna. Ini dapat memberikan pengalaman yang lebih personal bagi pengunjung, dengan secara otomatis menampilkan konten dalam bahasa pilihan mereka.
  • Jaga konsistensi pengalih bahasa: Pertahankan konsistensi pengalih bahasa di semua halaman situs web Anda. Pengguna harus dapat beralih bahasa dengan mudah, terlepas dari halaman mana yang sedang mereka kunjungi.

Dengan mengikuti tips ini, Anda dapat membuat pengalih bahasa yang lebih efektif dan ramah pengguna di PrestaShop, yang melayani beragam audiens dan meningkatkan pengalaman berbelanja secara keseluruhan di toko Anda.

Atur pengalih bahasa PrestaShop menggunakan Linguise!

Sejauh ini, Anda telah memahami pengaturan pengalih bahasa untuk PrestaShop. Membuat pengalih bahasa dapat memberikan beberapa manfaat, setelah itu, jangan lupa untuk mengoptimalkannya sesuai dengan poin-poin yang dijelaskan di atas.

Dengan pengoptimalan yang tepat pada pengalih bahasa, hal itu dapat meningkatkan pengalaman pengguna.

Jadi tunggu apa lagi? Daftarkan akun Linguise , daftarkan PrestaShop , dan konfigurasikan pengalih bahasa untuk memberikan pengalaman pengguna yang lebih baik.

Anda juga mungkin tertarik untuk membaca

Jangan lewatkan!
Berlangganan newsletter kami

Dapatkan berita tentang terjemahan otomatis situs web, SEO internasional, dan banyak lagi!

Invalid email address
Silakan coba. Satu kali per bulan, dan Anda dapat berhenti berlangganan kapan saja.

Jangan pergi tanpa membagikan email Anda!

Kami tidak dapat menjamin Anda akan memenangkan lotre, tetapi kami dapat menjanjikan beberapa berita informasi menarik seputar terjemahan dan diskon sesekali.

Jangan lewatkan!
Invalid email address