ثيمات جديدة لمتجرك: ثيم Nile، ومحتوى جاهز، وقريبا سوق ثيمات للمصممين

لحد النهارده كل متاجر هلا أوردرز كانت شغالة بثيم واحد. ممكن كل متجر يغير ألوانه ولوجو وخطوطه، بس الهيكل نفسه واحد: نفس ترتيب الصفحة الرئيسية، ونفس شكل صفحة المنتج، ونفس السلة. ولو عندك متجر عبايات ومتجر تاني بيبيع أدوات مطبخ، الاتنين في الآخر شبه بعض.

من النهارده ده اتغير: بقى عندنا نظام ثيمات كامل، تقدر منه تعاين أي ثيم على متجرك قبل ما تختاره، وتغير شكل متجرك بضغطة من غير ما تخسر منتج ولا طلب. وأول ثيم جديد هو Nile. والأهم من كده إن النظام ده معمول عشان يستقبل ثيمات من مصممين من بره المنصة، ودي خطوتنا الجاية إن شاء الله.

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

ليه شكل المتجر بيفرق في المبيعات؟#

العميل اللي داخل متجرك لأول مرة ميعرفكش، وأول حاجة بيحكم بيها هي الشكل. في دراسة مشهورة لجامعة ستانفورد على 2,684 شخص بيقيموا مواقع حقيقية، 46.1% منهم حكموا على مصداقية الموقع جزئيا من تصميمه وشكله العام، وفي مواقع البيع أونلاين بالذات النسبة كانت 46.2%. يعني تقريبا نص العملاء بيقرر يثق فيك ولا لا قبل ما يقرا وصف منتج واحد.

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

إيه اللي اتغير النهارده؟#

• الثيمات بقت ملفات منفصلة عن المنصة. كل ثيم عبارة عن باكدج فيها التصميم بس، والمنصة هي اللي بتديله بيانات متجرك: المنتجات والأقسام والأسعار والإعدادات.
• Bisum، الثيم اللي كل المتاجر شغالة بيه، فضل زي ما هو. محدش متجره هيتغير لوحده.
• أول ثيم جديد: Nile، ومتاح لكل المتاجر من النهارده.
• صفحات الدفع والحساب والدخول شغالة جوه أي ثيم. العميل بيفضل شايف الهيدر والفوتر بتوع ثيمك وهو بيكمل الطلب، والحسابات والدفع نفسهم بتديرهم المنصة.

تعرف على ثيم Nile#

Nile ثيم نضيف وسريع، معمول عشان المنتج هو اللي يبان:

• بيشتغل بالعربي والإنجليزي بالاتجاه الصح لكل لغة، ومتظبط على الموبايل الأول.
• بياخد هوية متجرك: اللوجو والألوان والخطوط والوضع الليلي من إعداداتك، فمش محتاج تعدل أي كود.
• صفحة منتج كاملة: صور بتتقلب بالصباع وبتتحرك لوحدها، اختيار المقاس واللون، عداد "شاف المنتج ده"، "اتباع منه" مع المدة (آخر 24 ساعة أو أسبوع أو شهر)، طرق الدفع المتاحة، زرار السؤال على واتساب، وأزرار المشاركة.
• إضافة للسلة من غير ما الصفحة تعيد تحميل: صورة المنتج بتطير لأيقونة السلة، والعداد بيتحدث، ورسالة "اتضاف للسلة" فيها زرار يوديك للسلة. وفي صفحة السلة، المنتج اللي بتحذفه بيختفي بحركة ناعمة والإجمالي بيتحدث على طول.
• كل قسم في الصفحة الرئيسية جاي من لوحة التحكم: السلايدر والأقسام والمنتجات والبانرات وشريط الإعلان وأقسام "ليه تشترى مننا" و"إزاي بيشتغل". مفيش نصوص ثابتة من الثيم نفسه، فمتجرك عمره ما هيقول كلام إنت مكتبتوش.

إزاي تغير ثيم متجرك؟#

1. من لوحة التحكم افتح تصميم المتجر ← الثيمات. هتلاقي كل ثيم في كارت بصورته ورقم نسخته، والثيم الحالي عليه علامة الثيم الحالي.
2. دوس معاينة. متجرك هيفتح بالثيم الجديد في تاب جديدة، وإنت بس اللي شايفه، عملاؤك لسه بيشوفوا ثيمك الحالي. فوق الصفحة هتلاقي شريط بيفكرك إنك في وضع المعاينة، وزرار للخروج منها.
3. لو عجبك، ارجع للوحة التحكم واختار واحد من زرارين:
   • استخدم التصميم فقط: الشكل بيتغير، وإعداداتك ومحتواك بيفضلوا زي ما هم بالظبط.
   • استخدمه مع محتواه: الشكل بيتغير، والثيم بيضيف المحتوى المقترح اللي معاه بعد ما تراجعه.

تقدر ترجع لأي ثيم تاني في أي وقت بنفس الطريقة، ومنتجاتك وأقسامك وطلباتك وعملاؤك مش بيتأثروا.

"استخدمه مع محتواه": متجر شكله كامل من أول يوم#

الثيم الجديد بيبان أحلى لما يكون فيه محتوى مناسب له. عشان كده كل ثيم يقدر ييجي معاه محتوى مقترح لأربع حاجات:

• شريط الإعلان اللي فوق الموقع: النص والرابط والألوان.
• قسم "ليه تشترى مننا": العنوان والعناصر بأيقوناتها ومكانه في الصفحة الرئيسية.
• قسم "إزاي بيشتغل": خطوات الطلب بأيقوناتها.
• بانرات إعلانية بصور مصممة للثيم.

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

وفي حاجات مهمة اتعملت عشان محدش يخسر حاجة:

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

ليه الثيم ميقدرش يأذي متجرك؟#

لما تفتح الباب لثيمات من مصممين كتير، لازم تبقى متأكد إن مفيش ثيم يقدر يوصل لبيانات مش بتاعته أو يوقع متجر. عشان كده:

• الثيمات بتتكتب بلغة قوالب اسمها Liquid، لغة مفتوحة المصدر ومستخدمة في متاجر حول العالم من 2006، ومعمولة مخصوص عشان التصميم يعرض البيانات بس ومينفذش أي كود على السيرفر.
• الثيم بيشوف بس البيانات اللي المنصة بتديهاله: المنتجات والأسعار والأقسام والإعدادات العامة. مفيش أي وصول لطلبات العملاء أو بياناتهم أو حسابات الدفع.
• كل ثيم بيتفحص أوتوماتيك قبل ما يتنشر: نوع كل ملف وحجمه، وإن مفيش أكواد سيرفر ولا ملفات SVG، ومفيش ملفات بتخرج بره الباكدج، وكل قالب بيتراجع إن صيغته سليمة، وكل محتوى مقترح بيتفحص (نصوص من غير HTML، روابط آمنة، ألوان سليمة، صور حقيقية).
• لو صفحة في الثيم حصل فيها خطأ، متجرك ميقعش. الصفحة دي بتتعرض بالثيم الأساسي في نفس اللحظة، والخطأ بيتسجل عندنا نصلحه.
• الدفع وإتمام الطلب والحساب بتديرهم المنصة، والثيم بيلبسهم شكله بس.

للمصممين: الثيم بيتعمل إزاي؟#

الثيم عبارة عن فولدر بتضغطه zip، فيه:

• theme.json: اسم الثيم ونسخته واسم المصمم.
• layout: الهيكل اللي بيلف كل الصفحات (الهيدر والفوتر).
• templates: صفحات الثيم: الرئيسية، المتجر، المنتج، السلة، الصفحات، المدونة والمقال.
• snippets: أجزاء بتتكرر، زي كارت المنتج.
• locales: كل نصوص الثيم بالعربي والإنجليزي.
• assets: ملفات CSS وJavaScript والصور والخطوط.
• config/presets.json: المحتوى المقترح اللي بيتطبق بـ "استخدمه مع محتواه"، وده اختياري.

وكتبنا دليل كامل فيه كل البيانات المتاحة للثيم وكل القواعد اللي بتتفحص وقت الرفع، ومعاه برومبت جاهز للذكاء الاصطناعي بيسألك أسئلة عن المتجر (الألوان، العملاء، أعمارهم، نوع المنتجات، الإحساس اللي عايزه) وبعدين يكتب الثيم كله. ثيم Nile نفسه معمول بنفس الطريقة، وهو المثال اللي المصممين يبدأوا منه.

خطتنا الجاية: سوق ثيمات يكسب منه المصممين#

النهارده الثيمات بنرفعها إحنا من لوحة إدارة المنصة. لكن النظام كله اتبنى من الأول عشان الخطوة اللي بعد كده، وهي إننا نفتح الباب لأي مصمم ثيمات إنه ينشر ثيماته عندنا ويكسب منها.

اللي بنشتغل عليه إن شاء الله:

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

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

لو إنت مصمم أو مطور وعايز تبقى من أول الناس اللي تنشر ثيمات عندنا، ابعتلنا من صفحة تواصل معانا واكتب إنك مهتم بالثيمات، وهنكلمك أول ما نفتح الباب.

أسئلة شائعة#

هل متجري هيتغير شكله لوحده؟#

لا. كل المتاجر بتفضل على ثيمها الحالي، ومفيش أي تغيير بيحصل غير لما إنت تختار ثيم وتدوس "استخدم".

لو غيرت الثيم، منتجاتي وطلباتي هيحصلها حاجة؟#

لا. الثيم بيغير الشكل بس. المنتجات والأقسام والطلبات والعملاء والإعدادات كلها بتفضل زي ما هي، وتقدر ترجع لثيمك القديم في أي وقت.

العملاء هيشوفوا الثيم وأنا بعاينه؟#

لا. المعاينة بتشتغل ليك إنت بس وإنت داخل بحساب لوحة التحكم، وعملاؤك بيفضلوا شايفين ثيمك الحالي لحد ما تختار.

"استخدمه مع محتواه" هيمسح البانرات أو النصوص اللي عندي؟#

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

الثيمات بفلوس؟#

ثيم Bisum وثيم Nile متاحين لكل المتاجر من غير أي مقابل إضافي. ولما نفتح سوق الثيمات للمصممين، هيكون فيه ثيمات مجانية وثيمات مدفوعة.

أنا مصمم، أقدر أرفع ثيم دلوقتي؟#

لسه الرفع متاح من لوحة إدارة المنصة بس. ابعتلنا من صفحة التواصل إنك مهتم، وهنبعتلك الدليل الكامل ونكلمك أول ما نفتح حسابات المصممين.

المصادر#

• Stanford Persuasive Technology Lab، Study: For Site Cred, Looks Matter: نسبة الناس اللي حكمت على مصداقية الموقع من تصميمه، ونسبتها في مواقع البيع أونلاين.
• Liquid template language: لغة القوالب المفتوحة المصدر اللي بتتكتب بيها الثيمات.