Cara mengatur pengalih bahasa di Bubble.io

oleh Aorinka Anendya
1 Agustus 2024

Blog > Panduan > Cara mengatur pengalih bahasa di Bubble.io

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.

Hancurkan Hambatan Bahasa

Ucapkan selamat tinggal pada hambatan bahasa dan sambut pertumbuhan tanpa batas! Coba layanan terjemahan otomatis kami hari ini.

Mulai Menerjemahkan Sekarang

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.

Siap menjelajahi pasar baru? Cobalah layanan terjemahan otomatis kami secara gratis dengan uji coba bebas risiko selama 1 bulan. Tidak perlu kartu kredit!

Klaim Uji Coba Gratis 1 Bulan Anda

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.

Cara mengatur pengalih bahasa di Bubble.io

Mengapa pengalih bahasa penting di situs web Bubble.io?

Cara mengatur pengalih bahasa di Bubble.io

Langkah 1: Daftarkan akun Linguise

Langkah 2: Tambahkan DNS secara otomatis menggunakan Entri

Langkah 3: Salin catatan DNS

Langkah 4: Verifikasi DNS

Langkah 5: Aktifkan dan pengalih bahasa

Langkah 5: Konfigurasikan tampilan utama

Langkah 6: Tetapkan desain bendera

Langkah 7: Sesuaikan warna dan ukuran

Langkah 8: Mengatur bayangan kotak bendera

Praktik terbaik untuk mengoptimalkan pengalih bahasa di Bubble.io

Gunakan logo bendera bahasa yang mudah dikenali

Gabungkan nama bahasa di samping bendera

Posisikan tombol pengalih bahasa dengan hati-hati

Rancang pengalih bahasa agar responsif

Pastikan pengalih bahasa konsisten di seluruh halaman

Siapkan pengalih bahasa di situs web multibahasa Bubble menggunakan Linguise !

Anda juga mungkin tertarik untuk membaca

Bagaimana menerjemahkan situs web Anda dari menerjemahkan bahasa Inggris ke bahasa Thailand

Memilih hosting terbaik untuk e-commerce internasional [panduan]

Strategi pelokalan yang komprehensif [+ Wawasan utama]

Hukum

Mendukung

Produk