مبدل اللغة في Shopify: تحسين تجربة المستخدم

يعد مبدل اللغة في Shopify ميزة أصلية مفيدة للمتاجر متعددة اللغات. يتيح هذا الجهاز للعملاء لكي موقعك باللغة التي يفضلونها، مما يمكّن علامتك التجارية لكي أسواق دولية جديدة. يمكنك أيضًا تخصيص هذه الميزة باستخدام الكود، بحيث أكثر جمالية علامتك التجارية.

ومع ذلك، فإن الميزة الأصلية لها عيوبها، بما في ذلك عدم وجود التبديل التلقائي للموقع الجغرافي والتخصيصات المحدودة عندما لكي .

من خلال دمج تطبيق ترجمة Shopify مخصص، يمكن لأصحاب المتاجر الاستفادة من ميزات إضافية تعمل على تحسين الوظائف وتعزيز تفاعل المستخدمين والاهتمام بالجزء المتعلق بالترجمة الفعلية. على مثل يوفر تطبيق الترجمة Weglot الخاص بنا على Shopify خيارات تصميم وموضع فريدة لمبدل اللغة، مما يجعله قابلاً للتكيف لكي تصميم للمتجر. بالإضافة إلى ذلك، فإنه يقدم أكثر بكثير أكثر مجرد السماح للمستخدمين لكي اللغات. ولكن أكثر لاحقًا.

في هذه المقالة، سنوضح لك لكي أقصى لكي من أداة تبديل اللغة الأصلية في Shopify قبل استكشاف Weglot Shopify، مع تفصيل أفضل الممارسات لترجمة متجرك وتوفير تجربة مستخدم مثالية.

النقاط الرئيسية

• يدعم مبدل اللغة الأصلي في Shopify لغات متعددة، ولكنه يفتقر إلى ميزة تحديد الموقع الجغرافي التلقائي والتخصيص مقارنةً لكي .
• Weglot ترجمة تلقائية للمواقع الإلكترونية وخيارات تخصيص واسعة النطاق لمحول اللغة الخاص بها. كما تتيح إمكانية التحرير اليدوي الكامل وتعزز تحسين محركات البحث متعددة اللغات من خلال إنشاء عناوين URL خاصة باللغة وتنفيذ علامات hreflang.

مبدل اللغة في Shopify: نظرة عامة

أولاً، دعونا نلقي نظرة على أداة تبديل اللغة المدمجة في Shopify. كما ذكرنا، تتيح هذه الميزة لأصحاب المتاجر لكي لغات متعددة، مما يؤدي بطبيعة الحال لكي تحسين تجربة المستخدم (UX) للعملاء الدوليين.

تذكر أن أداة تبديل اللغة في Shopify لا تكتشف اللغة وتعرضها تلقائيًا بناءً على تفضيلات المستخدم دون تخصيص إضافي أو تطبيقات. تدعم الوظيفة الأصلية بشكل أساسي اختيار اللغة يدويًا من قبل المستخدم.

لكي بإعداد وتخصيص أداة تبديل اللغة في Shopify، لكي الخطوات التالية:

1. من صفحة إدارة Shopify، انتقل لكي الإعدادات > اللغات وأضف اللغات التي تريد لكي .
2. انتقل لكي متجر لكي الإلكتروني > السمات، وحدد السمة التي تريدها، ثم انقر على تحرير الكود. حدد موقع ملف header.liquid في دليل الأقسام.
3. ابحث عن مكان مناسب في ملف header.liquid (عادةً بالقرب من قائمة التنقل) والصق snippet الشفرة Liquid التالي:

<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. الآن أصبح المبدل في مكانه. لكي تصميم متجرك، يمكنك إضافة قواعد CSS مخصصة في ورقة أنماط السمة الخاصة بك. إذا لزم الأمر، يمكن أن يؤدي استخدام محددات محددة مثل select [name=”locale”] إلى منع التصميم غير المقصود لعناصر محددة أخرى في الصفحة.

إليك مثل لكي لون الخلفية:

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

وإليك كيفية لكي خط المبدل ولون النص:

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 */
}

يمكنك أيضًا إضافة تأثيرات التحويم وتغيير أحجام الحدود:

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. بعد إجراء التعديلات، انقر فوق "حفظ" لكي . يجب أن يظهر مبدل اللغة الآن في متجرك لكي .

تحسين متاجر Shopify باستخدام أداة تبديل اللغة Weglot

على الرغم من أن أداة تبديل اللغة الأصلية في Shopify تعمل بشكل جيد، إلا أن تطبيقات الترجمة المخصصة لـ Shopify مثل Weglot تقدم تخصيصات أكبر، إلى جانب ميزات ترجمة Shopify إضافية لأولئك الذين يبحثون لكي تجربة المتجر لعملائهم الدوليين.

على عكس أداة تبديل اللغة في Shopify، يقوم Weglot بترجمة 100٪ من محتوى الموقع من بين أكثر من 110 لغة، بما في ذلك صفحات الدفع والإشعارات عبر البريد الإلكتروني وبيانات SEO، مما يؤدي إلى تحسينه لمحركات البحث.

مع Weglot يستفيد متجرك Shopify بالكامل من الترجمة التلقائية، مما يسرع من مشاريع التوسع. لكي مترجمين فرديين لكل لغة، تقلل أتمتة Weglotبشكل كبير من الوقت لكي إصدارات اللغات الجديدة.

ومع ذلك، فإن قدرات Weglotلا تتوقف عند الترجمة الآلية. مع Weglot يمكنك الحصول على تحكم كامل في تحرير المحتوى المترجم على موقعك. يمكنك أيضًا توظيف مترجمين محترفين مباشرة من خلال المنصة.

يمكنك أيضًا إنشاء ترجمات متوافقة مع العلامة التجارية على الفور باستخدام نموذج اللغة AI Weglot. يتعلم النموذج من تعليماتك ومسرد المصطلحات وسجل الترجمة اليدوية لكي لك لكي ترجمات متوافقة مع السياق وتبدو وكأنها من صنعك.

يتكامل Weglot أيضًا مع ميزات Shopify الحالية وتطبيقات الطرف الثالث الشهيرة، بما في ذلك التخصيص لسمات مثل Dawn وPrestige. هذا يزيل متاعب إدارة المتاجر المتعددة أو الترجمات اليدوية، حيث يمكنك إضافة لغات أو نشرها أو إلغاء نشرها أو حذفها حسب الحاجة.

Weglot أكثر دوره أكثر الترجمة أكثر يقدم Weglot مزايا تحسين محركات البحث متعددة اللغات في صميم التطبيق. تقوم المنصة تلقائيًا بإنشاء نطاقات فرعية أو دلائل فرعية لكل إصدار لغوي وتطبق علامات hreflang، مما يؤدي إلى تحسين موقعك لمحركات البحث المحلية. بالإضافة إلى ذلك، فإن Visual Editor التخصيص السهل للترجمات، مما يتيح ضبطها بدقة لكي صوت علامتك التجارية.

والأفضل من ذلك كله، أن إعداد Weglot مبدل اللغة الخاص بك يمكن تحقيقه في غضون لحظات! دعونا نلقي نظرة.

إعداد Weglot على متجر Shopify الخاص بك

إعداد Weglot متجر Shopify الخاص بك أمر سهل للغاية. إليك دليل لكي :

1. ابدأ بزيارة Shopify App Store:

• في شريط البحث، اكتب Weglot وحدد موقع تطبيق Weglot .
• انقر على " تثبيت " واتبع التعليمات لكي لكي .

2. بعد تثبيت التطبيق، ستحتاج لكي حساب:

• افتح تطبيق Weglot من لوحة تحكم Shopify.
• أدخل عنوان بريدك الإلكتروني واختر كلمة مرور.

3. قم بتكوين إعدادات اللغة الخاصة بك:

• بعد ذلك، حدد لغتك الأصلية (لغة متجرك Shopify).
• ثم اختر اللغات المستهدفة التي تريد لكي المحتوى لكي .

بعد تحديد اللغات، Weglot تلقائيًا بمسح جميع محتويات متجرك، بما في ذلك البيانات الوصفية والمحتويات من تطبيقات الطرف الثالث. يعني الاكتشاف التلقائي أنك لن لكي جمع المحتويات لكي للترجمة، لأن Weglot بذلك نيابة عنك!

بعد ذلك، تتم ترجمة موقعك على الفور باستخدام الترجمة الآلية الرائدة ويتم عرضه ضمن دلائل فرعية أو نطاقات فرعية للغة، اعتمادًا على الهيكل الذي اخترته في لوحة تحكم Weglot .

تخصيص مبدل اللغة Weglot: خيارات التصميم والموضع

تتوفر خيارات تخصيص واسعة النطاق لمحول اللغة Weglot لكي يتيح لك لكي لكي العلامة التجارية لمتجرك للحصول على نتيجة نهائية احترافية للغاية. وإليك كيفية لكي :

1. الوصول إلى محرر مبدل اللغة المرئي: انتقل لكي Weglot وانتقل لكي الإعدادات > مبدل اللغة.
2. تغيير المظهر: اختر من بين تنسيقات مختلفة مثل القوائم المنسدلة أو الأزرار أو العلامات لكي خيارات اللغة. على مثل: بعض النصوص
   • استخدم الأعلام للتعرف السريع.
   • اختر الأزرار لعرض أكثر .

3. ضبط الموضع: يمكنك وضع المبدل في مناطق رئيسية مثل الرأس أو التذييل أو الشريط الجانبي، حسب ما تخطيطك بشكل أفضل.
4. تعديل الألوان والأنماط: قم بتخصيص الألوان والأنماط في Weglot لكي مع العلامة التجارية لمتجرك.

من المهم أن مفتاح تبديل اللغة يمكن إعادة وضعه بسهولة دون أي تعديلات على السمة، مما يضمن بقاءه سهل الوصول والاستخدام عبر مختلف صفحات متجرك. للحصول على معلومات حول وضعه المتقدم، راجع القسم أدناه حول التغلب على التحديات الشائعة في توطين متجر Shopify.

التخصيص المتقدم: نصائح البرمجة للمطورين

بالنسبة للمطورين الذين يرغبون لكي متاجرهم على Shopify باستخدام Weglot يمكن أن يكون التخصيص عاملاً أساسياً لكي تجربة متعددة اللغات مخصصة. تمنح مرونة Weglotالمطورين القدرة لكي تجارب متعددة اللغات مخصصة مع الحفاظ على سهولة الاستخدام للمستخدمين غير التقنيين.

فيما يلي بعض النصائح لكي عند البرمجة:

استخدام CSS لضبط مظهر مبدل اللغة

يمكن للمطورين تعديل الأنماط مثل لون الخلفية وحجم الخط والحشو لكي العلامة التجارية للمتجر. على مثل:

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

تنفيذ جافا سكريبت للوظائف المخصصة

يمكن للمطورين استخدام JavaScript لكي إجراءات محددة عندما تحديد عندما ، مثل تحديث عناصر أخرى على الصفحة أو تتبع تغييرات اللغة لأغراض التحليل. على سبيل المثال، يمكنك تنفيذ مستمع الأحداث:

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);
   });    
 }
});

تطبيق Weglot للانتقال السلس للصفحة عبر اللغات

إحدى الميزات الرئيسية Weglotهي الإنشاء التلقائي لعناوين URL خاصة باللغة، مثل مثل.com/fr للنسخة الفرنسية من موقعك. تضمن بنية URL السليمة أن محركات البحث يمكنها فهرسة كل نسخة لغوية، مما يحسن جهودك في تحسين محركات البحث متعددة اللغات.

Weglot العملاء Weglot التبديل بين اللغات بسهولة أثناء تجربة التسوق، سواء أثناء تصفح المنتجات أو عند الدفع. عندما ينتقل عندما من صفحة منتج باللغة الإنجليزية لكي باللغة الإسبانية على سبيل المثال، فإنه يختبر انتقالًا سلسًا دون أن يفقد مكانه في رحلة التسوق. يمكن أن تؤثر هذه الميزات على المقاييس الرئيسية مثل الوقت الذي يقضيه الزائر على الموقع ومعدلات التحويل، مما يحسن رضا العملاء ويؤدي في النهاية إلى دفع النمو العالمي.

لكي مثل شهد موقع Everyone.org – الذي استخدم Weglot لكي موقع ويب متعدد اللغات بـ 12 لغة – زيادة بنسبة 40٪ في إجمالي عدد الزوار، مع تحويل المستخدمين الناطقين بالفرنسية بمعدل يقارب ضعف متوسط معدل التحويل على مستوى الموقع.

تحسين تحسين تحسين محركات البحث متعددة اللغات والحفاظ على اتساق الصفحة

يضمن مُحسّنات محرّكات البحث متعددة اللغات إمكانية اكتشاف منتجاتك من قبل المستخدمين الذين يبحثون بلغات مختلفة، مما يزيد من حركة المرور على الإنترنت. أحد الجوانب الأساسية لتحسين محركات البحث متعدد اللغات هو وجود بنية مناسبة لعناوين URL، واستخدام الدلائل الفرعية يساعد محركات البحث على تحديد وترتيب صفحات اللغات المختلفة.

تلعب علامات Hreflang دورًا مهمًا في هذه العملية من خلال إعلام محركات البحث باللغة والاستهداف الإقليمي لصفحاتك. وهذا يساعد في توجيه المستخدمين لكي الأكثر صلة بموقعك.

تساهم البيانات الوصفية المترجمة، بما في ذلك علامات العنوان والأوصاف، لكي ظهور البحث. Weglot معظم الأعمال الفنية المتعلقة بتحسين محركات البحث (SEO)، حيث يقوم تلقائيًا بإنشاء عناوين URL خاصة باللغة وتنفيذ علامات hreflang دون الحاجة إلى تدخل يدوي.

بالإضافة إلى ذلك، يتيح Visual Editor Weglot Visual Editor وقاموس اللغة لأصحاب المتاجر لكي اتساق الترجمة.

لكي إلى أبعد من ذلك مع تحسين محركات البحث متعدد اللغات، يمكن لمالكي متاجر Shopify القيام بما يلي:

• قم بإجراء بحث محلي للكلمات الرئيسية لكل سوق مستهدف.
• تأكد من ترجمة جميع المحتويات، بما في ذلك البيانات الوصفية، بدقة.
• راجع الترجمات بانتظام لكي التغيرات في اتجاهات اللغة.

تذكر أن تحسين محركات البحث متعدد اللغات الفعال يمكن لكي يؤدي لكي فرص السوق! بعد تطبيق Weglot متعدد Weglot اكتشف رون دورف، صاحب متجر Shopify، طلبًا كبيرًا من السوق الألمانية، التي لم تكن مستغلة من قبل. من خلال ترجمة محتواهم وتحسين محركات البحث، شهدوا ارتفاعًا مذهلاً بنسبة 400٪ في المبيعات الدولية.

التغلب على التحديات الشائعة في توطين المتاجر Shopify

يأتي توطين متاجر Shopify مصحوبًا ببعض التحديات الفريدة، ولكن Weglot حلولًا فعالة لكي هذه العملية عليك.

لكي موضع مبدل Weglot على موقع Shopify، يمكنك استخدام إحدى الطرق الأربع التالية:

1. ميزة محرر الجلاد

استخدم محرر Switcher Editor لكي وإسقاط مبدل اللغة مباشرة على معاينة مباشرة لموقعك على الويب. تتطلب هذه الطريقة لكي موقعك على الويب نشطًا.

2. أضف لكي

قم بإنشاء مبدل لغة مخصص في قائمتك الرئيسية عن طريق ربطهWeglot . انتقل لكي Shopify Admin > Online Store > Navigation، وأضف عناصر القائمة لكل لغة باستخدام التنسيقWeglot(على سبيل المثالWeglot للغة الإنجليزية). يمكنك أيضًا إنشاء قائمة منسدلة للغات.

3. خيار Weglot

أدخل snippet الشفرة التالي snippet ملف Theme.liquid في المكان المطلوب:

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

سيضع هذا الرمز مبدل اللغة في المكان الذي تضع فيه الرمز، مع معالجة قيود الموضع الشائعة التي تمت مناقشتها في منتديات المجتمع.

4. خيار المحول

قم بدمج أداة التبديل يدويًا عن طريق تعديل كود Weglot في weglot.liquid. قم بتضمين خيار Switchers وحدد محدد CSS الهدف للمكان الذي تريد لكي أداة التبديل:

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

تأكد لكي .header-nav بمحدد CSS للعنصر المطلوب.

ستحصل أيضًا على مزايا التوطين التالية من استخدام Weglot:

• ترجمة المحتوى الديناميكي: يترجم Weglot بشكل فعال المحتوى الذي تم إنشاؤه بواسطة JavaScript والعناصر التي تم تحميلها بواسطة AJAX، مما يضمن التقاط جميع المحتويات الديناميكية وترجمتها.
• تحسين محركات البحث متعدد اللغات لـ Shopify: Weglot تنفيذ علامات hreflang وإنشاء خرائط مواقع خاصة باللغة. وهذا يكمل ميزات تحسين محركات البحث المدمجة في Shopify، لكي يسمح لمحركات البحث لكي النسخة اللغوية الصحيحة لكي .

• ترجمة العناصر الخاصة بـ Shopify: Weglot ترجمة متجرك بالكامل، بما في ذلك صفحات الدفع والإشعارات عبر البريد الإلكتروني وحقول التعريف، متجاوزًا القيود الموضحة في وثائق Shopify. على سبيل المثال، في حين أن لغة الدفع عادةً ما تكون ثابتة، Weglot لكي لغة الدفع اللغة التي اختارها المستخدم.

• تحسين سير عمل الترجمة: تساعدك ذاكرة الترجمة وميزات مسرد المصطلحات في Weglotفي الحفاظ على الاتساق عبر كتالوج كبير من المنتجات. يضمن ذلك ترجمة المصطلحات بشكل موحد، مما يضمن اتساق رسالة علامتك التجارية عبر اللغات المختلفة.

مقارنة بين Weglot ومحول اللغة الأصلي في Shopify

يوفر Shopify للمستخدمين الأدوات الأساسية اللازمة لكي متاجرهم إلى لغات متعددة، ولكن هناك بعض القيود.

في المقابل، Weglot حلاً شاملاً للترجمة وتواجه قيود Shopify بشكل مباشر. ونتيجة لذلك، تعد المنصة خيارًا أكثر للمستخدمين الذين يرغبون لكي نهج غير تدخلي لإدارة المحتوى لكي .

التغلب على حواجز اللغة: تطبيق Weglot على متجرك Shopify

كما رأينا، Weglot مزايا فريدة لمتاجر Shopify، مما يجعله الحل المثالي للتغلب على حواجز اللغة على الإنترنت. مع أداة تبديل اللغة Weglotيمكنك الحصول لكي تخصيصات إضافية لكي تجربة المستخدم، بينما Visual Editor إمكانية الترجمة في السياق، لكي لك لكي المحتوى حيثما دعت الحاجة. يمكنك حتى طلب ترجمات احترافية مباشرة من لوحة التحكم للحصول على دقة أكبر.

تتكامل Weglot مع تطبيقات Shopify الشهيرة، بما في ذلك أدوات البحث الذكية ومعارض الصور، مما يضمن بقاء متجرك يعمل بشكل كامل بلغات متعددة. بالإضافة إلى ذلك، تنشئ منصتنا نطاقات فرعية أو دلائل فرعية خاصة باللغات، مما يعزز جهود تحسين محركات البحث بشكل كبير.

والأفضل من ذلك كله، Weglot متوافق مع جميع أنظمة إدارة المحتوى، مما يعني أنه إذا انتقلت من Shopify، لكي ن لكي مزايا Weglot.

ابدأ اليوم تجربتك المجانية لمدة 10 أيام مع Weglot واستمتع بموقع متعدد اللغات في دقائق!