كيفية تحرير صفحات WooCommerce (بدون الحاجة إلى تشفير)

نشرت: 2023-06-21


هل تريد تحرير صفحات WooCommerce بدون كتابة كود؟

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

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

How to Edit WooCommerce Pages

لماذا تقوم بتحرير صفحات WooCommerce لمتجرك على الإنترنت؟

تقوم WooCommerce بإنشاء العديد من الصفحات لعرض ميزات المنتجات والتسوق والحساب والسداد والعربة لمتجرك عبر الإنترنت.

بشكل افتراضي ، يتحكم موضوع WordPress الخاص بك في شكل هذه الصفحات. هناك الكثير من سمات WooCommerce الرائعة التي يمكنك الاختيار من بينها.

ومع ذلك ، قد لا يكون تحرير هذه الصفحات مباشرًا كما يبدو.

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

هذا هو المكان الذي يأتي فيه SeedProd. إنه البرنامج المساعد النهائي لبناء صفحات WooCommerce الذي يسمح لك باستخدام أداة سحب وإفلات بديهية لتصميم صفحات WooCommerce الخاصة بك.

SeedProd website builder

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

بالنسبة للطرق المختلفة في هذه المقالة ، سنستخدم إصدار SeedProd Pro ، حيث يحتوي على الميزات اللازمة لتحرير صفحات WooCommerce.

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

Adding a SeedProd license key to WordPress

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

بعد قولي هذا ، دعنا نلقي نظرة على كيفية تحرير صفحات WooCommerce خطوة بخطوة.

يمكنك النقر فوق أي من الروابط أدناه للانتقال إلى أي طريقة تريدها:

قم بإنشاء سمة WooCommerce مخصصة بالكامل

يأتي SeedProd مع مُنشئ ثيمات WooCommerce متكامل. يسمح لك هذا باستبدال قالب WooCommerce الخاص بك بواحد مخصص خاص بك.

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

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

Make a custom WooCommerce theme

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

ما عليك سوى النقر فوق قالب لتحديده.

WooCommerce template selection

كل سمة WooCommerce أو WordPress عبارة عن مجموعة من القوالب التي تعرض مناطق مختلفة من موقع الويب الخاص بك أو متجرك عبر الإنترنت.

سيقوم SeedProd الآن بإنشاء تلك القوالب لموضوعك ويعرض لك قائمة بها.

Theme templates

يمكنك الآن تمرير مؤشر الماوس فوق أحد النماذج والنقر فوق ارتباط "تحرير التصميم" لبدء تحريره.

سيؤدي هذا إلى تشغيل واجهة منشئ الصفحة SeedProd.

Editing shop page for your WooCommerce theme

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

يمكنك أيضًا ببساطة الإشارة والنقر فوق أي عنصر لتحريره.

Edit product grid

يأتي SeedProd مع جميع كتل WooCommerce التي ستحتاجها لبناء سمة WooCommerce موجهة نحو المبيعات.

بمجرد الانتهاء من إجراء التغييرات على أحد النماذج ، ما عليك سوى النقر فوق الزر "حفظ" لتخزين التغييرات.

Save your WooCommerce theme template

ما عليك سوى تكرار العملية لتحرير القوالب الأخرى في سمة WooCommerce المخصصة الخاصة بك.

بمجرد الانتهاء من تحرير جميع الصفحات ، انتقل إلى SeedProd »صفحة Builder Theme وقم بتبديل مفتاح" Enable SeedProd Theme ".

Enable SeedProd theme

سيحل موضوع WooCommerce المخصص الآن محل سمة WooCommerce الحالية.

الآن ، يمكنك زيارة موقع WordPress الخاص بك لرؤيته أثناء العمل.

Theme preview

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

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

تخصيص WooCommerce Checkout Page

تعد صفحة الخروج في أي متجر للتجارة الإلكترونية واحدة من أهم الخطوات في رحلة العميل.

بشكل افتراضي ، تأتي WooCommerce مع تجربة دفع بسيطة ، وهي غير مُحسَّنة للمبيعات والتحويلات.

Plain checkout experience

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

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

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

Add new landing page

بعد ذلك ، سيُطلب منك اختيار قالب لصفحتك.

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

Choose a blank template

سنستخدم القالب الفارغ لهذا البرنامج التعليمي ، ولكن يمكنك اختيار أي منها تريده.

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

page name and url

انقر فوق الزر "حفظ وبدء تحرير الصفحة" للمتابعة.

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

Page builder launched

أولاً ، يجب عليك إضافة عنوان ثم تخصيصه بعلامتك التجارية الخاصة.

يأتي SeedProd مع أقسام ، وهي مجموعات من الكتل التي غالبًا ما تُستخدم معًا. لإضافة قسم رأس ، انقر فوق علامة التبويب "الأقسام" ثم حدد فئة "الرأس".

Add header section

بعد ذلك ، اصطحب الماوس إلى رأس الصفحة وانقر فوق الزر "إضافة (+)" لإدراجه في صفحتك.

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

Edit header page

بمجرد أن تصبح راضيًا عن العنوان ، تحتاج إلى إضافة تخطيط من عمودين.

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

Choose layout

بعد ذلك ، تحتاج إلى إضافة كتلة Checkout من القائمة اليمنى.

قم بإضافته إلى العمود الأيسر ، وهو أعرض وسيظهر أولاً على الأجهزة المحمولة.

Add checkout block

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

يمكنك إضافة مجموعة شهادات هنا أو عرض أكثر منتجاتك شهرة.

Upsell products

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

  • ثق بشارات مثل شارات الدفع الآمنة التي يوفرها PayPal و Stripe
  • المزيد من الأدلة الاجتماعية ، مثل نشاط العملاء في الوقت الفعلي
  • كتلة مراجعات الأعمال في SeedProd لعرض مراجعات Google

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

Save and publish

بعد ذلك ، تحتاج إلى إخبار WooCommerce بالبدء في استخدام صفحة الخروج المخصصة لجميع العملاء.

انتقل إلى صفحة إعدادات WooCommerce وانتقل إلى علامة التبويب "خيارات متقدمة".

Use your custom checkout page

ضمن علامة التبويب "إعداد الصفحة" ، حدد صفحة الخروج المخصصة لخيار "صفحة الخروج". لا تنس النقر فوق الزر "حفظ التغييرات" لتخزين إعداداتك.

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

Preview your custom checkout page

لمزيد من التفاصيل ، يمكنك الاطلاع على البرنامج التعليمي الخاص بنا حول تخصيص صفحة الخروج من WooCommerce.

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

تخصيص نموذج الخروج WooCommerce

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

أسهل طريقة لضمان إكمال المستخدمين لمشترياتهم هي تقديم تجربة سداد أفضل.

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

FunnelKit Automations

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

أولاً ، تحتاج إلى التسجيل للحصول على خطة FunnelKit من خلال زيارة موقع الويب الخاص بهم.

ملاحظة: ستحتاج على الأقل إلى خطة Plus لإلغاء تأمين مسارات تحويل المبيعات ، والارتفاعات ، والمطبات في الطلبات ، وغيرها من الميزات.

بعد ذلك ، تحتاج إلى تثبيت وتفعيل الإضافات FunnelKit Builder و FunnelKit Builder Pro. يمكنك العثور عليها ضمن حسابك على موقع FunnelKit.

FunnelKit plugins

تحتاج مساعدة؟ شاهد البرنامج التعليمي الخاص بنا حول كيفية تثبيت مكون WordPress الإضافي.

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

بمجرد الانتهاء ، تكون جاهزًا لتخصيص نموذج الخروج WooCommerce.

ما عليك سوى الانتقال إلى FunnelKit »صفحة الخروج من المتجر في لوحة تحكم مسؤول WordPress والنقر فوق الزر" إنشاء تسجيل الخروج من المتجر ".

Create a store checkout

في الشاشة التالية ، عليك أولاً اختيار واجهة المحرر الخاص بك.

يمكن تحرير قوالب FunnelKit باستخدام محرر Gutenberg الافتراضي أو Elementor أو Divi أو Oxygen أو أي منشئ صفحات آخر باستخدام الرموز القصيرة.

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

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

Funnel Importer

بعد ذلك ، سيُطلب منك إدخال اسم لمسار التحويل الخاص بك.

يمكنك أن تسميها أي شيء يساعدك في التعرف عليها لاحقًا. ثم انقر فوق الزر "موافق" للمتابعة.

Give your custom cart a name

سوف تقوم FunnelKit الآن بإنشاء صفحة الخروج المخصصة الخاصة بك.

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

Editing custom checkout page

سيؤدي تحرير الصفحة إلى فتحها في المحرر الذي اخترته مسبقًا.

في هذا البرنامج التعليمي ، اخترنا Gutenberg. كل عنصر في صفحة الخروج عبارة عن كتلة يمكنك تعديلها بمجرد النقر لتحديدها.

Checkout page editor

يمكنك أيضًا إضافة كتل جديدة بالنقر فوق الزر "إضافة كتلة".

بمجرد الانتهاء من إجراء التغييرات ، لا تنس النقر فوق الزر "تحديث".

سيعيدك هذا إلى لوحة معلومات صفحة Checkout. من هنا ، تحتاج إلى التبديل إلى علامة التبويب "الحقول".

Fields editor

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

يمكنك أيضًا إضافة حقول نموذج جديدة من العمود الأيمن. بشكل افتراضي ، يعرض المكون الإضافي حقول السحب المستخدمة بشكل شائع.

ومع ذلك ، يمكنك النقر فوق الزر "إضافة حقل جديد" لإضافة حقل نموذج مخصص.

Add new custom field

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

يمكنك أيضًا جعل الحقل "مطلوبًا" وتعيينه إلى صفحة الدفع أو صفحة الشكر.

Create a custom checkout field

لا تنس النقر فوق الزر "حفظ التغييرات" لتخزين إعدادات النموذج.

تأتي FunnelKit مع مجموعة من التحسينات التي يمكنك إضافتها إلى صفحة الدفع الخاصة بك للحصول على تجربة خالية من الاحتكاك.

ما عليك سوى التبديل إلى صفحة "التحسينات" ، وسترى قائمة بالتحسينات التي يمكنك تطبيقها على صفحة الخروج.

Checkout page optimizations

ما عليك سوى النقر فوق أحد التحسينات لتكوينه ، ثم النقر فوق الزر "حفظ التغييرات" لتخزين تغييراتك.

بعد ذلك ، قم بالتبديل إلى علامة التبويب "الإعدادات" لتمكين Analytics أو Facebook pixel أو البرامج النصية المخصصة أو CSS في مسار الدفع الخاص بك.

Funnel settings

لا تنس النقر فوق الزر "حفظ التغييرات" لتطبيق التغييرات.

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

Publish Checkout page

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

هكذا بدا الأمر على موقعنا التجريبي.

Previewing custom checkout page

أضف تسجيل الخروج من صفحة واحدة في WooCommerce

يسمح لك FunnelKit أيضًا بإنشاء تجربة سداد من صفحة واحدة.

تحتاج إلى زيارة FunnelKit »صفحة الخروج من المتجر والنقر على" إنشاء الخروج من المتجر ".

Create a store checkout

في اختيار النموذج ، ما عليك سوى النقر فوق خيار "خطوة واحدة" في الأعلى.

بعد ذلك ، انقر فوق الزر "استيراد مسار التحويل هذا" للمتابعة.

One-Step checkout

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

أضف عربة Slide-In إلى WooCommerce

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

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

يمكن إصلاح ذلك عن طريق إضافة عربة منزلقة في WooCommerce.

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

Slide-in Cart

يمكن للمستخدمين الآن تحرير سلة التسوق وتحديثها دون مغادرة الصفحة.

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

أولاً ، تحتاج إلى زيارة موقع FunnelKit والتسجيل للحصول على حساب.

ملاحظة: ستحتاج على الأقل إلى خطة Plus للوصول إلى ميزات عربة الإنزلاق.

بعد التسجيل ، انتقل إلى حسابك على موقع FunnelKit لتنزيل المكون الإضافي FunnelKit Cart.

FunnelKit cart

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

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

Cart settings

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

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

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

Additional cart settings

لنشر تغييراتك ، لا تنس النقر فوق الزر "حفظ".

يمكنك الآن زيارة موقع الويب الخاص بك لاختبار العربة المنزلقة في متجرك المباشر.

تخصيص صفحة عربة WooCommerce

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

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

غالبًا ما تأتي موضوعات WooCommerce مع صفحة عربة مملة مع عدم وجود تحسين للتحويلات.

WooCommerce default cart experience

من خلال تخصيص صفحة عربة WooCommerce الخاصة بك ، يمكنك بسهولة تقليل التخلي عن سلة التسوق وتحسين المبيعات.

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

Add new landing page

بعد ذلك ، سيُطلب منك اختيار قالب لصفحتك.

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

Choose a blank template

سنستخدم القالب الفارغ لهذا البرنامج التعليمي.

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

Cart page tiitle and URL

سيؤدي ذلك إلى تشغيل واجهة SeedProd builder.

يمكنك البدء بالتبديل إلى علامة التبويب "الأقسام" وإضافة عنوان إلى القالب الفارغ.

Add header section

بعد ذلك ، لا تتردد في الإشارة والنقر لتحرير منطقة الرأس حسب رغبتك.

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

Add layout columns

بعد ذلك ، أضف كتلة "عربة التسوق" إلى العمود الأيمن.

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

Add the cart block

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

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

Upsell and create FOMO

لا تتردد في اللعب بإضافة كتل مختلفة وتعديل الألوان والعرض.

بمجرد الانتهاء من التحرير ، لا تنس النقر فوق "حفظ ونشر" في أعلى يمين الشاشة.

Save and publish

بعد ذلك ، تحتاج إلى إخبار WooCommerce بالبدء في استخدام صفحة عربة التسوق المخصصة لجميع العملاء.

انتقل إلى صفحة إعدادات WooCommerce وانتقل إلى علامة التبويب "خيارات متقدمة".

Use custom cart page

يمكنك الآن زيارة متجرك عبر الإنترنت في علامة تبويب متصفح جديدة.

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

Cart page preview

قم بتحرير صفحات منتج WooCommerce

تستخدم سمات WooCommerce نفس القالب لعرض جميع المنتجات على موقع الويب الخاص بك.

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

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

للبدء ، ما عليك سوى الانتقال إلى SeedProd »الصفحات المقصودة ثم النقر فوق" إضافة صفحة مقصودة جديدة ".

Add new landing page

بعد ذلك ، سيُطلب منك اختيار قالب لصفحتك.

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

Choose a template to create a product page

ما عليك سوى النقر لتحديد قالب والمتابعة.

بعد ذلك ، سيُطلب منك تقديم عنوان الصفحة وعنوان URL. يمكنك استخدام اسم المنتج كعنوان وعنوان URL.

Product page title and URL

انقر فوق الزر "حفظ وبدء تحرير الصفحة" للمتابعة.

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

Editing product page

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

بعد ذلك ، يمكنك استبدال الصور بصور منتجك وتعديل النص حسب الضرورة.

Add your product details with add to cart button

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

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

Edit cart bundle

للعثور على معرّف منتج ، تحتاج إلى الانتقال إلى صفحة المنتجات »جميع المنتجات في منطقة إدارة WordPress في علامة تبويب متصفح منفصلة.

مرر الماوس فوق المنتج الذي تريد الترويج له ، وسيظهر معرّف المنتج مع الروابط الأخرى.

Finding a product ID in WooCommerce

لجعل صفحة منتجك أكثر فاعلية ، يمكنك تجربة هذه النصائح:

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

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

Save and publissh product page

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

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

Product page preview

لمزيد من التفاصيل ونصائح المكافآت ، راجع البرنامج التعليمي الخاص بنا حول تخصيص صفحات منتجات WooCommerce.

تخصيص صفحة المتجر لمتجر WooCommerce الخاص بك

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

قالب المتجر في معظم سمات WooCommerce ممل وغير مُحسَّن للمبيعات والتحويلات. علاوة على ذلك ، عادة لا توجد خيارات أو خيارات قليلة جدًا لتخصيصه.

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

للبدء ، ما عليك سوى الانتقال إلى SeedProd »الصفحات المقصودة ثم النقر فوق الزر" إضافة صفحة مقصودة جديدة ".

Add new landing page

بعد ذلك ، سيُطلب منك اختيار قالب لصفحتك.

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

Choose a template to create a product page

ما عليك سوى النقر لتحديد قالب والمتابعة.

بعد ذلك ، سيُطلب منك تقديم عنوان الصفحة وعنوان URL. يمكنك استخدام شيء مثل Shop أو Store أو Storefront للإشارة إلى أنها صفحة المتجر الرئيسية.

Shop page

انقر فوق الزر "حفظ وبدء تحرير الصفحة" للمتابعة.

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

Editing product page

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

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

Shop header

أدناه ، يمكنك استخدام كتل WooCommerce لعرض منتجاتك.

يمكنك الاختيار من بين المنتجات الحديثة والمميزة والأكثر مبيعًا والأعلى تصنيفًا والمبيعات.

Display products

بعد إضافة كتلة منتج ، يمكنك أيضًا تخصيص شكلها.

يتيح لك SeedProd اختيار عدد المنتجات وخيارات الفرز والأعمدة والمزيد.

Product display options

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

بمجرد الانتهاء من التحرير ، لا تنس النقر فوق "حفظ ونشر" في الأعلى.

Save and publissh product page

بعد حفظ صفحتك ، انقر فوق الزر "معاينة" لرؤيتها أثناء العمل.

سيفتح SeedProd الصفحة في علامة تبويب متصفح جديدة.

Shop page preview

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

تخصيص WooCommerce شكرا لك صفحة

تظهر صفحة WooCommerce "شكرًا لك" عندما يُكمل العميل عملية شراء. بشكل افتراضي ، ستظهر لهم WooCommerce فقط تفاصيل طلباتهم في هذه الصفحة.

Default thank you page in WooCommerce

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

لحسن الحظ ، يمكنك إصلاح ذلك باستخدام SeedProd عن طريق إنشاء صفحة شكر مخصصة.

للبدء ، ما عليك سوى الانتقال إلى SeedProd »الصفحات المقصودة ثم النقر فوق الزر" إضافة صفحة مقصودة جديدة ".

Add new landing page

بعد ذلك ، سيُطلب منك اختيار قالب لصفحتك.

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

Thank you page templates

بعد ذلك ، سيُطلب منك اختيار عنوان وعنوان URL لصفحتك.

يمكنك استخدام "شكرًا لك" أو أي عنوان آخر مفيد لصفحتك.

Thank you page title

انقر فوق الزر "حفظ وبدء تحرير الصفحة" للمتابعة.

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

Edit thank you page

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

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

بمجرد الانتهاء ، لا تنس النقر فوق الزر "حفظ ونشر" في الزاوية اليمنى العليا من الشاشة.

Save and publissh product page

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

للقيام بذلك ، سوف تحتاج إلى تثبيت وتفعيل ملحق Thanks Redirect for WooCommerce. لمزيد من التفاصيل ، راجع البرنامج التعليمي الخاص بنا حول كيفية تثبيت مكون WordPress الإضافي.

عند التنشيط ، انتقل إلى WooCommerce »صفحة الإعدادات وانقر فوق علامة التبويب" المنتجات ".

Redirect thank you page in WooCommerce

من هنا ، تحتاج إلى تحديد الخيار "تمكين Global Thanks Redirect". بعد ذلك ، سترى حقلاً بعنوان "Thanks Redirect URL".

الصق عنوان URL لصفحة WooCommerce الجديدة الخاصة بك في هذا المربع ، ثم انقر فوق الزر "حفظ التغييرات".

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

Custom thank you page in WooCommerce

نأمل أن تساعدك هذه المقالة في تعلم كيفية تحرير صفحات WooCommerce بسهولة دون كتابة كود. قد ترغب أيضًا في الاطلاع على دليل WooCommerce SEO الكامل الخاص بنا أو اختيارات خبرائنا لأفضل مكونات قمع مبيعات WooCommerce لتعزيز تحويلاتك.

إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على YouTube لدروس فيديو WordPress. يمكنك أيضًا أن تجدنا على Twitter و Facebook.