مع كل الإثارة المحيطة بـ Beaver Builder 2.8 ووحدة Box الجديدة الخاصة بنا، ربما فاتتك الإعلان عن وحدة التجارة الشمالية. تفتح هذه الإضافة أبوابًا جديدة لعرض عناصر North Commerce ضمن تخطيطات Beaver Builder، مما يوفر تجربة سلسة لك ولعملائك.

وحدة North Commerce هي وحدة Beaver Builder التي تسمح لك بعرض عناصر North Commerce على موقع الويب الخاص بك. تصبح الوحدة متاحة في واجهة مستخدم Beaver Builder عند تثبيت المكون الإضافي North Commerce.

ستتعلم في هذه المقالة كيفية استخدام وحدة North Commerce لتحسين موقع WordPress الخاص بك وإنشاء تجربة تسوق سلسة لعملائك.

ما هي التجارة الشمالية؟

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

North Commerce هو مكون إضافي جديد ومتكامل للتجارة الإلكترونية لـ WordPress، مصمم لمساعدة المستخدمين على إنشاء متاجر عالية الأداء عبر الإنترنت ومسارات مبيعات.

فهو يوفر مجموعة من الميزات لإنشاء المتاجر عبر الإنترنت وإدارتها وتحسينها، مع التركيز على السرعة وسهولة الاستخدام والتخصيص.

الميزات الرئيسية للتجارة الشمالية:

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

تهدف North Commerce إلى توفير تجربة تجارة إلكترونية سلسة وقوية داخل WordPress. إنه يبسط بناء وإدارة وتحسين المتاجر عبر الإنترنت.

تقديم وحدة التجارة الشمالية الخاصة بـ Beaver Builder

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

مع هذه الوحدة، لم تعد بحاجة إلى الاعتماد على الرموز القصيرة لعرض المنتجات. ما عليك سوى سحب وحدة North Commerce وإفلاتها في صفحتك وتخصيصها باستخدام واجهة Beaver Builder المألوفة.

فوائد وحدة التجارة الشمالية:

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

كيفية استخدام وحدة التجارة الشمالية Beaver Builder

يعد إنشاء تجربة تجارة إلكترونية سلسة أمرًا بالغ الأهمية لنجاح متجرك عبر الإنترنت. تعمل وحدة North Commerce لبرنامج Beaver Builder على تبسيط عملية إنشاء مواقع التجارة الإلكترونية المذهلة التي تعمل بكامل طاقتها.

الخطوة 1: تثبيت المكونات الإضافية المطلوبة

قبل البدء، تأكد من تثبيت المكونات الإضافية التالية وتنشيطها على موقع WordPress الخاص بك:

• Beaver Builder Page Builder : أداة إنشاء صفحات مرنة بالسحب والإفلات لـ WordPress تتيح للمستخدمين إنشاء تخطيطات وتصميمات مخصصة دون الحاجة إلى برمجة.
• North Commerce Plugin : مكون إضافي متكامل للتجارة الإلكترونية في WordPress مصمم لمساعدة المستخدمين على إنشاء متاجر عالية الأداء عبر الإنترنت مع التركيز على السرعة وسهولة الاستخدام.
• Beaver Themer (اختياري) : أداة إنشاء السمات لـ Beaver Builder التي تتيح للمستخدمين إنشاء رؤوس وتذييلات وصفحات منتجات مخصصة وتخطيطات محتوى ديناميكية لموقع WordPress بأكمله.

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

الخطوة 2: أضف وحدة التجارة الشمالية إلى صفحتك

انتقل إلى الصفحة التي تريد إضافة ميزات التجارة الإلكترونية الخاصة بك إليها وانقر لفتح محرر Beaver Builder. ثم انقر على أيقونة " + " في الزاوية اليمنى العليا للوصول إلى لوحة الوحدات.

في شريط البحث، اكتب " North Commerce " لتحديد موقع الوحدة بسرعة. بمجرد العثور عليه، ما عليك سوى سحب وحدة North Commerce وإسقاطها في الموقع المطلوب على الصفحة:

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

الخطوة 3: تكوين وحدة التجارة الشمالية

توفر وحدة التجارة الشمالية مجموعة من الإعدادات لمساعدتك على تخصيص عناصر التجارة الإلكترونية على موقعك لتتناسب مع علامتك التجارية وتحسين تجربة المستخدم.

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

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

بعد ذلك، سنستكشف كل خيار تخطيط ونقدم إرشادات حول تكوينها لمتجرك.

صفحة المنتج

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

حدد صفحة المنتج من القائمة المنسدلة "التخطيط"، ثم أدخل سبيكة المنتج لعرض عنصر معين:

يعد رمز المنتج معرفًا فريدًا لكل منتج ويضمن عرض معلومات المنتج الصحيحة.

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

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

معرض المنتجات

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

حدد معرض المنتجات من حقل التخطيط :

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

يعمل تخطيط معرض المنتجات على جذب العملاء من خلال عرض منتجات متعددة في وقت واحد. وهذا يسهل عليهم العثور على ما يبحثون عنه.

شريط تمرير المنتج

يمكّنك خيار شريط تمرير المنتج من عرض مجموعة مختارة من منتجات North Commerce الخاصة بك في شريط تمرير ديناميكي وتفاعلي. تعد هذه الميزة مثالية لجعل منتجاتك أكثر وضوحًا وجاذبية لزوار موقعك.

لإنشاء شريط تمرير منتج، حدد شريط تمرير المنتج من القائمة المنسدلة لحقل التخطيط :

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

الدفع

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

لاستخدام هذه الميزة، ما عليك سوى تحديد Checkout في حقل التخطيط :

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

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

عربة

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

لاستخدام هذه الميزة، حدد سلة التسوق في حقل التخطيط . ستشاهد شاشة مشابهة لمثال لقطة الشاشة أدناه:

استمر في القراءة لتتعلم كيفية تخصيص صفحات North Commerce Cart وCheckout الافتراضية لتناسب احتياجاتك بشكل أفضل.

الخطوة 4: تخصيص التخطيط الخاص بك

بعد تحديد التصميم الخاص بك، يمكنك تخصيص مظهر عناصر التجارة الإلكترونية الخاصة بك بشكل أكبر.

في نافذة الإعدادات المنبثقة، انقر فوق علامة التبويب "النمط" :

تتيح لك هذه الخيارات إنشاء أزرار تتوافق مع علامتك التجارية وتعزز التصميم العام لموقع التجارة الإلكترونية الخاص بك:

نمط الزر

• النمط الافتراضي : اضبط مظهر الزر في حالته الطبيعية.
• نمط التحويم : تخصيص مظهر الزر عند التمرير فوقه.

خيارات الألوان

• لون النص : اختر لون نص الزر.
• لون الرمز : قم بتعيين لون رمز الزر.
• لون الخلفية : حدد لون خلفية الزر.

حدود الزر

• تصميم الحدود : تخصيص حدود الزر.
• Hover Border : قم بتصميم حد الزر لحالة التمرير.

بعد ذلك، انتقل إلى علامة التبويب خيارات متقدمة :

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

خاتمة

تتيح لك وحدة North Commerce لبرنامج Beaver Builder إنشاء متجر جذاب وعملي عبر الإنترنت. يساعدك الجمع بين North Commerce وBeaver Builder على إنشاء موقع جذاب بصريًا يعزز تجربة المستخدم.