Menyiapkan pengalih bahasa di Magento sangat penting. Fitur ini krusial bagi situs web yang menyasar audiens internasional, karena kemampuan untuk beralih antar bahasa dengan mudah telah menjadi kebutuhan mendesak di pasar saat ini.
Meskipun prosesnya mungkin tampak menakutkan pada awalnya, panduan ini akan memandu Anda melalui langkah-langkah untuk mengatur pengalih bahasa di situs web Magento Anda secara efisien dan efektif. Dengan mengikuti petunjuk ini, Anda dapat mengimplementasikan fitur berharga ini dengan lancar, meningkatkan kemampuan situs Anda untuk melayani audiens yang beragam dan multibahasa.
Mengapa Anda harus menyiapkan pengalih bahasa untuk Magento?
Berikut adalah empat alasan utama mengapa Anda harus menyiapkan pengalih bahasa untuk Magento.
- Pengalaman Pengguna yang Lebih Baik: Pengalih bahasa memungkinkan pengunjung mengakses konten dalam bahasa pilihan mereka, meningkatkan pemahaman dan keterlibatan mereka dengan situs web Anda. Misalnya, pelanggan berbahasa Spanyol yang mengunjungi toko Magento berbasis bahasa Inggris dapat dengan mudah beralih ke bahasa Spanyol, sehingga lebih mudah untuk menelusuri produk, membaca deskripsi, dan menyelesaikan pembelian.
- Jangkauan Pasar yang Lebih Luas: Dengan menawarkan berbagai bahasa, Anda dapat menargetkan audiens global dan memasuki pasar baru, yang berpotensi meningkatkan basis pelanggan dan penjualan Anda. Misalnya, sebuah toko pakaian online di AS menerapkan pengalih bahasa dengan opsi untuk bahasa Inggris, Prancis, dan Jerman. Ini memungkinkan mereka memasarkan produk mereka secara efektif kepada pelanggan di Kanada dan negara-negara Eropa lainnya tanpa membuat situs web terpisah.
- Peningkatan Performa SEO: Pengalih bahasa yang diterapkan dengan baik dapat meningkatkan upaya SEO multibahasa Anda, membuat situs Anda lebih terlihat dalam hasil pencarian di berbagai bahasa dan wilayah. Misalnya, toko elektronik berbasis Magento menawarkan konten dalam bahasa Inggris dan Jepang. Ketika pengguna Jepang mencari produk dalam bahasa mereka, halaman Jepang toko tersebut lebih mungkin muncul dalam hasil pencarian, sehingga mendorong lalu lintas yang lebih tertarget.
- Tingkat Konversi yang Meningkat: Ketika pengunjung dapat memahami detail produk, kebijakan, dan proses pembelian dalam bahasa asli mereka, mereka lebih cenderung menyelesaikan transaksi dan menjadi pelanggan. Misalnya, pelanggan Italia yang menjelajahi toko produk kecantikan internasional di Magento menemukan opsi untuk beralih ke bahasa Italia. Mereka kini dapat dengan mudah memahami bahan produk, petunjuk penggunaan, dan kebijakan pengiriman, sehingga meningkatkan kepercayaan diri mereka untuk membeli.
Dengan menerapkan fitur-fitur ini, Anda membuat toko Magento Anda lebih mudah diakses dan ramah pengguna bagi audiens global yang beragam, berpotensi meningkatkan lalu lintas web, keterlibatan, dan penjualan.
Bagaimana cara menyiapkan pengalih bahasa di Magento?
Layanan terjemahan situs web umumnya menawarkan fungsionalitas ini, yang dapat disesuaikan dengan kebutuhan spesifik Anda.
Namun, perlu dicatat bahwa tidak semua layanan terjemahan menyediakan pengalih bahasa yang mudah disesuaikan dan ramah pengguna. Oleh karena itu, memilih layanan terjemahan otomatis yang kompatibel dengan berbagai framework dan menawarkan fitur pengalih bahasa yang fleksibel sangatlah penting.
Salah satu layanan yang menonjol dalam memenuhi kriteria ini adalah Linguise. Layanan ini menyediakan fitur pengalih bahasa yang mudah disesuaikan dan ramah pengguna serta terintegrasi secara mulus dengan Magento.
Dengan memanfaatkan integrasi Linguise yang mulus dengan CMS Magento , Anda dapat dengan mudah menambahkan pengalih bahasa ke situs web multibahasa Anda. Dengan fitur Linguise dan antarmuka yang intuitif, menyiapkan dan memelihara pengalih bahasa di situs web Magento Anda menjadi jauh lebih mudah. Bagian berikut menguraikan langkah-langkah untuk menginstal Linguise di situs web Magento multibahasa dan mengonfigurasi pengalih bahasa.
Langkah 1: Daftar akun Linguise gratis
Pertama, daftar akun Linguise secara gratis dan nikmati masa uji coba selama satu bulan. Proses pendaftarannya mudah – cukup berikan alamat email Anda untuk membuat kredensial login Anda.
Selama fase uji coba ini, Anda akan memiliki akses ke fitur-fitur mengesankan Linguise. Setelah periode uji coba berakhir, Anda akan secara otomatis diarahkan ke dasbor Linguise .
Langkah 2: Menambahkan domain situs web Magento
Setelah berhasil membuat akun Linguise Anda, Anda akan diarahkan ke dasbor. Di sana, Anda perlu menambahkan informasi domain situs web Anda . Cari opsi "Tambahkan domain" dan klik opsi tersebut. Anda kemudian akan disajikan formulir yang berisi beberapa kolom untuk diisi:
- Rincian akun
- URL situs web
- Pemilihan platform (pilih Magento)
- Bahasa utama situs Anda
- Bahasa yang ingin Anda terjemahkan
- Opsi untuk menerjemahkan URL
- Pengaturan untuk terjemahan konten dinamis
Setelah Anda melengkapi semua informasi yang diperlukan, klik tombol “Next Step”.
Pada tahap berikutnya, Anda perlu memasukkan kunci API. Kunci ini akan diberikan kepada Anda dan sangat penting untuk proses penyiapan.
Langkah 3: Unggah skrip Linguise
Langkah selanjutnya melibatkan penambahan skrip terjemahan Linguise ke server Magento Anda:
- Dapatkan skrip terjemahan PHP-JS dari Linguise.
- Ekstrak isi file yang telah diunduh.
- Pindahkan file yang diekstrak ke direktori utama instalasi Magento Anda.
Pastikan bahwa:
- Skrip tersebut ditempatkan di direktori tingkat atas situs web Anda, berdampingan dengan file Magento Anda.
- Folder tersebut mempertahankan nama aslinya, “linguise”.
Setelah ini, Anda harus memasukkan kunci API Linguise Anda ke dalam file Configuration.php yang baru saja Anda unggah. Buka file ini untuk diedit, temukan teks placeholder “REPLACE_BY_YOUR_TOKEN”, dan ganti dengan kunci API Anda yang sebenarnya, dengan tetap berada di dalam tanda kutip.
Langkah 4: Konfigurasi penulisan ulang URL untuk Magento
Akses Magento panel admin Anda dan ikuti jalur ini melalui menu sidebar: Stores > Settings > Configuration > General > Web > Search Engine Optimization
Setelah berada di sana, temukan dan aktifkan opsi “Use Web Server Rewrite”.
Selanjutnya, Anda perlu menyiapkan URL khusus bahasa di file .htaccess Anda. Buka file .htaccess default Magento 2 dan temukan baris yang bertuliskan “RewriteEngine on”. Tepat setelah baris ini, Anda akan menyisipkan potongan kode tertentu.
Konfigurasi ini memungkinkan Magento untuk menangani dan merutekan permintaan dengan benar untuk berbagai versi bahasa situs Anda, sehingga meningkatkan pengaturan multibahasa Anda.
Ingat, mengubah file .htaccess memerlukan perhatian yang cermat terhadap detail, karena perubahan yang salah dapat memengaruhi fungsionalitas situs Anda. Jika Anda tidak nyaman melakukan perubahan ini sendiri, pertimbangkan untuk meminta bantuan dari pengembang yang berpengalaman dengan konfigurasi Magento .
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA,END]
</IfModule>
Langkah 5: Aktifkan & sesuaikan pengalih bahasa
Pengalih bahasa adalah popup bendera yang memungkinkan pengguna memilih bahasa yang mereka inginkan. Untuk memuatnya, salin kode yang disediakan di akhir konfigurasi situs web dan letakkan di bagian head halaman HTML Anda. Pengalih bahasa bendera kemudian akan dimuat secara otomatis.
Anda dapat menemukan kode untuk disalin dan dimuat di header situs web Anda di dasbor Linguise dengan menavigasi ke Your Domain > Settings > Tab > Script PHP.
Kode ini harus dimasukkan ke dalam header halaman Anda. Magento 2 memungkinkan Anda menambahkan konten ke bagian head halaman Anda melalui pengaturan konfigurasi.
Di panel admin, buka Content > Configuration dan edit tampilan tema toko default Anda. Selanjutnya, klik bagian HTML Head dan tempelkan skrip yang disalin ke kolom input Scripts and Style Sheets. Terakhir, simpan konfigurasi.
Pemilih bahasa awalnya ditampilkan dalam posisi mengambang di kanan bawah situs web Anda. Anda dapat menyesuaikan tampilan dan penempatannya dengan membuka Linguise dasbor > Pengaturan > Tampilan Bendera Bahasa.
Langkah 6: Siapkan tampilan utama
Pengalih bahasa secara default muncul dalam posisi mengambang di bagian kanan bawah situs web Anda. Anda dapat menyesuaikan tampilan dan penempatannya melalui Linguise dengan membuka Pengaturan > Tampilan Bendera Bahasa.
Langkah 7: Konfigurasi desain bendera
Setelah menyesuaikan pengaturan tampilan utama, Anda dapat menyesuaikan lebih lanjut desain bendera bahasa.
- Tampilan Nama Bahasa: Anda dapat memilih untuk menampilkan nama bahasa berdasarkan negara atau bahasa itu sendiri, seperti “Prancis” atau “Français.”
- Tipe Bendera Bahasa Inggris: Ini berguna untuk bahasa dengan berbagai variasi, seperti Bahasa Inggris AS atau Inggris Britania, Spanyol, Taiwan, Jerman, dan Portugis.
- Gaya Bendera: Pilih bentuk ikon bendera, bulat atau persegi panjang.
Langkah 8: Atur warna dan ukuran
Setelah menyelesaikan desain bendera, Anda dapat melanjutkan untuk menyesuaikan warna dan ukuran bendera dengan pengaturan berikut:
- Radius Batas Bendera: Sesuaikan radius batas untuk gaya bendera persegi panjang, diukur dalam piksel.
- Warna Nama Bahasa: Pilih warna teks default untuk nama bahasa.
- Warna Bahasa Popup: Atur warna teks judul bahasa di area popup atau dropdown.
- Ukuran Bendera: Sesuaikan ukuran ikon bendera.
- Warna Teks Saat Arahkan Kursor ke Nama Bahasa: Tentukan warna teks yang muncul saat pengguna mengarahkan kursor ke nama bahasa.
- Warna Teks Saat Arahkan Kursor ke Judul Bahasa di Popup: Tentukan warna teks yang muncul saat pengguna mengarahkan kursor ke judul bahasa di area popup atau dropdown.
Langkah 9: Siapkan box-shadow bendera
Terakhir, Anda dapat menyesuaikan pengaturan bayangan kotak bendera. Opsi pertama memungkinkan Anda menambahkan efek bayangan ke setiap ikon bendera yang ditampilkan di situs web Anda. Opsi kedua mengontrol efek bayangan saat pengguna mengarahkan kursor mouse ke bendera bahasa.
Setelah Anda melakukan semua penyesuaian yang diperlukan, klik tombol Simpan untuk menerapkan perubahan kustomisasi. Kemudian, buka situs Magento Anda untuk memverifikasi bahwa konfigurasi telah berhasil diterapkan. Ini akan memberi Anda gambaran tentang bagaimana pengalih bahasa akan ditampilkan.
Setelah menyelesaikan penyiapan, Anda dapat melihat pengalih bahasa di situs web multibahasa Magento Anda.
Kami akan secara otomatis menerjemahkan situs web Magento ke bahasa lain, seperti bahasa Spanyol.
4 strategi untuk meningkatkan pengalih bahasa di Magento
Setelah Anda menyiapkan pengalih bahasa di situs web Magento multibahasa Anda, Anda harus memahami strategi optimal untuk merancang pemilih bahasa dan mengoptimalkan performanya untuk meningkatkan situs dan pengalaman pengguna Anda.
Implementasikan indikator bahasa dengan mudah
Menggunakan simbol bahasa atau bendera yang diakui secara universal di pengalih bahasa Anda sangatlah penting. Ini memungkinkan pengunjung menemukan dan memilih bahasa pilihan mereka dengan cepat. Menerapkan simbol yang familier menciptakan pengalaman pengguna yang intuitif, memungkinkan pengunjung menavigasi dengan mudah ke versi bahasa yang mereka inginkan. Kuncinya adalah memilih indikator yang diakui secara global untuk mencegah kesalahpahaman.
Misalnya, situs e-commerce multibahasa yang menjual perlengkapan olahraga. Pengalih bahasa mereka dapat menggunakan kombinasi bendera negara dan singkatan bahasa:
- EN (untuk Bahasa Inggris)
- ES (untuk Spanyol)
- FR (untuk bahasa Prancis)
- DE (untuk bahasa Jerman)
- JP (untuk bahasa Jepang)
Pendekatan ini menggabungkan isyarat visual (bendera) dengan teks (kode bahasa), sehingga memudahkan pengguna dari berbagai latar belakang untuk mengidentifikasi bahasa pilihan mereka. Bendera langsung dapat dikenali, sementara singkatan memberikan kejelasan tambahan.
Misalnya, pengunjung yang berbahasa Spanyol dapat dengan cepat mengenali bendera Spanyol dan singkatan 'ES', sehingga mereka dapat mengganti situs ke bahasa Spanyol hanya dengan satu klik. Desain yang ramah pengguna ini meningkatkan pengalaman menjelajah secara keseluruhan dan berpotensi meningkatkan keterlibatan serta konversi di situs.
Gabungkan nama dan bendera bahasa
Meskipun bendera menarik secara visual, akan lebih baik jika dipadukan dengan nama asli bahasa tersebut. Strategi ini membantu mencegah kebingungan, terutama karena beberapa bahasa digunakan di berbagai negara dengan bendera yang berbeda.
Menggunakan nama bahasa yang sebenarnya menghilangkan ambiguitas, memastikan pengunjung dapat secara akurat mengidentifikasi dan memilih bahasa pilihan mereka tanpa kesalahpahaman. Selain itu, pendekatan ini mendorong inklusivitas dan menunjukkan rasa hormat terhadap keragaman budaya.
Misalnya, situs web berita global yang melayani audiens yang beragam. Pengalih bahasa mereka mungkin terlihat seperti ini.
Dalam hal ini:
- Penggunaan bendera memberikan petunjuk visual yang cepat.
- Nama bahasa ditulis dalam aksara aslinya (seperti Jepang, Prancis, dll.), yang langsung dapat dikenali oleh penutur bahasa tersebut.
Pendekatan ini sangat membantu untuk bahasa seperti Spanyol atau Inggris yang digunakan di berbagai negara. Misalnya, pengguna dari Meksiko atau Argentina akan melihat “Español” daripada harus memilih di antara beberapa bendera negara berbahasa Spanyol. Demikian pula, pengguna dari Inggris, AS, Australia, atau negara berbahasa Inggris lainnya dapat mengenali “English” terlepas dari bendera yang digunakan.
Tempatkan pengalih bahasa secara strategis
Sangat penting untuk menempatkan pengalih bahasa di lokasi yang menonjol dan mudah diakses di situs web Anda. Posisi yang umum dan efektif meliputi header, footer, atau menu navigasi utama. Tempat-tempat ini intuitif bagi sebagian besar pengguna web dan sesuai dengan ekspektasi mereka saat mencari opsi bahasa.
Mempertahankan penempatan yang konsisten di semua halaman memastikan pengunjung dapat dengan mudah mengakses pengalih bahasa, terlepas dari titik masuk atau halaman mereka saat ini. Konsistensi ini berkontribusi pada pengalaman pengguna yang lancar dan dapat diprediksi.
Sebagai contoh, sebuah situs web pemesanan hotel internasional yang melayani audiens global. Mereka dapat menerapkan strategi pengalihan bahasa mereka sebagai berikut.
- Penempatan di Header: Pengalih bahasa terletak di sudut kanan atas header, di samping ikon akun pengguna dan pemilih mata uang. Ini terlihat di setiap halaman dan memungkinkan pengguna untuk mengganti bahasa kapan saja selama proses penjelajahan atau pemesanan mereka.
- Desain yang Konsisten: Pengalih bahasa ditampilkan sebagai ikon globe diikuti dengan bahasa saat ini (misalnya, “🌐 English”). Saat diklik, akan terbuka menu dropdown dengan pilihan bahasa lainnya.
- Cadangan Footer: Footer menyertakan daftar berbasis teks dari semua bahasa yang tersedia, memberikan titik akses alternatif.
Penempatan strategis ini memastikan bahwa baik pengguna mendarat di halaman beranda, halaman hotel tertentu, atau halaman konfirmasi pemesanan, mereka dapat dengan mudah menemukan dan menggunakan pengalih bahasa. Misalnya, pengguna Prancis yang menjelajahi pilihan hotel di Tokyo dapat dengan cepat mengalihkan situs ke bahasa Prancis untuk lebih mudah memahami deskripsi kamar dan syarat pemesanan, meningkatkan pengalaman pengguna mereka dan berpotensi meningkatkan kemungkinan menyelesaikan reservasi.
Jaga konsistensi pengalih bahasa di semua halaman
Sangat penting untuk memastikan bahwa pengalih bahasa mempertahankan tampilan dan fungsionalitas yang seragam di seluruh situs web Anda. Pengguna harus dapat mengganti bahasa dengan mudah, terlepas dari halaman saat ini atau konten yang mereka lihat. Konsistensi ini memberikan pengalaman pengguna yang mulus dan memperkuat aksesibilitas opsi bahasa, menumbuhkan kepercayaan dan keyakinan pada situs web multibahasa Anda.
Misalnya, platform e-commerce global yang menjual elektronik. Berikut cara mereka menerapkan strategi pengalih bahasa yang konsisten.
- Desain Seragam: Pengalih bahasa muncul sebagai ikon globe dengan kode bahasa saat ini (misalnya, “🌐 ID”) di sudut kanan atas setiap halaman, termasuk daftar produk, halaman produk individual, keranjang belanja, dan halaman checkout.
- Fungsionalitas yang Konsisten: Mengklik pengalih bahasa selalu membuka menu dropdown yang sama dengan semua bahasa yang tersedia, terlepas dari halamannya.
- Pemeliharaan Konten: Saat pengguna beralih bahasa, mereka tetap berada di halaman yang sama, tetapi konten ditampilkan dalam bahasa yang baru dipilih. Misalnya, jika pengguna melihat spesifikasi laptop dalam bahasa Inggris dan beralih ke bahasa Spanyol, mereka melihat detail laptop yang sama, kini dalam bahasa Spanyol.
- Struktur URL: Struktur URL berubah secara konsisten saat beralih bahasa. Misalnya:
- Bahasa Inggris: www.techstore.com/products/laptop-model-x
- Bahasa Spanyol: www.techstore.com/es/productos/laptop-modelo-x
Studi Kasus: Seorang pelanggan Jepang yang menjelajahi laptop di versi bahasa Inggris situs tersebut memutuskan untuk beralih ke bahasa Jepang agar lebih mudah dipahami. Mereka mengklik ikon “🌐 EN” di header, memilih “日本語” dari menu dropdown, dan halaman dimuat ulang, menampilkan detail laptop yang sama tetapi dalam bahasa Jepang. URL berubah dari “/products/…” menjadi “/ja/製品/…”.
Pengalaman yang konsisten di semua halaman dan fungsi situs ini memastikan bahwa pengguna dapat dengan percaya diri menavigasi dan berbelanja dalam bahasa pilihan mereka, yang berpotensi meningkatkan kemungkinan mereka menyelesaikan pembelian dan kembali ke situs di masa mendatang.
Siapkan pengalih bahasa di Magento dengan Linguise!
Saat ini, Anda seharusnya sudah menyadari bahwa Anda sedang menyiapkan pengalih bahasa untuk situs web Magento multibahasa. Menerapkan pengalih bahasa dapat menawarkan banyak manfaat dan dapat disesuaikan sesuai dengan pedoman kami.
Mengoptimalkan pengalih bahasa Anda dapat secara signifikan meningkatkan pengalaman pengguna secara keseluruhan di situs Magento Anda. Langkah selanjutnya adalah membuat akun Linguise , mengintegrasikannya dengan situs Magento Anda, dan menyempurnakan pengaturan pengalih bahasa. Tindakan ini akan meningkatkan pengalaman pengguna, membuat situs e-commerce multibahasa Anda lebih mudah diakses dan ramah pengguna.
Ingat, pengalih bahasa yang diimplementasikan dengan baik di platform Magento Anda dapat menghasilkan keterlibatan yang lebih baik, peningkatan konversi, dan kepuasan pelanggan yang lebih baik di berbagai pasar bahasa. Ini adalah elemen penting dalam menciptakan situs web yang benar-benar multibahasa.
