Mengatur pengalih bahasa di Bubble.io dapat memudahkan pengguna untuk berpindah bahasa. Fitur ini sangat berharga untuk aplikasi dengan audiens global, memungkinkan pengguna untuk 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 pengkodean yang luas.
Untuk menerapkan pengalih bahasa di Bubble.io, pengembang biasanya memulai dengan menentukan bahasa yang ingin mereka dukung di pengaturan aplikasi. Mereka kemudian membuat elemen dropdown atau tombol yang dapat berinteraksi dengan pengguna untuk mengubah bahasa. Pada artikel kali ini kita akan membahas pengaturan pengalih bahasa di Bubble.io dengan salah satu situs layanan terjemahan otomatis.
Mengapa pengalih bahasa penting di situs web Bubble.io?
Menambahkan pengalih bahasa pada sebuah website bukan tanpa alasan. Inilah alasan Anda perlu menyiapkannya di situs web Bubble.
- Memudahkan pengguna di negara lain: Pengalih bahasa memungkinkan pengguna internasional melihat situs web dalam bahasa ibu mereka. Misalnya, pengguna berbahasa 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, hal ini menyoroti pentingnya fitur ini untuk kenyamanan dan aksesibilitas pengguna.
- Mengoptimalkan situs web dalam hasil pencarian di negara lain: Dengan pengalih bahasa, situs web Bubble.io Anda dapat berperingkat lebih baik dalam pencarian bahasa asing. Misalnya, situs Anda versi Prancis lebih cenderung muncul di penelusuran Google Prancis. Peningkatan visibilitas ini dapat meningkatkan lalu lintas internasional secara signifikan.
- Tingkatkan 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, sehingga berdampak langsung pada 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 di aplikasi jejaring sosial cenderung bertahan lebih lama. Peningkatan keterlibatan ini sangat signifikan, karena pengguna biasanya menghabiskan waktu dua kali lebih banyak di situs dalam bahasa ibu mereka dibandingkan situs dalam bahasa kedua, sehingga menghasilkan retensi pengguna yang lebih baik.
Cara mengatur pengalih bahasa di Bubble.io
Sekarang setelah kita memahami pentingnya beralih bahasa di situs multibahasa Bubble.io, mari kita bahas cara menerapkannya. Layanan terjemahan website biasanya menawarkan fitur ini, yang dapat disesuaikan dengan kebutuhan pengguna.
Namun, tidak semua layanan terjemahan menawarkan pengalih bahasa yang dapat disesuaikan dan mudah digunakan. Oleh karena itu, memilih layanan terjemahan otomatis yang kompatibel dengan berbagai kerangka kerja dan menyediakan fitur peralihan bahasa yang fleksibel sangatlah penting.
Salah satu layanan terjemahan otomatis yang memenuhi kriteria tersebut adalah Linguise . Linguise menawarkan fitur peralihan bahasa yang sangat dapat disesuaikan dan mudah digunakan yang terintegrasi dengan CMS populer dan pembuat web seperti Bubble.io.
Linguise memberikan integrasi yang mulus dengan Bubble, memungkinkan pengembang dengan mudah menggabungkan peralihan bahasa ke dalam aplikasi multibahasa mereka. Dengan memanfaatkan fitur-fitur canggih dan antarmuka ramah pengguna Linguise , Anda dapat menyederhanakan pengaturan dan pemeliharaan pengalih bahasa di situs web Bubble Anda.
Berikut langkah-langkah untuk menginstal Linguise di situs web Bubble.io dan mengatur pengalih bahasa.
Langkah 1: Daftarkan akun Linguise
Mulailah dengan akun Linguise gratis dan menambahkan domain situs web Anda. Anda dapat memanfaatkan uji coba gratis 30 hari sebelum memilih paket berlangganan.
Kemudian, Anda harus 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 dashboard Linguise , Anda akan memiliki dua opsi instalasi.
Untuk penambahan catatan DNS otomatis, klik “Hubungkan DNS Anda secara otomatis.” Fitur yang disebut Entri ini menyederhanakan proses instalasi dengan mengelola data DNS untuk Anda. Alternatifnya, Anda dapat menyalin data DNS secara manual ke penyedia domain Anda.
Mengklik tombol tersebut akan meminta Entri 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 mengarahkan Anda ke halaman login penyedia domain, tempat Anda dapat login dan melanjutkan.
Setelah masuk, Entri akan secara otomatis menambahkan data 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 memerlukan 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 data DNS yang diperlukan untuk menyiapkan halaman multibahasa, seperti fr.domain.com atau es.domain.com.
Salin elemen ini ke konfigurasi DNS Bubble.io Anda.
Selanjutnya, akses manajer domain Anda dan navigasikan ke area pengaturan DNS. Ikuti petunjuk untuk menyalin:
- Satu data TXT untuk verifikasi domain
- Satu atau beberapa data CNAME untuk bahasa tersebut
Berikut adalah contoh untuk setiap jenis data (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 akan melihat indikator hijau di sebelah daftar DNS di dasbor Linguise . Anda hampir siap menerjemahkan situs web Bubble.io Anda; yang tersisa hanyalah menghubungkan ke pengalih bahasa dengan bendera negara.
Langkah 5: Aktifkan dan pengalih bahasa
Pengalih bahasa adalah popup bendera yang memungkinkan pengguna memilih bahasa pilihan mereka. Untuk menerapkannya, salin kode yang diberikan 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 Anda. Klik 'Pengaturan' di menu sidebar kiri dan pilih “SEO / metatag.”
Gulir ke bawah ke “Skrip/tag meta di header” di bawah “Pengaturan Lanjutan.” Tempelkan Linguise yang Anda salin sebelumnya, lalu klik 'Simpan' dan publikasikan situs Anda.
Langkah 5: Konfigurasikan tampilan utama
Untuk mulai menyiapkan pengalih bahasa, navigasikan ke “Pengaturan” > “Tampilan bendera bahasa” di Linguise . Di halaman ini, Anda dapat mengatur beberapa pengaturan
- Gaya ikon bendera: Pilih dari tiga opsi: tampilan berdampingan, menu dropdown, atau popup.
- Posisi: Pilih di mana pengalih bahasa akan muncul di situs Anda. Berbagai pilihan posisi tersedia; memastikannya mudah diakses oleh pengunjung.
Anda dapat menggabungkan tampilan bendera dan nama bahasa, bendera dan singkatan bahasa, atau hanya nama bahasa saja. Disarankan menggunakan bendera dan nama bahasa untuk memudahkan pengenalan pengguna.
Langkah 6: Tetapkan desain bendera
Setelah mengkonfigurasi tampilan utama, selanjutnya sesuaikan desain bendera yang akan ditampilkan.
- Nama bahasa tampilan: Anda dapat memilih untuk menampilkan nama bahasa berdasarkan nama negara atau nama bahasa itu sendiri. Misalnya, Anda dapat menampilkan “French” atau “Français.”
- Jenis bendera Inggris: Opsi ini berguna untuk bahasa dengan berbagai variasi, seperti Inggris AS atau Inggris (dan juga berlaku untuk bahasa Spanyol, Taiwan, Jerman, dan Portugis).
- Gaya bendera: Pilih bentuk ikon bendera, bulat atau persegi panjang.
Langkah 7: Sesuaikan warna dan ukuran
Setelah mengonfigurasi desain bendera, Anda dapat menyesuaikan lebih lanjut warna dan ukuran bendera. Berikut pengaturan yang dapat Anda sesuaikan:
- Radius batas bendera: Sesuaikan radius dalam piksel untuk gaya bendera persegi panjang.
- Warna nama bahasa: Pilih warna teks default untuk menampilkan nama bahasa.
- Warna bahasa popup: Mengatur warna teks judul bahasa di area popup atau dropdown.
- Ukuran bendera: Menyesuaikan ukuran ikon bendera.
- Warna arahkan nama bahasa: Mengatur warna teks yang muncul saat pengguna mengarahkan kursor ke nama bahasa.
- Warna arahkan bahasa popup: Mengatur warna teks yang muncul saat pengguna mengarahkan kursor ke judul bahasa di area popup atau dropdown.
Langkah 8: Mengatur bayangan kotak bendera
Terakhir, 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 ketika pengguna mengarahkan mouse ke bendera bahasa.
Setelah Anda membuat semua penyesuaian yang diinginkan, klik tombol Simpan untuk menerapkan perubahan penyesuaian. Kemudian, kunjungi situs Bubble Anda untuk memverifikasi konfigurasi telah berhasil diterapkan. Ini adalah tampilan pengalih bahasa.
Setelah pengaturan, Anda dapat melihat bagaimana fungsi pengalih bahasa di situs web multibahasa Bubble Anda.
Selanjutnya, Anda dapat menerjemahkan situs web ke bahasa lain seperti bahasa Spanyol.
Praktik terbaik untuk mengoptimalkan pengalih bahasa di Bubble.io
Setelah berhasil menyiapkan 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 dikenali
Saat menerapkan pengalih bahasa di situs web Bubble.io Anda, menggunakan tanda atau ikon bahasa yang mudah dikenali sangatlah penting. Isyarat visual ini membantu pengguna dengan cepat mengidentifikasi dan memilih bahasa pilihan mereka. Misalnya, ikon globe dipahami secara universal untuk mewakili pilihan bahasa. Sebagai alternatif, Anda dapat menggunakan bendera negara, namun perlu diketahui bahwa hal ini terkadang dapat menimbulkan masalah karena bahasa tidak selalu terikat pada satu negara.
Contoh: Situs web Amazon menggunakan ikon bola dunia kecil di sebelah bahasa yang dipilih saat ini (misalnya, “EN”) di bilah navigasi atas. Pendekatan sederhana namun efektif ini memungkinkan pengguna menemukan pilihan bahasa dengan cepat, apa pun pengaturan bahasa mereka saat ini.
Gabungkan nama bahasa di samping bendera
Meskipun bendera dapat membantu, bendera tidak boleh digunakan sendirian. Menyertakan nama bahasa dalam aksara aslinya di samping bendera atau ikon akan memberikan kejelasan dan menghindari potensi kebingungan. Hal ini sangat penting untuk bahasa yang digunakan di beberapa negara atau wilayah.
Contoh: Pengalih bahasa di situs web Airbnb menampilkan nama bahasa dan bendera negara. Misalnya, ini menunjukkan “Inggris (AS)” dengan bendera AS, dan “Français” dengan bendera Prancis. Kombinasi ini memastikan pengguna dapat mengidentifikasi pilihan bahasa pilihan mereka secara akurat.
Posisikan tombol pengalih bahasa dengan hati-hati
Penempatan pengalih bahasa Anda sangat penting untuk aksesibilitas pengguna. Lokasi umum mencakup sudut kanan atas header, footer, atau dalam menu navigasi utama. Kuncinya adalah membuatnya mudah ditemukan tanpa mengacaukan area konten utama.
Contoh: Di situs tiffany.com, pengalih bahasa ada di pojok kanan bawah halaman, selalu terlihat dan dapat diakses. Penempatan yang konsisten ini memastikan pengguna dapat dengan cepat menemukan dan menggunakan pilihan bahasa di mana pun mereka berada di situs.
Rancang pengalih bahasa agar responsif
Pastikan pengalih bahasa Anda berfungsi dengan baik di semua perangkat, mulai dari komputer desktop hingga ponsel cerdas. Pada layar yang lebih kecil, Anda mungkin perlu menyesuaikan desainnya – misalnya, menggunakan menu tarik-turun alih-alih daftar opsi horizontal.
Contoh: Pengalih bahasa situs web UNESCO beradaptasi dengan baik di seluruh perangkat. Di desktop, ini muncul sebagai daftar horizontal di header. Di 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, fungsi, dan posisi pengalih bahasa yang sama di seluruh halaman situs web Bubble.io Anda. Konsistensi ini membantu pengguna menavigasi situs Anda dengan lebih efisien, karena mereka tahu persis di mana menemukan opsi bahasa, apa pun halaman mereka saat ini.
Contoh: Situs web mempertahankan pengalih bahasanya secara konsisten di footer di semua halaman, mulai dari halaman beranda hingga halaman produk dan proses pembayaran. Konsistensi ini memastikan bahwa pengguna dapat dengan mudah beralih bahasa kapan saja selama pengalaman browsing atau berbelanja.
Siapkan pengalih bahasa di situs web multibahasa Bubble menggunakan Linguise !
Sekarang, Anda sudah memahami cara memilih bahasa untuk situs multibahasa Bubble.io. Membacakan pemilih bahasa dapat memberikan berbagai manfaat dan selanjutnya mengarah pada optimasi berdasarkan poin yang disebutkan sebelumnya.
Mengoptimalkan pemilih bahasa secara efektif dapat meningkatkan pengalaman pengguna secara signifikan. Daftar Linguise , integrasikan dengan situs web Bubble.io Anda, dan sesuaikan pemilih bahasa untuk meningkatkan pengalaman pengguna.