يدير يوناس علامة KANTE، وهي علامة من برلين للعناية الرجالية تبيع مباشرة للمستهلك. كان لدى متجره على Shopify منتجات جيدة وأسعار عادلة وقالب مميز. ومع ذلك كان معظم الزوار يصلون إلى الصفحة الرئيسية، ويرون لافتة كبيرة واحدة، ثم يغادرون. كتب لنا: «صفحتنا الرئيسية تبدو كقالب جاهز. أريدها أن تبيع مثل أفضل إعلاناتنا على إنستغرام».
هذه قصة تحويل تلك الصفحة إلى أفضل بائع في المتجر عبر ثلاثة أقسام Shopify مخصّصة، دون قالب جديد ودون أي تطبيق إضافي.
عن هذه القصة: KANTE علامة تجارية خيالية. يجمع المشروع أعمالًا حقيقية نفّذناها على Shopify، مع تغيير الأسماء والمنتجات وبعض التفاصيل. الأقسام والمشكلات والحلول حقيقية.
| العميل | KANTE، عناية رجالية، برلين (خيالية) |
|---|---|
| المتجر | Shopify، متجر باللغة الألمانية، قالب مميز Online Store 2.0 |
| ما تم تسليمه | مربعات واجهة، عرض دوّار مميز مع الإضافة إلى السلة، شريط ميزات |
| تطبيقات جديدة | لا يوجد |
| يعدّلها | فريق KANTE من محرر القالب |
أخبرنا بما تحتاجه. تحصل على سعر ثابت، ورابط معاينة قبل الإطلاق، وكود تملكه.
المشكلة: صفحة رئيسية تعرض ولا تبيع
كانت الصفحة القديمة تضم عرض شرائح واحدًا وشبكة منتجات. مرتبة، لكنها لا تمنح الزائر سببًا للنقر أبعد: لا حملة واضحة، ولا اختصار إلى الأطقم، ولا تفسير لسبب استحقاق ماكينة KANTE لسعرها. المشتري الألماني يقارن بعناية قبل الشراء، لذا كان غياب هذا «اللماذا» يكلّف مبيعات.
القسم ١: مربعات واجهة تمنح كل زائر طريقًا
بدلًا من لافتة واحدة، أصبحت الواجهة تضم مربع حملة كبيرًا بشارة وعنوان قوي وزر، مع مربعات متراصة تؤدي مباشرة إلى الأطقم والأكثر مبيعًا. حتى من لا تهمه الحملة يبقى على بُعد نقرة واحدة من أكثر المنتجات مبيعًا.
كل شيء يُضبط من محرر القالب: العرض، وارتفاعات منفصلة للحاسوب والهاتف، وموضع النص، وقوة الطبقة، والألوان. لا يستخدم القسم أي JavaScript، فيُحمّل أهم جزء من الصفحة فورًا.
القسم ٢: عرض دوّار مميز يشرح ويبيع
يعرض العرض الدوّار ميزة تقنية واحدة في كل شريحة (المحرك، راحة البشرة، مقاومة الماء) مع شريط منتج وزر إضافة إلى السلة على الشريحة نفسها. الشريحة النشطة في المنتصف وتظهر المجاورة من الجانبين، ما يدعو إلى السحب على الهاتف.
يدعم السحب باللمس والفأرة وأسهم لوحة المفاتيح والتشغيل التلقائي والتكرار، ويفتح السلة الجانبية الخاصة بالقالب، فيبدو الشراء كما في صفحة المنتج تمامًا.
الخطأ الذي قد يسببه أي قالب مميز
بعد التثبيت الأول كان عنوان العرض الدوّار غير ظاهر في المتجر الحقيقي. القالب يرسم خلفيات الأقسام بطبقة محددة الموضع غطّت محتوانا، وكان Shopify لا يزال يقدّم ملف أنماط قديمًا من الذاكرة المؤقتة. رفعنا المحتوى فوق الطبقة، وكتبنا CSS الأساسي مباشرةً مع القسم، ومنحنا كل إعداد قيمة افتراضية آمنة. مثل هذه التفاصيل لا تظهر إلا في متجر حقيقي؛ لذلك نختبر دائمًا على نسخة من قالبك المنشور.
القسم ٣: شريط ميزات مصمم لإبهام اليد
على الهاتف حلّ صفّ من بطاقات الميزات القابلة للسحب مع روابط المنتجات محلّ كتلة نصية طويلة وثابتة. كل بطاقة كتلة في المحرر، فيضيف الفريق بطاقة لكل إطلاق جديد في ثوانٍ.
ما حصلت عليه KANTE وما الذي يجب قياسه
- صفحة رئيسية بحملة واضحة ومسارات بنقرة واحدة إلى الأطقم والأكثر مبيعًا
- الإضافة إلى السلة مباشرة من الصفحة الرئيسية
- ثلاثة أقسام يعيد الفريق استخدامها في كل حملة، دون رسوم شهرية
- كود نظيف وسريع داخل القالب الحالي
لا ننشر أرقام تحويل العملاء. بدلًا من ذلك نحدد مؤشرات واضحة للمقارنة مع الموسم السابق: النقرات على المربعات، وأحداث الإضافة إلى السلة من العرض الدوّار، ونسبة الطلبات التي تتضمن طقمًا.
هل تستحق صفحة رئيسية مخصّصة الاستثمار؟
إذا كانت صفحتك الرئيسية تجذب زيارات لكن النقرات إلى المنتجات قليلة، فالأقسام المخصّصة هي غالبًا أسرع حل. تحتفظ بقالبك وتطبيقاتك وصفحة الدفع، وتحصل على صفحة رئيسية مبنية على طريقة شراء عملائك.
مربعات واجهة، عروض دوّارة مميزة، أشرطة ميزات، أو القسم الذي ينقص قالبك. سعر ثابت ومعاينة قبل الإطلاق.
الأسئلة الشائعة
كم يستغرق قسم مخصّص للصفحة الرئيسية؟
القسم الواحد يستغرق عادةً أيامًا قليلة من الموافقة على العرض حتى المعاينة. المجموعة الكاملة تستغرق أطول، وتجد المدة الدقيقة في عرض السعر.
هل يعمل ذلك مع قالبي؟
نعم، مع أي قالب Online Store 2.0. نطابق خطوط قالبك وأزراره وبطاقات منتجاته.
هل أستطيع تغيير المحتوى بنفسي لاحقًا؟
نعم. كل نص وصورة ومنتج ولون ومسافة هو إعداد في محرر القالب.
هل أحتاج إلى تطبيق؟
لا. كل شيء مبني داخل قالبك، دون رسوم شهرية.