Menyiapkan pengalih bahasa di situs web Bubble.io dapat memudahkan pengguna untuk beralih bahasa. Fitur ini sangat berharga untuk aplikasi dengan audiens global, memungkinkan pengguna berinteraksi dengan platform dalam bahasa pilihan mereka. Bubble.io, platform pengembangan tanpa kode yang populer, menawarkan kemampuan lokalisasi bawaan yang memungkinkan pengembang membuat aplikasi multibahasa tanpa pengetahuan coding yang luas.
Untuk mengimplementasikan pengalih bahasa di Bubble.io, pengembang biasanya memulai dengan mendefinisikan bahasa yang ingin mereka dukung dalam pengaturan aplikasi. Mereka kemudian membuat elemen dropdown atau tombol yang dapat berinteraksi dengan pengguna untuk mengubah bahasa. Dalam artikel ini, kita akan membahas pengaturan pengalih bahasa di Bubble.io dengan salah satu situs web layanan terjemahan otomatis.
Mengapa pengalih bahasa penting di website Bubble.io?
Menambahkan pengalih bahasa di situs web tidaklah tanpa alasan. Berikut adalah alasan mengapa Anda perlu menyiapkannya di situs web Bubble .
- Mempermudah pengguna di negara lain: Pengalih bahasa memungkinkan pengguna internasional untuk melihat situs web dalam bahasa asli mereka. Misalnya, pengguna Spanyol yang mengunjungi toko online dapat beralih ke bahasa Spanyol, sehingga lebih mudah memahami detail produk dan menyelesaikan pembelian. Studi Penelitian CSA menunjukkan bahwa 76% pembeli online lebih suka membeli produk ketika informasi tersedia dalam bahasa mereka, menyoroti pentingnya fitur ini untuk kenyamanan dan aksesibilitas pengguna.
- Optimalisasi situs web dalam hasil pencarian negara lain: Dengan pengalih bahasa, situs web Bubble.io Anda dapat peringkat lebih baik dalam pencarian bahasa asing. Misalnya, versi bahasa Perancis dari situs Anda lebih mungkin muncul dalam pencarian Google berbahasa Perancis. Visibilitas yang lebih baik ini dapat secara signifikan meningkatkan lalu lintas internasional.
- Meningkatkan konversi penjualan: Menawarkan konten dalam berbagai bahasa dapat meningkatkan penjualan. Platform kursus online yang memungkinkan pengguna untuk beralih bahasa dapat menarik audiens yang lebih luas dan meningkatkan pendaftaran. Pendekatan ini efektif karena konsumen lebih cenderung membeli dari situs web yang menyediakan informasi dalam bahasa asli mereka, secara langsung mempengaruhi tingkat konversi Anda.
- Meningkatkan keterlibatan dan retensi pengguna: Pengalih bahasa dapat membuat pengguna tetap berada di situs Anda lebih lama. Misalnya, pengguna yang berinteraksi dalam bahasa pilihan mereka pada aplikasi jaringan sosial cenderung tetap terlibat lebih lama. Peningkatan keterlibatan ini signifikan, karena pengguna biasanya menghabiskan waktu dua kali lebih banyak di situs dalam bahasa asli mereka daripada di bahasa kedua, yang mengarah pada retensi pengguna yang lebih baik.
Cara mengatur pengalih bahasa di Bubble.io
Sekarang kita memahami pentingnya beralih bahasa di situs web multibahasa Bubble.io, mari kita bahas cara menerapkannya. Layanan terjemahan situs web biasanya menawarkan fitur ini, yang dapat disesuaikan dengan kebutuhan pengguna.
Namun, tidak semua layanan terjemahan menawarkan pengalih bahasa yang dapat disesuaikan dan ramah pengguna. Oleh karena itu, memilih layanan terjemahan otomatis yang kompatibel dengan berbagai kerangka kerja dan menyediakan fitur pengalihan bahasa yang fleksibel sangatlah penting.
Satu layanan terjemahan otomatis yang memenuhi kriteria ini adalah Linguise. Linguise terjemahan otomatis menawarkan fitur pengalihan bahasa yang sangat dapat disesuaikan dan mudah digunakan yang terintegrasi dengan CMS dan pembangun web populer seperti Bubble.io.
Linguise menyediakan integrasi yang mulus dengan Bubble, memungkinkan pengembang untuk dengan mudah memasukkan pengalihan bahasa ke dalam aplikasi multibahasa mereka. Dengan memanfaatkan fitur canggih dan antarmuka yang ramah pengguna dari Linguise, Anda dapat menyederhanakan pengaturan dan pemeliharaan pengalih bahasa di situs web Bubble Anda.
Berikut adalah langkah-langkah untuk menginstal Linguise di situs web Bubble.io dan mengatur pengalih bahasa.
Langkah 1: Daftar akun Linguise
Mulai dengan membuat akun Linguise gratis dan menambahkan domain situs web Anda. Anda dapat menggunakan uji coba gratis 30 hari sebelum memilih paket langganan.
Kemudian, Anda perlu mendaftarkan domain Anda untuk mengotorisasi terjemahan. Salin nama domain Anda, termasuk “https://,” dan pilih “lainnya” sebagai platform.
Selanjutnya, pilih bahasa sumber dan target Anda.
Langkah 2: Tambahkan DNS secara otomatis menggunakan Entri
Setelah mendaftarkan situs web Anda di dasbor Linguise , Anda akan memiliki dua opsi instalasi.
Untuk penambahan catatan DNS otomatis, klik “Hubungkan DNS Anda secara otomatis.” Fitur ini, yang disebut Entri, menyederhanakan proses instalasi dengan mengelola catatan DNS untuk Anda. Sebagai alternatif, Anda dapat menyalin catatan DNS secara manual ke penyedia domain Anda.
Mengklik tombol tersebut akan meminta Entri untuk menganalisis URL situs web terdaftar Anda dan memeriksa catatan DNS publik Anda, mengidentifikasi penyedia dan catatan DNS yang diperlukan.
Selanjutnya, klik “Otorisasi dengan [penyedia domain Anda]” (misalnya, Cloudflare). Tindakan ini akan mengarahkan Anda ke halaman login penyedia domain Anda, di mana Anda dapat masuk dan melanjutkan.
Setelah masuk, Entri akan secara otomatis menambahkan catatan DNS yang sesuai—satu DNS per bahasa dan satu DNS TXT untuk kunci validasi—ke domain Anda.
Setelah otorisasi, Entri akan memberi tahu Anda bahwa semua pengaturan DNS telah berhasil dikonfigurasi. Fitur terjemahan akan dapat digunakan setelah semua entri DNS disebarkan di domain Anda, biasanya memakan waktu 20 hingga 30 menit.
Untuk instalasi manual, Anda dapat mengikuti langkah-langkah yang disediakan di bawah ini.
Langkah 3: Salin catatan DNS
Untuk instalasi manual, Anda akan diarahkan ke layar yang menampilkan catatan DNS yang diperlukan untuk mengatur halaman multibahasa Anda, seperti fr.domain.com atau es.domain.com.
Salin elemen-elemen ini ke konfigurasi DNS Bubble.io Anda.
Selanjutnya, akses manajer domain Anda dan navigasikan ke area pengaturan DNS. Ikuti instruksi untuk menyalin:
- Satu catatan TXT untuk verifikasi domain
- Satu atau beberapa catatan CNAME untuk bahasa
Berikut adalah contoh untuk setiap jenis catatan (TXT dan CNAME).
Setelah Anda menambahkan semua catatan Anda, konfigurasi Anda akan terlihat seperti ini.
Langkah 4: Verifikasi DNS
Setelah menambahkan semua catatan Anda ke DNS domain Anda, klik tombol "Periksa konfigurasi DNS" untuk memverifikasi propagasi DNS.
Validasi DNS biasanya memakan waktu sekitar 30 menit hingga 1 jam. Setelah selesai, Anda harus melihat indikator hijau di sebelah daftar DNS di dasbor Linguise . Anda hampir siap untuk menerjemahkan situs web Bubble.io Anda; yang tersisa hanyalah menautkan ke pengalih bahasa dengan bendera negara.
Langkah 5: Aktifkan pengalih bahasa
Pengalih bahasa adalah popup bendera yang memungkinkan pengguna untuk memilih bahasa yang mereka inginkan. Untuk menerapkannya, salin kode yang disediakan di akhir proses pendaftaran domain atau dalam pengaturan domain ke header halaman situs Bubble.io Anda. Pengalih bahasa bendera kemudian akan secara otomatis muncul di situs web publik Anda.
Selanjutnya, buka panel situs web Bubble. Klik ‘Pengaturan’ di menu sidebar kiri dan pilih “SEO / metatags.”
Gulir ke bawah ke “Skrip/tag meta di header” di bawah “Pengaturan Lanjutan.” Tempelkan skrip Linguise yang Anda salin sebelumnya, lalu klik ‘Simpan’ dan publikasikan situs Anda.
Langkah 5: Konfigurasi tampilan utama
Untuk mulai mengatur pengalih bahasa, navigasikan ke “Pengaturan” > “Tampilan bendera bahasa” di dasbor Linguise. Di halaman ini, Anda dapat menyesuaikan beberapa pengaturan
- Gaya ikon bendera: Pilih dari tiga opsi: tampilan berdampingan, menu tarik-turun, atau popup.
- Posisi: Pilih di mana pengalih bahasa akan muncul di situs Anda. Berbagai opsi posisi tersedia; pastikan mudah diakses oleh pengunjung.
Anda dapat menggabungkan tampilan bendera dan nama bahasa, bendera dan singkatan bahasa, atau hanya nama bahasa. Menggunakan bendera dan nama bahasa direkomendasikan untuk pengenalan pengguna yang lebih mudah.
Langkah 6: Atur desain bendera
Setelah mengkonfigurasi tampilan utama, sesuaikan lebih lanjut desain bendera yang akan ditampilkan.
- Nama tampilan bahasa: Anda dapat memilih untuk menampilkan nama bahasa berdasarkan nama negara atau nama bahasa itu sendiri. Misalnya, Anda dapat menampilkan “Perancis” atau “Français.”
- Tipe bendera Inggris: Opsi ini berguna untuk bahasa dengan beberapa variasi, seperti Bahasa Inggris AS atau Inggris Britania (dan juga berlaku untuk Spanyol, Taiwan, Jerman, dan Portugis).
- Gaya bendera: Pilih bentuk ikon bendera, baik bulat atau persegi panjang.
Langkah 7: Sesuaikan warna dan ukuran
Setelah mengkonfigurasi desain bendera, Anda dapat lebih lanjut menyesuaikan warna dan ukuran bendera. Berikut adalah pengaturan yang dapat Anda sesuaikan:
- Jari-jari batas bendera: Sesuaikan jari-jari dalam piksel untuk gaya bendera persegi panjang.
- Warna nama bahasa: Pilih warna teks default untuk menampilkan nama bahasa.
- Warna bahasa popup: Atur warna teks judul bahasa di area popup atau dropdown.
- Ukuran bendera: Sesuaikan ukuran ikon bendera.
- Warna hover nama bahasa: Atur warna teks yang muncul saat pengguna mengarahkan kursor ke nama bahasa.
- Warna hover bahasa popup: Atur warna teks yang muncul saat pengguna mengarahkan kursor ke judul bahasa di area popup atau dropdown.
Langkah 8: Mengatur bayangan kotak bendera
Akhirnya, Anda dapat menyesuaikan pengaturan bayangan kotak bendera. Opsi pertama memungkinkan Anda menerapkan efek bayangan ke setiap ikon bendera yang ditampilkan di situs web Anda. Opsi berikutnya mengontrol efek bayangan saat pengguna mengarahkan kursor ke bendera bahasa.
Setelah Anda melakukan semua penyesuaian yang diinginkan, klik tombol Simpan untuk menerapkan perubahan kustomisasi. Kemudian, kunjungi situs web Bubble Anda untuk memverifikasi konfigurasi telah berhasil diterapkan. Inilah cara pengalih bahasa akan muncul.
Setelah pengaturan, Anda dapat melihat bagaimana pengalih bahasa berfungsi di situs web multibahasa Bubble Anda.
Selanjutnya, Anda dapat menerjemahkan situs web ke dalam bahasa lain seperti Spanyol.
Praktik terbaik untuk mengoptimalkan pengalih bahasa di Bubble.io
Setelah berhasil mengatur pengalih bahasa di situs web multibahasa Bubble , penting untuk mempertimbangkan tips mengoptimalkan pengalih bahasa untuk situs dan pengunjung Anda.
Gunakan logo bendera bahasa yang mudah diidentifikasi
Saat menerapkan pengalih bahasa di situs web Bubble.io Anda, menggunakan bendera atau ikon bahasa yang mudah dikenali sangatlah penting. Isyarat visual ini membantu pengguna dengan cepat mengidentifikasi dan memilih bahasa yang mereka inginkan. Misalnya, ikon globe secara universal dipahami sebagai representasi opsi bahasa. Sebagai alternatif, Anda bisa menggunakan bendera negara, tetapi perlu diingat bahwa hal ini terkadang bisa bermasalah karena bahasa tidak selalu terkait dengan satu negara tertentu.
Contoh: Situs web Amazon menggunakan ikon globe kecil di samping bahasa yang saat ini dipilih (mis., “EN”) di bilah navigasi atas. Pendekatan sederhana namun efektif ini memungkinkan pengguna untuk dengan cepat menemukan pilihan bahasa terlepas dari pengaturan bahasa mereka saat ini.
Cantumkan nama bahasa di samping bendera
Meskipun bendera dapat membantu, bendera tidak boleh digunakan sendiri. Menyertakan nama bahasa dalam aksara asli di samping bendera atau ikon memberikan kejelasan dan menghindari potensi kebingungan. Ini sangat penting untuk bahasa yang digunakan di beberapa negara atau wilayah.
Contoh: Pengalih bahasa pada situs web Airbnb menampilkan nama bahasa dan bendera negara. Misalnya, ini menampilkan “English (US)” dengan bendera AS, dan “Français” dengan bendera Perancis. Kombinasi ini memastikan pengguna dapat mengidentifikasi pilihan bahasa yang mereka inginkan dengan akurat.
Posisikan tombol pengalih bahasa dengan bijak
Penempatan pengalih bahasa Anda sangat penting untuk aksesibilitas pengguna. Lokasi umum termasuk pojok kanan atas header, di footer, atau dalam menu navigasi utama. Kuncinya adalah membuatnya mudah ditemukan tanpa mengacaukan area konten utama.
Contoh:
Rancang pengalih bahasa agar responsif
Pastikan pengalih bahasa Anda berfungsi dengan baik di semua perangkat, dari komputer desktop hingga ponsel pintar. Pada layar yang lebih kecil, Anda mungkin perlu menyesuaikan desain – misalnya, menggunakan menu tarik-turun alih-alih daftar pilihan horizontal.
Contoh: Pengalih bahasa situs web UNESCO beradaptasi dengan indah di berbagai perangkat. Di desktop, ini muncul sebagai daftar horizontal di header. Di perangkat seluler, ini berubah menjadi menu tarik-turun yang ringkas, memastikan kegunaan tanpa mengorbankan tata letak seluler.
Pastikan pengalih bahasa konsisten di seluruh halaman
Pertahankan desain, fungsionalitas, dan posisi pengalih bahasa Anda di semua halaman situs Bubble.io Anda. Konsistensi ini membantu pengguna menavigasi situs Anda lebih efisien, karena mereka tahu persis di mana menemukan opsi bahasa terlepas dari halaman saat ini.
Contoh: Situs web mempertahankan pengalih bahasa secara konsisten di footer di semua halaman, dari beranda ke halaman produk dan proses checkout. Konsistensi ini memastikan bahwa pengguna dapat dengan mudah beralih bahasa kapan saja selama pengalaman menjelajah atau berbelanja mereka.
Siapkan pengalih bahasa di situs web multibahasa Bubble menggunakan Linguise!
Sekarang, Anda sudah memahami cara memilih bahasa untuk situs web multibahasa Bubble.io. Membaca pemilih bahasa dapat memberikan berbagai manfaat dan lebih lanjut mengarah pada optimalisasi berdasarkan poin-poin yang disebutkan sebelumnya.
Mengoptimalkan pemilih bahasa secara efektif dapat secara signifikan meningkatkan pengalaman pengguna. Daftar untuk Linguise akun, integrasikan dengan Bubble.io situs web, dan sesuaikan pemilih bahasa untuk meningkatkan pengalaman pengguna.
