قالب ووردبريس Flatsome

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

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

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

استخدامات قالب ووردبريس Flatsome وأهم مزاياه وعيوبه:

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

أُطلق على قالب Flatsome لقب قالب التجارة الإلكترونية رقم 1 وظل يحتفظ به لفترة طويلة فقد تم استخدامه من قبل مجموعة من مواقع التجارة العالمية ويعود ذلك لما يتمتع به من ميزات سنذكر أهمها فيما يلي:

يمكن الحصول عليه بسعر رخيص ومناسب.
آمن من الفيروسات بنسبة 100%.
الحصول على تحديثات مجانية دورية من مطور القالب وذلك ليتوافق مع أحدث إصدارات ووردبريس باستخدام Envato Wordpress Toolkit.
إمكانية استعادة المال في حال وجود خلل ضمن المنتج.
يوفر قالب Flatsome دعم مميز من فريق متكامل جاهزة للإجابة عن جميع التساؤلات وحل المشكلات الطارئة.
يعمل بواسطة نظام دفع آمن يحمي بيانات العملاء.
حاصل على تقييم ممتاز في موقع Themeforest يبلغ 4.8/5.
توفر أداة إنشاء صفحات قوية في القالب.
يدعم خاصية السحب والإفلات Drag and Drop التي تساعد المستخدم في إنشاء وتعديل أي شيئ في القالب بما يناسب حاجياته دون الحاجة إلى مصمم برامج إلكترونية.
توفر مقاطع فيديو توضح طريقة استخدام أداة إنشاء الصفحات.
إمكانية التحكم في المتجر بكل سهولة.
يدعم إضافة WooCommerce المدمجة التي تساعده في إنشاء متجر إلكتروني قوي بالإضافة إلى تسويق المنتجات.
تصميم متجاوب Responsive Design مع مختلف أحجام الشاشات من أجل ضمان العرض المثالي للموقع على جميع الأجهزة.
توفر خيارات تصميم متعددة.
يدعم ما يزيد عن 700 خط.
إمكانية إضافة الأكواد التي تتيح أمام المستخدم القيام بتغييرات على صفحات الموقع والتوصل إلى أفكار جديدة لتصميم صفحات الويب دون إحداث أي تأثير على التعليمات البرمجية الرئيسية في القالب.
يقدم دعم مجاني لأول 6 أشهر ويمكن تمديده مقابل دفع مبلغ بقيمة 17.63 دولار.
يدعم خاصية المنشئ المرئي Page Builder الذي يمكنك من تصميم الموقع بطريقة جذابة تجعله يبدو كلوحة فنية مميزة.
متوافق مع معايير SEO الأمر الذي يساعد الموقع في تصدر نتائج البحث.
يدعم خاصية الترجمة الآلية WPML التي تحول أي موقع ووردبريس إلى موقع متعدد اللغات.
توفر نماذج جاهزة للإستخدام في قالب ووردبريس Flatsome من شأنها توفير الوقت والجهد على المستخدمين Templates) وذلك ضمن Flatsome Studio.
توفر أشكال متاجر معدة مسبقا Demos وتنصيب ما يناسب المستخدم بنقرة واحدة.
توفر خيارات متعددة من أنماط القوائم الرئيسية.
منح الموقع مظهراً جذاباً من خلال ميزة التمرير المنظر.
متوافق مع جميع متصفحات البحث مثل Chrome، Safari، Firefox، IE8.
يخدم مختلف المجتمعات بفضل دعمه لأكثر من 30 لغة بما فيها لغات RTL التي تبدأ الكتابة من اليمين إلى اليسار.
يتمتع بتصميم مرن يجعله مناسباً لجميع الأشخاص والمواقع الإلكترونية.
يوفر تكامل مميز لواجهة برمجة تطبيقات Instagram.
يدعم خاصية التحميل البطيئ للصور.
توفر ميزة الجلب المسبق التي تساهم في تقليل وقت التحميل.
لا يحتاج استخدامه إلى خبرة برمجية مسبقة لتصميم واجهة صفحات المتجر.
يتيح قالب Flatsome المجال أمام العميل تقسيم المنتجات إلى فئات.
إمكانية إضافة شرائح التمرير والنصوص ولافتات العروض الجذابة.
يدعم خاصية Live Customization التي تتيح للمستخدم إمكانية رؤية التغييرات التي قام بها.
توفر 9 عناصر متعددة للتجارة الالكترونية و 5 عناصر تخطيط و30 عنصر محتوى للاختيار فيما بينها ضمن UX Builder.
احتوائه على شريط البحث المتقدم الذي يساعد الزوار في الوصول إلى المنتجات بشكل سريع من خلال كتابة الكلمة الرئيسية في مربع البحث.
توفر خيار العرض السريع الذي يتيح أمام المستخدم معرفة السعر والمميزات التي يتمتع بها المنتج دون مغادرة الصفحة التي يوجد بها.
يدعم قالب ووردبريس Flatsome خرائط جوجل.
إمكانية إنشاء موقع ويب من صفحة واحدة بفضل خاصية Flatsome Studio.
يدعم مكون Dokan الذي يتيح أمام المستخدم إنشاء سوق متعدد البائعين أي تشغيل عدة أسواق تحت سقف واحد.
متوافق مع AWS و Cloudflare.
إمكانية إضافة شعار مخصص يوضح هوية علامتك التجارية.
توفر خدمة الوظيفة المدمجة التي تتيح إمكانية إضافة خلفيات فيديو مميزة تجذب الزوار.
توفر ميزة التمرير اللانهائي الذي يسهل من عملية تصفح المنتجات.
يتوافق هذا القالب مع UX theme.
توفر عدد كبير من تصاميم الهيدر Header.
قابل للتخصيص بشكل كبير.
احتوائه على بناء محرر بناء الصفحات Live page Builder tool.
تثبيت المحتوى التجريبي بنقرة واحدة.
تنزيل الإصدارات الحديث بعد الدفع مباشرة.
لا يحتاج مستخدم قالب فلات سوم تنشيط المكونات الإضافية يدوياً لأنه تم تنشيطها بشكل مسبق.
تقديم خصومات تصل إلى 90% فيما يتعلق بإضافات برنامج ووردبريس.
يوفر عناصر جداول أسعار، أزرار إضافة سريعة إلى عربة تسوق، أزرار إضافة إلى قائمة الرغبات بالإضافة إلى خيار وضع الكتالوج عبر الإنترنت.
يمكن جذب انتباه الزوار لما يتم اعتباره أهم العناصر من خلال توجيه الكاميرا بدقة إلى أي جزء في الصورة بفضل ميزة اندماج اللافتات.
إمكانية سحب وإسقاط شبكات الصور بكل سهولة عن طريق استخدام المكون الإضافي المدمج.
إمكانية تعديل أي نص ولون وحجم خط.
توفر ميزة تقليل حجم الصورة لزيادة نسبة التحميل في قالب ووردبريس Flatsome.
متوافق مع أحدث إصدارات ووردبريس.
يقبل شكلين من أشكال الدفع PayPal و Stipe.
يدعم رخصة GPL.
إمكانية تحرير وإنشاء تصاميم مخصصة وفريدة أعلى تصاميم الصفحات الأساسية باستخدام CSS.
يدعم المكون الإضافي AliDropship Woo للمنتجات التي تقل عن 500 لأهميته في تجنب حدوث بطء في المتجر وتخفيف ضغط قاعدة البيانات الضخم الذي تم إنشاؤه عن طريق استعلامات WooCommerce.
توفر ميزة تدوير أشرطة التمرير والعرض الدائري للمنتجات عن طريق اللمس.
يدعم نظام بانر والرسوم المتحركة.
توفر خيارات ألوان متعددة.
إمكانية إظهار أو إخفاء الأسعار.
إمكانية تصميم صفحة هبوط جذابة مع المنتجات باستخدام رمز قصير وفق أسلوب Pinterest.
إمكانية استخدامه كقالب متعدد الأغراض.
غير محدد بقيود جغرافية على المتجر.
شموله على ملفات PSD.
يتضمن سمة الطفل.
توفر خاصية مراقبة وقت التحميل وتقارير التحسين لمراقبة الأداء المستمر.
إنشاء كتل جاهزة باستخدام Blocks Custom Post.

يمكننا القول أن قالب Flatsome جيد بشكل عام لكن قد يعاني مستخدميه من بعض العيوب التي سنذكرها في النقاط التالية:

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

ما هي أهم التفاصيل المتعلقة باستخدام قالب ووردبريس Flatsome؟

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

أهمية استخدام مكون CSS Hero في قالب Flatsome:

مكون CSS Hero هو أداة تحرير يتم استخدامها في قالب فلات سوم لتعديل التصميم وتخصيصه بشكل جذاب يلبي رغبة المستخدم دون الحاجة إلى وجود معرفة مسبقة بكيفية البرمجة، وفيما يلي سنذكر أهم استخداماته:

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

طريقة تثبيت نماذج جاهرة في قالب Flatsome:

كما أشرنا سابقاً إن وجود نماذج تصميم مسبقة في القالب هو أحد الميزات التي يتمتع بها قالب Flatsome حيث يمكنك معرفة كيفية تثبيت النموذج الذي ترغب به باتباع الخطوات التالية:

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

استخدام أداة Google Search Console في قالب ووردبريس Flatsome:

تُعد أداة Google Search Console أحد أهم الأدوات التي تُستخدم بهدف تحسين محركات البحث SEO إذ إنها تتيح الحصول على معلومات متعلقة بموقع الويب الخاص بك، حيث تتحقق من الكلمات الرئيسية التي حددها الزوار من أجل الوصول إلى موقعك ورؤية الإحصائيات الخاصة به وغيرها الكثير، كما تجدر الإشارة إلى أنها مجانية وتتمتع بباقة من الميزات أهمها:

تتيح للمستخدم معرفة الصفحات التي تحتاج إلى تحسين أو يجب استخدامها للتحويل.
زيادة المحتوى الخاص بالمستخدم.
زيادة عدد الزوار إلى الموقع.
تتيح الفرصة لمعرفة الأخطاء التي تؤثر سلباً على الموقع.
تتبع الروابط الواردة.

سنتعرف فيما يلي على الأسباب التي تدفع الأشخاص الراغبين في إنشاء مواقع مميزة تعمل بنظام قالب فلات سوم وغيرها من القوالب لاستخدام أداة Google Search Console وهي كالتالي:

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

طريقة تغيير لون الخلفية في قالب Flatsome:

تستطيع من خلال أداة التخصيص المتوفرة في قالب ووردبريس Flatsome تغيير لون الخلفية لموقع الويب الخاص بك بطريقة تجذب الأنظار، حيث يضم ثلاثة أنواع من التخطيطات هي (العرض الكامل، محاصر، مؤطر) ويحتوي العرض الكامل نوع واحد من ألوان الخلفية والقسم الآخر له نوعان أحدهما للخلفية الأساسية والآخر لخلفية المحتوى، كما يمكنك تغيير لون المنتجات باستخدام حوامل WooCommerce، سنتعرف فيما يلي على طريقة تغيير لون كل خلفية على حدة:

1- تغيير لون الخلفية المؤطرة:

بعد فتح أداة التخصيص في قالب Flatsome قم باتباع الخطوات التالية لتغيير لون الخلفية المؤطرة:

قم بالضغط على خيار Layout.
حديد خيار لون الخلفية وانقر فوق تحديد اللون لاختيار اللون الذي ترغب به.
بعد تحديد اللون قم بالضغط على زر النشر، وبذلك يكون قد تغير اللون الافتراضي إلى اللون الذي تريده.

2- تغيير لون خلفية المحتوى:

لتغيير لون خلفية المحتوى في قالب Flatsome اتبع الخطوات التالية:

اضغط على خيار Customizer وحدد خيار Layout المتواجد في الشريط الجانبي على اليسار.
اذهب إلى قسم خلفية المحتوى بعد التمرير لأسفل الشريط الأيسر الجانبي وانقر على تحديد اللون لاختيار اللون الذي ترغب به.
بعد اختيار اللون اضغط على نشر.

3- تغيير لون خلفية التذييل:

إذا كنت ترغب في تغيير لون التذييل في قالب Flatsome يمكنك الاطلاع على النقاط التالية:

انتقل إلى قسم التخصيص واضغط على خيار تذييل.
ستلاحظ وجود ثلاث أقسام من التذييل حيث عليك الضغط على خيار لون الخلفية وتحديد ما يناسب احتياجاتك ثم النقر على خيار النشر لتغيير لون خلفية التذييل 1 .
وبنفس الطريقة يمكنك تغيير لون خلفية التذييل 2 و Footer 3.
لمنح خلفية التذييل مظهراً جذاباً يمكنك إضافة أيقونات دفع وروابط ضرورية.

4- تغيير لون خلفية الإعلام:

سنذكر فيما يلي خطوات تغيير لون خلفية الإعلام في قالب Flatsome:

اذهب إلى خيار Customizer واضغط في الأسفل على خيار Notification.
لتغيير لون خلفية الإعلام عليك تمكين ملف تعريف الإرتباط لأنه معطل افتراضياً ومن ثم تحديد اللون الذي ترغب باستخدامه.
اضغط على خيار تحديث لحفظ التغييرات.

خطوات إنشاء شريط تمرير باستخدام Flatsome theme UX Builder:

يُعد شريط التمرير أحد أهم العناصر في القالب، وذلك لما يقدمه من مساعدة المستخدمين في التنقل بين المحتوى الذي يزيد عن حجم الصفحة بسرعة وسهولة، وفيما يلي سنتعرف على كيفية إنشائه في قالب ووردبريس Flatsome:

انتقل إلى صفحة متجرك واضغط على خيار صفحة التحرير.
اضغط على خيار Edit with UX Builder.
اذهب إلى الشريط الجانبي وحدد خيار Parallax Shop، ثم قم بالضغط على إضافة عناصر.
لإضافة شريط تمرير قم بالضغط على خيار شريط التمرير.
حدد نوع من قوالب المتوفرة.
قم بالضغط على نموذج Huge Sale لتعديل التخطيط وتخصيصه كما تريد، ثم انقر فوق تطبيق.
يمكنك الضغط على خيار Add to Slider لإضافة عناصر جديدة حيث تتوفر ثلاث أنواع (اللافتات، الصور، الإشعارات).
لإضافة وسائط اذهب إلى خيار متجر Parallax وانقر فوق خيار تحديد الوسائط.
يمكنك اختيار الوسائط من مكتبة الوسائط أو تحميلها من جهاز الكمبيوتر أو تصدير مكتبة الوسائط من Wordpress في حال امتلاكك موقع ويب آخر.
بعد اختيار الوسائط قم بالنقر فوق استخدام هذه الصورة.
قم بالضغط على خيار تطبيق لإضافة هذه الوسائط إلى الموقع الرئيسي.
قم بالنقر على زر تحديث وذلك لتنشيط العملية بأكملها إلى الموقع مباشرة.
بعد انتهائك من الخطوات السابقة تكون قد أنشأت شريط تمرير بنجاح.

تغيير لون خلفية شريط التمرير باستخدام Flatsome theme UX Builder:

إذا كنت ترغب في إجراء تغييرات وإضافات على الهيكل العام في قالب فلات سوم لجذب أنظار الزوار، يمكنك تغيير لون الخلفية الخاص بشريط التمرير عن طريق استخدام Flatsome theme UX Builder حيث عليك الذهاب إلى صفحة المتجر الخاصة بك واتباع الخطوات التالية:

اذهب إلى صفحة التمرير.
اضغط على خيار Edit with UX Builder.
انقر على خيارات التي تجدها في القائمة المنسدلة.
قم بتحديد خيار Layout الموجود في قسم التخطيط واضغط على Bg Color حيث يمكنك اختيار لون الخلفية الذي ترغب باستخدامه.
اضغط على زر Parallax Shop لتطبيق لون الخلفية.
بعد ذلك ستظهر لك صفحة يجب الضغط فيها على خيار التحديث لتحديث الموقع وضبط الخلفية باللون المحدد.

طريقة تغيير أداة خيار السحب لشريط التمرير في قالب ووردبريس Flatsome:

يمكنك تغيير أداة خيار السحب لشريط التمرير باستخدام Flatsome theme UX Builder عند الإنتقال إلى صفحة متجرك الإلكتروني واتباع الخطوات التالية:

اضغط على زر صفحة التحرير.
قم بالضغط على خيار Edit with UX Builder.
قم بالنقر على خيارات Parallax Shop الموجودة في القائمة المنسدلة.
عند الضغط على خيار Draggable يمكنك تشغيل أو إيقاف الوظيفة.
بعد تحديد إشغال/إيقاف اضغط على زر تطبيق.
انقر على خيار تحديث لتحديث موقعك الحالي وضبط شريط التمرير بإمكانية السحب.

تغيير نمط السهم في شريط التمرير ضمن قالب Flatsome:

لتغيير نمط السهم في قالب Flatsome عليك اتباع الخطوات التالية:

اضغط على صفحة تحرير الموجودة في صفحة المتجر الإلكتروني الخاص بك.
قم بالضغط على خيار تحرير باستخدام UX Builder.
اضغط على خيار Slider ومن ثم على إعداد وحدد خانة خيارات من القائمة المنسدلة.
سيظهر لديك في Parallax Shop قسم Arrow حيث يمكنك تشغيل أو إيقاف تشغيل الأسهم وتغيير نمط السهم ولونه.
قم بالضغط بعدها على زر تطبيق.
اضغط على خيار تحديث الذي سيظهر في صفحة يوجهك إليها Parallax Shop حيث سيتم ضبط شريط التمرير بنمط السهم الجديد.

تغيير نمط التعداد النقطي في قالب Flatsome:

تستطيع تغيير هذا النمط باستخدام Flatsome theme UX Builder عند الإنتقال إلى صفحة المتجر الخاص بك وتمرير السهر على صفحة التحرير من ثم الضغط على خيار Edit with UX Builder واتباع ما يلي:

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

طريقة إضافة أيقونات دفع Flastome Gateway إلى التذييل:

تعتبر أيقونات الدفع جزءاً أساسياً من المتجر الإلكتروني لفهم طريقة الدفع التي يمكنك استخدامها لمتجرك عن طريق الانترنت المدعوم من قالب فلات سوم، وفيما يلي خطوات إضافتها:

اضغط على خيار الإدارة العلوي في شريط Flatsome ثم انقر على خيارات الموضوع.
حدد خيار WooCommerce الموجود ضمن خيارات الموضوع.
قم بتحديد خيار أيقونات الدفع لإضافة رموز الدفع إلى التذييل المطلق ل Flatsome.
تتوفر بوابات دفع باهتة مثل Amazon، American Express حيث يشير اللون الباهت إلى تعطيل رمز بوابة الدفع وتظهر رموز الدفع التي ذكرناها التي يمكن استخدامها في تذييل الموقع.
قم بتحديد أيقونات بوابة الدفع التي تحتاجها وتجدر الإشارة إلى أنه يمكنك تعطيل أو تمكين رمز الدفع بالنقر على أيقونة العين كما تستطيع إعادة ترتيب رموز الدفع بما يناسب حاجتك.
يمكنك استبدال رموز الدفع باستخدام صورتك المخصصة حيث تستطيع تحميل صورة رمز دفع مخصص من خيار ( الرموز المخصصة، استبدال).
تستطيع بعد إضافة صورة رمز مخصصة في منطقة الرمز تصميم أدوات الدفع الخاصة بك وتحميلها في التذييل المطلق.
قم بتحديد مربع Absolute Footer لعرض رموز الدفع ومربع الشريط الجانبي للعربة الذي يعرض أيقونات الدفع على الشريط الجانبي لسلة التسوق.
قم بالتأكد من إضافة أيقونات الدفع إلى التذييل من خلال النقر على خيار التذييل المطلق.
قم بتحديد خيار Cart Sidebar لرؤية أنماط التصميم.

أهم النصائح التي تساعد في تسريع موقع Wordpress Flatsome الإلكتروني لمتجر WooCommerce الخاص بك:

فيما يلي سنقدم بعض النصائح الفعالة التي تساعدك في تسريع متجر WooCommerce وتحقيق هدف الحصول على موقع سريع وفعال يعمل بنظام قالب ووردبريس Flatsome:

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

طريقة إضافة Google Tag Manager إلى ووردبريس وتثبيته على قالب Flatsome:

يعد Google Tag Manager أداة هامة لاحتياجات التتبع الرقمي من حيث إدارة العلامات وجمع البيانات القابلة للتنفيذ دون الحاجة إلى تغيير التعليمات البرمجية الخاصة بموقعك الإلكتروني، وتجدر الإشارة أنها تدعم أكثر من 50 علامة، وتقدم لك خدمات مذهلة وفوائد سنذكر أهمها فيما يلي:

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

تستطيع إعداد Google Tag Manager في قالب Flatsome بطريقتين مختلفتين هما:

1- إعداد Google Tag Manager عن طريق إضافة تحليلات ووردبريس:

يمكنك إعداد الأداة بهذه الطريقة باتباع الخطوات التالية:

قم بزيارة الموقع الخاص بالأداة واشترك باستخدام حساب Google الذي استخدمته في Google Analytics.
قم بتسجيل الدخول باستخدام حسابك في google واضغط على زر إنشاء حساب للبدء.
ادخل اسم الحساب وحدد بلدك من القائمة المنسدلة (تستطيع استخدام اسم شركتك ك اسم للحساب).
قم باعداد الحاوية الخاصة بك التي تضم مجموعة من العلامات والمشغلات والتكوينات التي يتم تثبيتها على موقع الويب (يمكن أن تكون الحاوية موقعاً إلكترونياً أو تطبيقاً على أنظمة iOS أو Android.
يترتب عليك الآن الموافقة على شروط الخدمة الخاصة ثم انقر فوق زر نعم في الزاوية اليمنى في الأعلى.
بعد الموافقة على الشروط ستظهر نافذة منبثقة مع مقتطفات التعليمات البرمجية أحدهما في علامة body والآخر في head (ستحتاج هذين الرمزين لإعداد الأداة على موقع الويب الخاص بك.

2- إضافة رمز Google Tag Manager يدوياً:

إذا كنت ترغب في إضافة رمز الأداة يدوياً قم باتباع الخطوات التالية:

انتقل إلى لوحة التحكم في Wordpress ثم علامة تبويب جديدة بعدها انتقل إلى قسم المظهر ضمن Theme Editor.
قم بالضغط على خيار رأس الموضوع لتشغيل header.php داخل محرر السمة.
بناء على تعليمات حساب GTM قم بنسخ الكود الأول والصقه في عنصر head.
بعد ذلك انسخ الكود الثاني وقم بلصقه بعد علامة body.
قم بحفظ الإعدادات من خلال الضغط على زر تحديث الملف أسفل الشاشة.

قائمة الرغبات في قالب ووردبريس Flatsome:

تعد قائمة الرغبات أداة هامة لكسب ولاء العملاء وتشجيعهم لشراء المنتجات بالإضافة إلى جذب عملاء جدد، حيث سنذكر فيما يلي أهم فوائد هذه القائمة:

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

يمكنك اتباع الخطوات التالية إذا كنت ترغب في إضافة قائمة الرغبات إلى موقعك:

انقر فوق خيار المكونات الإضافية ومن ثم إضافة خطوة جديدة.
في الجزء الأيمن سيظهر قسم البحث، هنا قم باختيار مكون إضافي وتنشيطه.
بعد تنشيط المكون الإضافي قم بالبحث عن قائمة أمنيات YITH WooCommerce واضغط على قسم الإعداد الخاص بها.
بعد ذلك ستظهر صفحة جديدة تضم أربع أقسام من الإعداد قم بتمكين AJAX واحفظه، ثم اضغط على قسم الإعداد الثاني Add to Wishlist Option.
ستظهر أمامك صفحة إعداد جديد لتغيير موضع وإعداد الحلقة إضافة إلى قائمة الرغبات.
ستجد العديد من التخصيصات لقائمة الرغبات بعد تخطي التخصيصات مرر لأسفل واحفظ التغييرات.
قم بالنقر فوق خيارات صفحة قائمة الرغبات، انسخ الرمز المختصر الخاص به واحفظه.
قم بتحديد خانة الصفحات واضغط على إضافة جديد.
ستظهر أمامك صفحة فارغة جديدة لأغراض العرض التوضيحي أضف عليها الإسم الذي ترغب واضغط على إضافة كتلة ثم اختيار الرمز القصير ولصقه.
قم بالضغط على زر النشر.
هكذا تكون قد نجحت في إنشاء قائمة الرغبات الخاصة بموقعك، بعد الذهاب إلى الموقع قم بالبحث عن المنتجات ستجد زر هيرتشابيد الذي يمثل قائمة الرغبات حيث سيؤدي الضغط فوقه إضافة المنتج إلى القائمة.
لرؤية قائمة الرغبات يمكنك الضغط على زر هيرتشابيد حيث سيظهر أمامك خيار تصفح قائمة الرغبات.

طريقة تعطيل التعليقات على صفحة أو منشور على قالب ووردبريس فلات سوم:

يمكنك إيقاف تعليقات الزوار على موقع الويب الخاص بك من خلال اتباع الخطوات التالية:

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

طريقة تعطيل مربع التعليقات على الصفحات والمنشورات المستقبلية في قالب Flatsome:

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

تثبيت وإعداد البرنامج المساعد Dokan على قالب Flastome WooCommerce:

يساعدك برنامج Dokan في إنشاء متجر أو موقع متعدد البائعين على الإنترنت، وانطلاقاً من أهميته سنذكر فيما يلي خطوات تثبيته على قالب ووردبريس Flatsome:

اضغط على خيار المكونات الإضافية وقم بتحديد إضافة جديد.
سيظهر أمامك دليل البرنامج المساعد ابحث من خلاله عن المكون الإضافي دوكان وقم بتثبيته وتنشيطه.
بعد تنشيطه سيتم توجيهك إلى معالج الإعداد الخاص به والذي يمكنك تشغيله من لوحة المعلومات.
ضمن علامة التبويب (Store) سيطلب منك تقديم بيانات حول متجرك (عنوان URL للمتجر، اختيار من تذهب إليه رسوم الشحن والضرائب، كما يمكنك إضافة خرائط من Google.
ضمن علامة التبويب (البيع) تضم تفاصيل متعلقة بما يلي ( تمكين البيع للبائعين الجدد، تحديد ما إذا كانت عمولتك بنسبة مئوية أو مبلغ ثابت، خيار السماح للبائعين بتغيير حالة الطلب التي تم تقديمها إذا كنت ترغب) ثم اضغط على خيار متابعة.
ضمن علامة التبويب (سحب) يمكنك (تحديد طريقة سحب البائعين عن طريق تمكين Paypal أو التحويل المصرفي، تعيين الحد الأدنى للرصيد لإجراء طلب سحب) بعد إجراء التغييرات قم بالنقر على متابعة.
ضمن علامة التبويب (الموصى به) سيُعرض عليك تثبيت بعض المكونات الإضافية التي تكون فعالة لموقع متعدد البائعين، انقر فوق متابعة حيث سيكون المكون الإضافي جاهزاً للعمل، تستطيع معرفة الميزات العامة عند النقر على خيار زيارة Dokan Dashboard.

اضافة نموذج اتصال ل Wordpress في قالب Flatsome WooCommerce:

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

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

سنتعرف فيما يلي على خطوات إنشاء نموذج الإتصال على قالب Flatsome ولتوضيح الأمر بشكل أكبر سنطرح مثال عن كيفية إضافة نموذج الاتصال 7 علماً أنه يتوفر أمامك مجموعة من النماذج التي يمكنك الاختيار بينها:

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

تعطيل العرض السريع للمنتج في قالب Flatsome:

يمكنك تعطيل العرض السريع للمنتج في قالب Flatsome من خلال اتباع 4 خطوات فقط وهي:

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

مسح ذاكرة التخزين المؤقت ل Instagram على موقع ويب يعمل بنظام Flatsome:

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

اذهب إلى لوحة التحكم واضغط على الإضافات من ثم إضافة جديد.
اضغط على مربع البحث الذي سيظهر في الصفحة الجديدة واكتب Transients Manager، ثم قم بتثبيت وتفعيل أول مكون إضافي تجده.
بعد التنشيط قم بالنقر على خيار Unsuspend Transients من ثم خيار عرض العابرين.
اكتب في مربع البحث عابري Instagram حدد هذا الخيار وقم بحذفها.
اضغط على Flatsome ومن ثم Advanced حيث ستظهر أمامك مجموعة خيارات حدد منها خيار Instagram.
في الصفحة التالية اضغط على خيار Clear Instagram cache لمسح ذاكرة التخزين المؤقت.

استخدام الرموز المخصصة في Flatsome:

الرموز المخصصة هي اختصارات تعليمات برمجية لا تحتاج إلى ترميز، وفيما يلي سنتعرف على خطوات استخدام هذه الرموز في القالب:

انتقل إلى Google Icon وابحث عن الرمز الذي ترغب باستخدامه.
اختر الايقونة وانقر عليها، ثم اضغط على خيار الويب الذي سيظهر على شريط التمرير في الجانب الأيمن.
مرر لأسفل وابحث عن خط رمز القسم الثابت حيث سيظهر أمامك قسمين من التعليمات البرمجية قم بنسخ النسخة الأولى يدوياً أو من خلال النقر على يمين القسم.
اذهب إلى لوحة تحكم ووردبريس واضغط على Flatsome، انقر هنا على خيار Advanced.
ستظهر لك نافذة جديدة انقر على الإعداد ومن ثم على Header Script والصق ما قمت بنسخه.
انتقل لأسفل واضغط على حفظ التغييرات.
انتقل إلى موقع الويب الرئيسي واضغط على صفحة التحرير من ثم تحرير باستخدام UX Builder.
اضغط على خيار النص لإضافة رمز مخصص أسفل العنوان.
انقر على خيار قسم مربع النص الذي سيظهر لك في صفحة جديدة.
قم بنسخ الرمز الثاني الذي ذكرناه في الخطوة الثالثة ثم الصقه، حيث سيظهر رمز أسفل العنوان، اضغط على زر تطبيق لإتمام تنفيذ هذا الإعداد.
اضغط على خيار تحديث في الصفحة التالية لحفظ التعديل الجديد.

تحميل شعار مخصص لموقع الويب بدلاً من شعار Flatsome الافتراضي:

يُعد إضافة شعار مخصص لموقعك أمراً ضرورياً لزيادة قيمة علامتك التجارية، وفيما يلي الخطوات التي يجب اتباعها لإضافة الشعار الخاص بدلاً عن الشعار الافتراضي في قالب Flatsome:

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

إضافة صور متنوعة للمنتجات في Flatsome WooCommerce:

لإضافة صور متنوعة في WooCommerce ضمن قالب ووردبريس Flatsome اتبع الخطوات التالية:

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

إنشاء خلفية فيديو في قالب Flatsome:

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

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

تثبيت قالب الطفل Child Theme باستخدام معالج إعداد Flatsome:

يتيح هذا القالب أمام أصحاب المواقع إجراء التنسيقات المختلفة على القالب الخاص به من خلال تعديل Child Theme نفسه و لتثبيته على قالب Flatsome اتبع الخطوات التالية:

أولاً اذهب إلى المظهر ومن ثم السمات للتأكد من وجود سمة فرعية مثبتة.
لتمكين سمة فلات سوم الفرعية انتقل إلى قائمة Flatsome وقم بتشغيل معالج الإعداد.
اضغط على Let’s Go الموجود ضمن شاشة البداية لمعالج الإعداد وذلك لبدء العملية.
في حال وجود رمز شراء عليك اضافة الرمز ضمن حقل رمز الشراء، ثم اضغط على متابعة.
يمكنك تغيير اسم قالب الطفل أو الإبقاء عليه، اذا كنت ستبقي عليه اضغط على Creat and Use Child Theme لإتمام العملية.
اضغط على رابط لوحة تحكم ووردبريس للعودة إلى لوحة تحكم ووردبريس الموجودة في الأسفل.
للتأكد من تفعيل القالب الفرعي فلات سوم اضغط على خيار السمات من إعدادات المظهر.

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

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