Shopify Dil Değiştirici: Kullanıcı Deneyimini İyileştirin

Shopify dil değiştirici, çok dilli mağazalar için kullanışlı bir yerel özelliktir. Bu özellik, müşterilerin sitenizi tercih ettikleri dilde görüntülemelerini sağlayarak markanızın yeni uluslararası pazarlara açılmasını sağlar. Ayrıca, bu özelliği kod kullanarak özelleştirebilir ve markanızın estetiğine daha uygun hale getirebilirsiniz.

Bununla birlikte, yerel özelliğin, otomatik coğrafi konum değiştirmenin olmaması ve üçüncü taraf çözümlerle karşılaştırıldığında sınırlı özelleştirmeler gibi dezavantajları vardır.

Özel bir Shopify çeviri uygulamasını entegre ederek, mağaza sahipleri işlevselliği artıran, kullanıcı katılımını artıran ve gerçek çeviri kısmını halleden ek özelliklerden yararlanabilirler. Örneğin, kendi Shopify çeviri uygulamamız Weglot, dil değiştirici için benzersiz tasarım ve yerleştirme seçenekleri sunarak herhangi bir mağaza düzenine uyarlanabilir hale getirir. Ayrıca, kullanıcıların dil değiştirmelerine izin vermekten çok daha fazlasını yapar. Ancak bununla ilgili daha sonra daha fazla bilgi vereceğiz.

Bu makalede, Shopify'da Weglot keşfetmeden önce Shopify'ın yerel dil değiştiricisinden en iyi şekilde nasıl yararlanabileceğinizi göstereceğiz, mağazanızı çevirmek ve optimum kullanıcı deneyimi sağlamak için en iyi uygulamaları ayrıntılı olarak anlatacağız.

Önemli Noktalar

• Shopify'ın yerel dil değiştiricisi birden fazla dili destekler, ancak üçüncü taraf uygulamalara kıyasla otomatik coğrafi konum belirleme ve özelleştirme özellikleri bulunmamaktadır.
• Weglot , otomatik web sitesi çevirisi ve dil değiştirici için kapsamlı özelleştirme seçenekleri Weglot . Ayrıca, tamamen manuel düzenleme imkanı sağlar ve dile özgü URL'ler oluşturarak ve hreflang etiketleri uygulayarak çok dilli SEO'yu geliştirir.

Shopify Dil Değiştirici: Genel Bakış

İlk olarak, Shopify'ın yerleşik dil değiştiricisine bakalım. Bahsettiğimiz gibi, bu özellik mağaza sahiplerinin birden fazla dili desteklemesine olanak tanır, böylece doğal olarak uluslararası müşteriler için Kullanıcı Deneyimini (UX) iyileştirir.

Shopify dil değiştiricinin, ek özelleştirme veya uygulamalar olmadan kullanıcı tercihlerine göre dili otomatik olarak algılamadığını ve görüntülemediğini unutmayın. Yerel işlevsellik, öncelikle kullanıcı tarafından manuel dil seçimini destekler.

Shopify dil değiştiriciyi kurmak ve özelleştirmek için şu adımları izlemeniz gerekir:

1. Shopify yönetici sayfanızdan Ayarlar > Diller bölümüne gidin ve desteklemek istediğiniz dilleri ekleyin.
2. Online Mağaza > Temalar'a gidin, temanızı seçin ve Kodu düzenle'ye tıklayın. Bölümler dizininde header.liquid dosyasını bulun.
3. header.liquid dosyasında uygun bir yer bulun (genellikle gezinme menüsünün yakınında) ve aşağıdaki Liquid kod snippet yapıştırın:

<form action="{{ routes.root_url }}" method="get">  
 <select name="locale" onchange="this.form.submit()">    
  {% for locale in localization.available_locales %}      
   <option value="{{ locale | escape }}" {% if locale == localization.current_locale %}selected{% endif %}>        
    {{ locale.name }}      
   </option>    
  {% endfor %}  
 </select>
</form>

4. Artık değiştiriciniz yerinde. Mağazanızın tasarımına uyması için temanızın stil sayfasına özel CSS kuralları ekleyebilirsiniz. Gerekirse select [name="locale"] gibi belirli seçicilerin kullanılması, sayfadaki diğer seçili öğelerin istenmeyen şekilde şekillendirilmesini önleyebilir.

İşte arka plan rengini değiştirmek için bir örnek:

select {    
background-color: #fff;    
 border: 1px solid #ccc;    
 padding: 5px;
}

Ve işte değiştiricinin yazı tipini ve metin rengini nasıl şekillendireceğiniz:

select {    
font-family: 'Arial', sans-serif; /* Change font type */    
 font-size: 16px; /* Set font size */    
 color: #333; /* Text color */
}

select option {    
background-color: #f9f9f9; /* Background color for options */    
 color: #555; /* Text color for options */
}

Ayrıca fareyle üzerine gelme efektleri ekleyebilir ve kenarlık boyutlarınızı değiştirebilirsiniz:

select {    
border-radius: 5px; /* Rounded corners */    
 border: 2px solid #007bff; /* Blue border */}

select:hover {    
border-color: #0056b3; /* Darker blue on hover */    
background-color: #e9ecef; /* Light gray background on hover */
}

5. Düzenlemelerinizi yaptıktan sonra, Kaydet'i tıklayarak bunları uygulayın. Dil değiştirici, tercihlerinize göre mağazanızda görünmelidir.

Weglot Dil Değiştirici ile Shopify Mağazalarını Geliştirme

Shopify'ın kendi dil değiştiricisi işlevsel olsa da, Weglot gibi özel Shopify çeviri uygulamaları, uluslararası müşterileri için mağaza deneyimini gerçekten yerelleştirmek isteyenler için ek Shopify çeviri özelliklerinin yanı sıra daha fazla özelleştirme seçeneği sunar.

Shopify dil değiştiriciden farklı olarak, Weglot site içeriğinin %100'ünü 110'dan fazla dil seçeneği arasından Weglot çevirir. Bu, ödeme sayfaları, e-posta bildirimleri ve SEO meta verilerini de içerir ve arama motorları için optimize eder.

Weglot ile tüm Shopify mağazanız otomatik çeviriden faydalanarak genişleme projelerini hızlandırır. Her dil için ayrı çevirmenler işe almakla karşılaştırıldığında, Weglot'un otomasyonu yeni dil sürümleri için pazara sunma süresini önemli ölçüde azaltır.

Ancak, Weglot'un yetenekleri otomatik çeviriyle sınırlı değildir. Weglot ile sitenizdeki çevrilmiş içerik üzerinde tam düzenleme kontrolüne sahip olursunuz. Ayrıca doğrudan platform üzerinden profesyonel çevirmenler de kiralayabilirsiniz.

Ayrıca Weglot'un yapay zeka dil modeli ile anında markaya uygun çeviriler oluşturabilirsiniz. Talimatlarınızdan, sözlüğünüzden ve manuel çeviri geçmişinizden öğrenerek size anında bağlamdan haberdar ve size benzeyen çeviriler sunar.

Weglot ayrıca Dawn ve Prestige gibi temalar için özelleştirme dahil olmak üzere Shopify'ın mevcut özellikleri ve popüler üçüncü taraf uygulamalarıyla entegre olur. Bu, birden fazla mağazayı yönetme veya manuel çeviri yapma zahmetini ortadan kaldırır, çünkü gerektiğinde dil ekleyebilir, yayınlayabilir, yayından kaldırabilir veya silebilirsiniz.

Weglot uygulamanın temelinde yer alan çok dilli SEO avantajlarıylaWeglot çeviriden daha fazlasını sunar. Platform, her dil sürümü için otomatik olarak alt alan adları veya alt dizinler oluşturur ve hreflang etiketleri uygular, böylece sitenizi yerel arama motorları için optimize eder. Ayrıca, Visual Editor çevirilerin kolayca özelleştirilmesini sağlayarak markanızın sesine uyacak şekilde ince ayar yapılmasına olanak tanır.

En iyisi de, Weglot kurmak Weglot dil değiştiricinizi özelleştirmek sadece birkaç dakika sürer! Hadi bir göz atalım.

Shopify Mağazanızda Weglot 'u Kurma

Shopify mağazanızda Weglot 'u kurmak gerçekten basittir. İşte başlamanız için bir kılavuz:

1. Shopify App Store'u ziyaret ederek başlayın:

• Arama çubuğuna şunu yazın Weglot ve Weglot uygulamasını bulun.
• Yükle 'ye tıklayın ve mağazanıza eklemek için yönergeleri izleyin.

2. Uygulamayı yükledikten sonra bir hesap oluşturmanız gerekir:

• Shopify kontrol panelinizden Weglot uygulamasını açın.
• E-posta adresinizi girin ve bir şifre seçin.

3. Dil ayarlarınızı yapılandırın:

• Ardından orijinal dilinizi (Shopify mağazanızın dili) seçin.
• Ardından, içeriğinizi çevirmek istediğiniz hedef dilleri seçin.

Dillerinizi seçtikten sonra Weglot , meta veriler ve üçüncü taraf uygulamalardan gelen içerikler de dahil olmak üzere mağazanızdaki tüm içeriği otomatik olarak tarayacaktır. Otomatik algılama, çeviri için içeriği manuel olarak toplamanız gerekmeyeceği anlamına gelir, çünkü Weglot her şeyi sizin için yapar!

Ardından, siteniz önde gelen makine çevirisi kullanılarak anında çevrilir ve Weglot Dashboard'da seçtiğiniz yapıya bağlı olarak dil alt dizinleri veya alt alan adları altında görüntülenir.

Weglot Dil Değiştiricisini Özelleştirme: Tasarım ve Yerleştirme Seçenekleri

Weglotdil değiştiricisi için kapsamlı özelleştirme seçenekleri mevcuttur. Bu seçenekler, mağazanızın markasına uyacak şekilde özelleştirmenize ve son derece profesyonel bir sonuç elde etmenize olanak tanır. Özelleştirme işlemi şu şekilde gerçekleştirilir:

1. Görsel dil değiştirici düzenleyicisine erişin: Weglot ize gidin ve Ayarlar > Dil Değiştirici'ye gidin.
2. Görünümü değiştirin: Dil seçeneklerini görüntülemek için açılır listeler, düğmeler veya bayraklar gibi çeşitli biçimler arasından seçim yapın. Örneğin: bazı metinler
   • Hızlı tanıma için bayrakları kullanın.
   • Daha belirgin bir görüntü için düğmeleri tercih edin.

3. Konumu ayarlayın: Düzeniniz için en uygun olana bağlı olarak değiştiriciyi üstbilgi, altbilgi veya kenar çubuğu gibi önemli alanlara yerleştirebilirsiniz.
4. Renkleri ve stilleri değiştirin: Mağazanızın markasıyla uyumlu olması için Weglot ayarlarında renkleri ve stilleri özelleştirin.

Önemli olarak, dil değiştirici, tema değişiklikleri yapmadan kolayca yeniden konumlandırılabilir, böylece mağazanızın farklı sayfalarında erişilebilir ve kullanıcı dostu olmaya devam eder. Gelişmiş konumlandırma için, Shopify Mağaza Yerelleştirmede Sık Karşılaşılan Zorlukların Üstesinden Gelmek başlıklı aşağıdaki bölümümüze bakın.

Gelişmiş Özelleştirme: Geliştiriciler için Kodlama İpuçları

Shopify mağazalarını Weglot ile geliştirmek isteyen geliştiriciler için özelleştirme, kişiye özel çok dilli bir deneyim oluşturmanın anahtarı olabilir. Weglot'un esnekliği, geliştiricilere, teknik olmayan kullanıcılar için kullanıcı dostu kalırken özelleştirilmiş çok dilli deneyimler oluşturma gücü verir.

İşte dikkate almanız gereken bazı kodlama ipuçları:

Dil Değiştirici Görünümünü İnce Ayarlamak için CSS Kullanma

Geliştiriciler arka plan rengi, yazı tipi boyutu ve dolgu gibi stilleri mağazanın markasıyla eşleşecek şekilde değiştirebilir. Örneğin:

select {    
background-color: #f0f0f0;    
 border: 2px solid #007bff;    
 border-radius: 5px;    
 padding: 10px;
}

Özel İşlevsellik için JavaScript Uygulama

Geliştiriciler, bir dil seçildiğinde sayfadaki diğer öğeleri güncellemek veya analiz için dil değişikliklerini izlemek gibi belirli eylemleri tetiklemek için JavaScript kullanabilir. Örneğin, bir olay dinleyicisi uygulayabilirsiniz:

document.addEventListener('DOMContentLoaded', function() {
var languageSelector = document.querySelector('select[name="locale"]');    
 if (languageSelector) {        
  languageSelector.addEventListener('change', function(event) {            
    // Custom functionality here            
     // For example, track language change event            
     console.log('Language changed to: ' + event.target.value);
   });    
 }
});

Diller Arasında Sorunsuz Sayfa Geçişleri için Weglot Uygulaması

Weglot'un temel özelliklerinden biri, sitenizin Fransızca sürümleri için example.com/fr gibi dile özgü URL'lerin otomatik olarak oluşturulmasıdır. Sağlam bir URL yapısı, arama motorlarının her dil sürümünü indeksleyebilmesini sağlayarak çok dilli SEO çalışmalarınızı geliştirir.

Weglot , müşterilerin ürünlere göz atarken veya ödeme yaparken alışveriş deneyimleri sırasında kolayca dil değiştirmelerine yardımcı olur. Bir müşteri örneğin İngilizce bir ürün sayfasından (örneğin İspanyolca) eşdeğerine geçtiğinde, alışveriş yolculuğundaki yerini kaybetmeden akıcı bir geçiş yaşar. Bu tür özellikler, sitede kalma süresi ve dönüşüm oranları gibi temel ölçümleri etkileyerek müşteri memnuniyetini artırabilir ve nihayetinde küresel büyümeyi teşvik edebilir.

Örnek vermek gerekirse, 12 dilde çok dilli bir web sitesi oluşturmak için Weglot 'u kullanan Everyone.org, toplam ziyaretçi sayısında %40'lık bir artış yaşadı ve Fransızca konuşan kullanıcılar, site genelindeki ortalama dönüşüm oranının neredeyse iki katına ulaştı.

Çok Dilli SEO'yu Optimize Etme ve Sayfa Tutarlılığını Koruma

Çok dilli SEO, ürünlerinizin farklı dillerde arama yapan kullanıcılar tarafından keşfedilebilir olmasını sağlayarak çevrimiçi trafiği artırır. Çok dilli SEO'nun temel bir yönü, uygun bir URL yapısına sahip olmaktır ve alt dizinleri kullanmak, arama motorlarının farklı dil sayfalarını tanımlamasına ve sıralamasına yardımcı olur.

Hreflang etiketleri, arama motorlarını sayfalarınızın dili ve bölgesel hedeflemesi hakkında bilgilendirerek bu süreçte önemli bir rol oynar. Bu, kullanıcıları sitenizin en alakalı sürümüne yönlendirmeye yardımcı olur.

Başlık etiketleri ve açıklamalar da dahil olmak üzere çevrilmiş meta veriler, daha iyi arama görünürlüğüne katkıda bulunur. Weglot , teknik SEO çalışmalarının çoğunu otomatikleştirerek dile özgü URL'leri otomatik olarak oluşturur ve manuel müdahale gerektirmeden hreflang etiketlerini uygular.

Ayrıca, Weglot Visual Editor dil sözlüğü, mağaza sahiplerinin çeviri tutarlılığını korumalarına olanak tanır.

Çok dilli SEO ile ekstra yol kat etmek için Shopify mağaza sahipleri aşağıdakileri yapabilir:

• Her hedef pazar için yerelleştirilmiş anahtar kelime araştırması yapın.
• Meta veriler de dahil olmak üzere tüm içeriğin doğru şekilde çevrildiğinden emin olun.
• Dil trendlerindeki değişiklikleri yansıtmak için çevirileri düzenli olarak gözden geçirin.

Unutmayın, etkili çok dilli SEO, pazar fırsatlarının artmasını sağlayabilir! Bir Shopify mağazası olan Ron Dorff, çok dilli optimizasyon için Weglot 'u uyguladıktan sonra, daha önce kullanılmayan Alman pazarından gelen önemli talebi keşfetti. İçeriklerinin çevrilmesi ve SEO optimizasyonu sayesinde uluslararası satışlarında %400'lük inanılmaz bir artış gördü.

Shopify Mağaza Yerelleştirmesinde Sık Karşılaşılan Zorlukların Üstesinden Gelme

Shopify mağazalarını yerelleştirmek bazı benzersiz zorluklarla karşılaşmayı beraberinde getirir, ancak Weglot süreç boyunca sizi kolaylaştırmak için etkili çözümler sunar.

Shopify sitesinde Weglot değiştiricinin konumunu değiştirmek için aşağıdaki dört yöntemden birini kullanabilirsiniz:

1. Switcher Editör Özelliği

Switcher Editor'ı kullanarak dil değiştiriciyi doğrudan web sitenizin canlı önizlemesine sürükleyip bırakın. Bu yöntem için sitenizin yayında olması gerekir.

2. Menüye Ekle

Weglot bağlayarak ana menünüzde özel bir dil değiştirici oluşturun. Shopify Yönetici > Çevrimiçi Mağaza > Gezinme bölümüne gidin,Weglot formatını kullanarak her dil için menü öğeleri ekleyin (örneğin, İngilizce içinWeglot). Diller için bir açılır menü de oluşturabilirsiniz.

3. Weglot Seçeneği

Aşağıdaki kod snippet Theme.liquid snippet istediğiniz yere ekleyin:

<div id="weglot_here"></div>

Bu kod, dil değiştiriciyi kodun yerleştirildiği yere yerleştirerek, topluluk forumlarında tartışılan yaygın yerleştirme sınırlamalarını ortadan kaldırır.

4. Anahtarlayıcı Seçeneği

weglot.liquid içindeki weglot başlatma kodunuzu değiştirerek değiştiriciyi manuel olarak entegre edin. Anahtarlayıcılar seçeneğini ekleyin ve anahtarlayıcının görünmesini istediğiniz yer için hedef CSS seçiciyi belirtin:

Weglot.initialize({  
api_key: "YOUR_API_KEY",  
 switchers: [{     
  location: { target: ".header-nav" }   
 }]
});

.header-nav yerine istediğiniz öğenin CSS seçicisini koyduğunuzdan emin olun.

Weglot'u kullanarak aşağıdaki yerelleştirme avantajlarını da elde edeceksiniz:

• Dinamik içerik çevirisi: Weglot , JavaScript tarafından oluşturulan içeriği ve AJAX tarafından yüklenen öğeleri etkili bir şekilde çevirerek tüm dinamik içeriğin yakalanmasını ve çevrilmesini sağlar.
• Shopify için çok dilli SEO: Weglot , hreflang etiketlerinin uygulanmasını otomatikleştirir ve dile özgü site haritaları oluşturur. Bu, Shopify'ın yerleşik SEO özelliklerini tamamlayarak arama motorlarının kullanıcılara doğru dil sürümünü sunmasına olanak tanır.

• Shopify'a özgü öğeleri çevirme: Weglot , Shopify'ın belgelerinde belirtilen sınırlamaları aşarak ödeme sayfaları, e-posta bildirimleri ve meta alanlar dahil olmak üzere mağazanızın tamamı için çevirileri yönetir. Örneğin, ödeme dili genellikle sabit olsa da Weglot , ödemenin kullanıcının seçtiği dili yansıtmasına olanak tanır.

• Çeviri iş akışlarını optimize etme: Weglot'un çeviri belleği ve sözlük özellikleri, geniş bir ürün kataloğunda tutarlılığı korumanıza yardımcı olur. Bu, terimlerin aynı şekilde çevrilmesini sağlayarak marka mesajınızın farklı dillerde tutarlı olmasını sağlar.

Weglot Native Shopify Dil Değiştirici Karşılaştırması

Shopify, kullanıcılara mağazalarını birden fazla dile çevirmek için gereken temel araçları sağlar, ancak sınırlamalar mevcuttur.

Buna karşılık Weglot , kapsamlı bir çeviri çözümü sunuyor ve Shopify'ın sınırlamalarını doğrudan karşılıyor. Sonuç olarak bu platform, çok dilli içerik yönetiminde uygulamadan bağımsız bir yaklaşım isteyen kullanıcılar için daha uygun bir seçenektir.

Dil Engellerini Aşın: Shopify Mağazanızda Weglot 'u Uygulayın

Gördüğümüz gibi, Weglot Shopify mağazaları için benzersiz avantajlar Weglot çevrimiçi dil engellerini aşmak için ideal bir çözüm haline geliyor. Weglotdil değiştiricisi ile kullanıcı deneyimini iyileştirmek için ek özelleştirmeler elde ederken, Visual Editor bağlam içinde çeviri yapmanıza Visual Editor gerektiğinde içeriği iyileştirmenizi sağlar. Daha fazla doğruluk için profesyonel çevirileri doğrudan kontrol panelinden sipariş edebilirsiniz.

Weglot , akıllı arama araçları ve resim galerileri dahil olmak üzere popüler Shopify uygulamalarıyla entegre olarak mağazanızın birden çok dilde tamamen işlevsel kalmasını sağlar. Ayrıca, platformumuz dile özgü alt alan adları veya alt dizinler oluşturarak SEO çalışmalarınızı önemli ölçüde artırır.

Hepsinden iyisi, Weglot tüm içerik yönetim sistemleriyle uyumludur, yani Shopify'dan uzaklaşırsanız, Weglot'un avantajlarını kaybetmeniz gerekmez.

Weglot ile 10 günlük ücretsiz denemenizi bugün başlatın ve dakikalar içinde çok dilli bir sitenin keyfini çıkarın!