Saat membuat situs web multibahasa, perhatian pada elemen peralihan bahasa adalah penting. Pengguna sering mengunjungi bagian ini ketika mereka ingin beralih bahasa.
Hal yang sama berlaku untuk Anda sebagai pemilik situs multibahasa Squarespace . Oleh karena itu, sangat penting untuk membuat pengalih bahasa untuk Squarespace yang ramah, mudah diakses, dan ramah pengguna.
Artikel ini akan membahas cara mendesain pengalih bahasa untuk Squarespace , lengkap dengan tips desain dan alasan mengapa Anda harus melakukannya.
Sebelum membahas cara mendesain Squarespace , Anda juga perlu memahami mengapa tombol bahasa penting untuk Squarespace multibahasa .
Dengan menyertakan tombol bahasa yang dirancang secara bijak di situs web Squarespace , Anda tidak hanya memenuhi kebutuhan audiens multibahasa namun juga menunjukkan komitmen untuk memberikan pengalaman pengguna yang luar biasa, mendorong inklusivitas, dan memposisikan merek Anda sebagai pesaing global di industri Anda.
Sebelum membahas lebih jauh cara mendesain tombol bahasa Squarespace , penting untuk memahami posisi tombol bahasa agar mudah dijangkau oleh pengguna.
Di bawah ini adalah beberapa posisi yang direkomendasikan dan contoh situs web yang relevan menggunakan posisi tombol bahasa.
Menempatkan tombol bahasa di area header adalah opsi yang paling direkomendasikan. Header adalah elemen pertama yang dilihat pengunjung saat menjelajahi suatu situs web.
Dengan adanya tombol bahasa di area ini, tingkat visibilitas dan aksesibilitas dari halaman mana pun dalam situs menjadi sangat tinggi. Penempatan ini juga sejalan dengan praktik desain web standar, di mana pengguna berharap menemukan fungsi penting untuk keseluruhan situs, seperti pemilihan bahasa, di header.
Salah satu contoh tombol bahasa di header berasal dari situs resmi Dell.
Meskipun kurang menonjol dibandingkan header, footer dapat menjadi alternatif lokasi yang tepat untuk tombol bahasa dalam situasi tertentu. Misalkan area header sudah penuh dengan elemen penting lainnya. Dalam hal ini, footer dapat digunakan sebagai tempat tombol bahasa untuk menghindari kekacauan pada navigasi utama.
Selain itu, untuk situs web dengan aliran konten yang sebagian besar linier, di mana pengunjung cenderung menggulir ke bagian bawah halaman, menempatkan tombol bahasa di footer memastikan bahwa opsi ini tetap terlihat dan dapat diakses setelah membaca keseluruhan konten. Footer juga bisa menjadi pilihan yang cocok jika tombol bahasa merupakan opsi sekunder atau tambahan sedangkan tombol utama berada di header atau menu navigasi.
Situs Feel Unique menempatkan tombol bahasanya di bagian footer lengkap dengan ikon bendera dan nama negara.
Situs web dengan tata letak sidebar dapat menggunakan area tersebut untuk menempatkan tombol bahasa. Dengan berada di sidebar, tombol bahasa akan selalu terlihat selama pengalaman browsing pengguna karena sidebar umumnya tetap terlihat secara permanen di halaman. Hal ini menjamin kemudahan akses bagi pengguna kapanpun dibutuhkan.
Penempatannya di sidebar juga bisa menjadi solusi yang baik jika header atau menu navigasi sudah diisi dengan elemen penting lainnya, sehingga menambahkan tombol bahasa di area tersebut hanya akan membuat kekacauan. Untuk situs web dengan banyak konten atau fungsi di area tengah, sidebar dapat menjadi lokasi ideal untuk tombol bahasa, menjaga tombol tetap terlihat namun mudah diakses tanpa menghalangi area konten utama.
Di bawah ini adalah contoh situs Lulu Lemon dengan tombol bahasa di menu sidebar sebelah kanan.
Opsi terakhir adalah tombol bahasa mengambang atau lengket, terutama untuk perangkat seluler atau website dengan desain minimalis. Pada layar kecil seperti perangkat seluler, tombol mengambang atau lengket lebih terlihat dan mudah diakses dibandingkan ditempatkan di header atau footer, yang mungkin tersembunyi atau memerlukan pengguliran tambahan.
Namun, pendekatan ini harus diterapkan dengan hati-hati agar tidak mengganggu tampilan konten atau menciptakan pengalaman pengguna yang tidak nyaman. Penempatan tombol, ukuran, dan gaya harus dipertimbangkan untuk memastikan kelancaran integrasi dengan desain situs web secara keseluruhan.
Seperti dibawah ini terdapat situs Patagonia dengan tombol bahasa yang menggunakan elemen tempel. Anda dapat menemukan tombol tersebut di pojok kanan bawah, setelah itu akan muncul tampilan kotak sebagai berikut untuk memilih negara dan bahasa.
Sampai di sini Anda sudah memahami betapa pentingnya tombol bahasa bagi website Squarespace multibahasa dan rekomendasi posisi tombol bahasa. Oleh karena itu, penting untuk menemukan layanan terjemahan yang menyediakan opsi penyesuaian yang mudah untuk tombol bahasa.
Meskipun layanan terjemahan biasanya menyediakan pengalih bahasa, tidak semuanya menawarkan opsi yang mudah disesuaikan dan fleksibel dengan berbagai penyesuaian. Namun, layanan terjemahan Linguise adalah solusi bagi mereka yang mencari Squarespace .
Jangan khawatir karena Linguise tidak menerapkan batasan seperti itu. Ini adalah layanan terjemahan otomatis yang menawarkan penyesuaian pengguna pada tombol bahasa. Berikut beberapa manfaat lain yang akan Anda dapatkan dengan menggunakan Linguise dalam membuat tombol bahasa Squarespace :
Tanpa basa-basi lagi, berikut langkah-langkah mendesain tombol bahasa Squarespace Anda dengan Linguise dalam beberapa tahap.
Untuk mendesain tombol alih bahasa untuk situs Squarespace Anda menggunakan Linguise , langkah pertama adalah mendaftarkan akun di platform Linguise . Anda dapat mendaftar secara gratis dan menggunakan uji coba gratis selama satu bulan, yang memungkinkan Anda mengakses berbagai fitur yang tersedia di layanan ini.
Langkah selanjutnya adalah menambahkan domain website ke Linguise . Beberapa data perlu dimasukkan, antara lain informasi akun, URL, pemilihan platform ( Squarespace ), bahasa asli, bahasa yang akan diterjemahkan, dan pengaturan URL terjemahan.
Anda dapat melihat instalasi terjemahan otomatis Linguise di Squarespace untuk langkah lengkap menambahkan domain.
Langkah selanjutnya adalah mengintegrasikan Linguise ke website Squarespace Anda dengan menambahkan kode script yang disediakan pada dashboard seperti ini.
Setelah itu, akses Squarespace , pilih situs web yang ingin Anda jadikan multibahasa, navigasikan ke bawah, dan pilih Alat Situs Web.
Selanjutnya, di dalam menu Alat Situs Web, pilih opsi Injeksi Kode.
Lalu setelah itu ada HEADER dan FOOTER . Jika ingin tombol bahasa di header, masukkan kodenya di HEADER . Begitu pula jika diletakkan di footer, masukkan kodenya di FOOTER .
Setelah mengintegrasikan Linguise dan Squarespace , Linguise akan secara otomatis membuat tombol bahasa di website Squarespace . Namun tampilannya masih default.
Oleh karena itu, Anda dapat menyesuaikan desain tombol bahasa dalam beberapa langkah.
Pastikan Anda masuk ke Linguise lalu pilih Pengaturan > Tampilan bendera bahasa. Setelah itu akan muncul beberapa bagian, yang pertama adalah sebagai berikut.
Pada bagian ini terdapat beberapa pengaturan:
Pilihan tampilan daftar memiliki 3 pilihan, side-by-side, dropdown, dan popup. Di bawah ini adalah pratinjau dari tiga opsi.
Lalu untuk posisi tombol bahasanya sendiri, Linguise menawarkan beberapa posisi yang bisa Anda pilih.
Berikutnya adalah penyesuaian posisi, di mana Anda dapat memilih di mana pengalih bahasa akan ditempatkan. Anda memiliki beragam pilihan posisi untuk dipilih. Pastikan Anda memilih posisi yang mudah diakses oleh pengunjung.
Terakhir, pilih kombinasi flag + nama bahasa, flag + nama pendek, atau flag saja.
Di bawah antarmuka utama, terdapat pengaturan desain bendera. Beberapa pilihan pengaturan terlihat pada gambar di bawah ini.
Setelah mengkonfigurasi desain bendera, langkah selanjutnya adalah menyesuaikan warna, ukuran, dan berbagai elemen lainnya. Pada tampilan berikut terdapat beberapa pengaturan yang dapat disesuaikan, seperti:
Pada tahap terakhir, Anda dapat mengonfigurasi pengaturan bayangan untuk bendera. Pengaturan pertama memungkinkan Anda menentukan bayangan untuk setiap bendera di situs web Anda, dan pengaturan selanjutnya adalah untuk bayangan pada bendera bahasa ketika diarahkan.
Jika Anda puas, jangan lupa memilih Simpan untuk mempertahankan penyesuaian pengalih bahasa Anda.
Anda dapat menggunakan fitur desain tombol alih bahasa Squarespace ini di Linguise . Pengaturan di atas dapat Anda sesuaikan dengan kebutuhan website Anda.
Di bawah ini adalah contoh tampilan situs web Squarespace dengan tombol bahasa desain yang disesuaikan.
Bagaimana mudahnya, bukan? Beberapa orang mungkin bertanya-tanya di mana letak tombol bahasa Squarespace yang tepat sehingga pengguna dapat dengan mudah menjangkaunya. Kami akan membahas hal ini lebih lanjut.
Setelah Anda mengetahui cara membuat tombol bahasa Squarespace , selanjutnya adalah menyempurnakannya dengan menerapkan tips berikut:
Sekarang Anda memahami mengapa tombol bahasa penting untuk situs multibahasa Squarespace , cara mendesain tombol bahasa Squarespace , dan tips membuatnya.
Dengan mendesain tombol alih bahasa dengan benar, Anda dapat meningkatkan pengalaman pengguna situs web Squarespace Anda secara signifikan. Hal ini akan menimbulkan dampak yang beragam, seperti yang telah dijelaskan sebelumnya.
Jadi, mengapa harus menunggu lebih lama lagi? Daftar ke Linguise , daftarkan Squarespace , dan sesuaikan konfigurasi tombol alih bahasa untuk memberikan pengalaman pengguna yang lebih baik.
Terima berita tentang terjemahan otomatis situs web, SEO internasional, dan lainnya!
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.
