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

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

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

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

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

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

• يدعم مبدل اللغة الأصلي في Shopify لغات متعددة، ولكنه يفتقر إلى ميزة تحديد الموقع الجغرافي التلقائي والتخصيص مقارنةً لكي .
• Weglot تقدم خدمة الترجمة التلقائية للمواقع الإلكترونية وخيارات تخصيص واسعة النطاق لمفتاح تبديل اللغة الخاص بها. كما تتيح إمكانية التحرير اليدوي بالكامل وتعزز تحسين محركات البحث (SEO) لـ متعدد اللغات من خلال إنشاء عناوين 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، تحصل على تحكم كامل في تحرير المحتوى المترجم على موقعك. كما يمكنك أيضًا الاستعانة بمترجمين محترفين مباشرةً عبر المنصة.

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

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

Weglot كما أنها لا تقتصر على الترجمة فحسب، بل تضم مزايا تحسين محركات البحث (SEO) الخاصة بـمتعدد اللغات في صميم التطبيق. تقوم المنصة تلقائيًا بإنشاء نطاقات فرعية أو مجلدات فرعية لكل نسخة لغوية وتطبق علامات 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 الخاصة بكل لغة، مثل example.com/fr للإصدارات الفرنسية من موقعك. تضمن بنية عناوين URL السليمة قدرة محركات البحث على فهرسة كل إصدار لغوي، مما يحسّن جهود تحسين محركات البحث (SEO) الخاصة بـمتعدد اللغات .

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

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

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

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

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

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

بالإضافة إلى ذلك، Weglotيتيح موقع Visual Editor ومسرد المصطلحات الخاص به لأصحاب المتاجر الحفاظ على اتساق الترجمة.

للتفوق في مجال تحسين محركات البحث (SEO) لمتجر « متعدد اللغات »، يمكن لأصحاب متاجر Shopify القيام بما يلي:

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

تذكر أن تحسين محركات البحث (SEO) الفعال على موقع متعدد اللغات يمكن أن يؤدي إلى زيادة الفرص السوقية! بعد تنفيذ Weglot لتحسين محركات البحث (SEO) لموقع متعدد اللغات ، اكتشف متجر «رون دورف» (Ron Dorff) على منصة «شوبيفاي» (Shopify) طلبًا كبيرًا من السوق الألمانية، التي لم تكن مستغلة من قبل. ومن خلال ترجمة المحتوى وتحسينه من أجل تحسين محركات البحث (SEO)، شهد المتجر ارتفاعًا مذهلاً بنسبة 400% في المبيعات الدولية.

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

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

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

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

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

2. أضف لكي

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

3. Weglot_خيار here

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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