كيفية إنشاء متجر رائع عبر الإنترنت باستخدام WooCommerce, Divi و SiteGround (2023)

إذا قمت بالاشتراك في خدمة من رابط على هذه الصفحة ، فقد تحصل شركة Reeves and Sons Limited على عمولة. انظر لدينا بيان الأخلاق.

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

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

ملاحظة المحرر: تم نشر هذا المنشور في الأصل في 15 يناير 2015 وتم تجديده وتحديثه بالكامل من أجل الدقة والشمول.

هناك الآلاف إلى الملايين من مواضيع WordPress للاختيار من بينها عندما تبحث عن هيكل الواجهة الأمامية والخلفية لبدء البيع عبر الإنترنت. تقريبا نفس مع استضافة (لكننا نفضل SiteGround or Bluehost).

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

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

احصل على المجال الخاص بك واستضافة أولا

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

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

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

ومع ذلك ، فإننا نوصي بشدة بخدمة استضافة أخرى Divi WooCommerce المخازن BLUEHOST. على الرغم من أن الميزات هنا لا تتطابق مع SiteGroundلا يزال لديك WooCommerce- الاستضافة المركزة من خلال حزمة التجارة الإلكترونية في WordPress. يمكن للخطط التعامل بشكل مريح مع أ Divi WooCommerce المتجر ، ولكن للأسف ، لن تحصل على خدمات مُدارة.

؟؟؟؟ الآن ، من أجل الوضوح ، دعنا ننتقل SiteGround...

كيف تبدأ؟

انتقل إلى SiteGround Managed WooCommerce استضافة الصفحة ، حدد خطة مثالية ، وانقر فوق الحصول على خطة.

في رأيي ، فإن خطة GoGeek يبدو أنه الخيار الأنسب لأنه يدعم عدد غير محدود WooCommerce مواقع الويب ذات إمكانات التجارة الإلكترونية المتقدمة. بصرف النظر عن مزيد من طاقة الخادم ، يمكنك الحصول على دعم الأولوية ، التدريج WordPress ، النسخ الاحتياطي عند الطلب ، والموارد سوبر chacher ، فضلا عن نقل الموقع المجاني و Cloudflare CDN ، من بين الميزات الصلبة الأخرى.

؟؟؟؟ وبقدر ما يتعلق الأمر بدل الموارد ، هذه الخطة تستوعب:

  • علبة بريد 6GB
  • 1 GB تخزين قاعدة البيانات
  • تخزين SSD
  • نقل البيانات غير المقاسة
  • مساحة تخزين 30GB
  • زيارات شهرية تصل إلى 100,000

لا تنسى تبدأ هذه الخدمة بـ 11.95 $ شهريًاوهو مشابه جدًا لكيفية تثبيت موقع WordPress منتظم على حساب استضافة BlueHost.

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

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

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

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

يطلب منك جزء الدفع إدخال تفاصيل بطاقة الائتمان الخاصة بك. يمكنك المتابعة مع أي منهما اكتشف ، ماستركارد or تأشيرة.

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

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

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

الآن ، لتقليل مسافة نقل البيانات بين Sitegroundخوادم و WooCommerce زوار الموقع ، اختر موقع مركز البيانات الأقرب إلى منطقة السوق المستهدفة.

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

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

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

إنشاء متجرك عبر الإنترنت باستخدام Divi

ما هو Divi?

حسنًا ، إذا لم تكن قد جربته ، أراهن أنك سمعت به بالفعل. Divi ليس عاديا WooCommerce سمة. إنها ، في الواقع ، واحدة من أكثر موضوعات WordPress شيوعًا في السمات الأنيقة. ومن المثير للاهتمام ، Divi is موضوع أنيقالمنتج الرئيسي.

إذن ، ما الذي يميز هذا الموضوع؟ وهل هناك أي شيء رائع عنه Diviالصورة WooCommerce?

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

ما هو ديفي

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

ثم إلى الأعلى ، Divi يأتي مع مُنشئ صفحات WordPress البديهي الخاص به plugin. يمكنك استخدامه لتخصيص ملفات Divi WooCommerce تخزين دون أي ترميز على الإطلاق.

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

؟؟؟؟ في النهاية ، ستتمكن من الاستفادة من ذلك Diviالصورة:

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

Divi السحب والإسقاط منشئ الصفحة

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

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

قال ذلك Divi WordPress Page Builder هو محرر بالسحب والإفلات مزود بقدرات تخصيص متقدمة. يسمح لك بنقل وتحديد العناصر والأعمدة والصفوف والوحدات النمطية دون أي خبرة في الترميز. بمعنى آخر ، إنه نوع المنشئ أ Divi WooCommerce المبتدئين يأمل في الحصول عليها.

إعدادات ديفي

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

تعال إلى التفكير في الأمر ، لست بحاجة إلى مطور لتصميم جميع العناصر الموجودة في ملف Divi WooCommerce متجر. يمكنك الاعتماد على الوظائف البصرية وحدها.

وأنت تعرف لماذا؟

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

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

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

مصممة مسبقا Divi WooCommerce تخطيطات الموقع

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

حسنًا ، لنكون أكثر دقة ، Divi يوفر حوالي 7-8 تخطيطات مختلفة مُصممة مسبقًا على كل حزمة موقع ويب واحدة. بالنظر إلى أن كل واحد يأتي مبنيًا بالكامل ، يمكنك بسهولة اعتماد التخطيطات دون إعادة صياغة الهيكل الأساسي على نطاق واسع. أنت فقط بضع تعديلات هنا وهناك.

تخطيطات موقع ديفي

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

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

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

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

Is Divi مناسب ل WooCommerce?

كل الأشياء تم اعتبارها، Divi يحظى بشعبية متزايدة لأنه حل موضوع WordPress الكل في واحد بشكل أساسي.

مجتمعة ، Divi Page Builder و Divi Theme تقدم إلى حد كبير كل ما تحتاجه لإعداد أي نوع من مواقع WordPress. وهذا يشمل كامل الوظائف WooCommerce متجر مع جميع إمكانات التجارة الإلكترونية الأساسية.

؟؟؟؟ شيء صغير، Divi هو خيار يستحق النظر فيه WooCommerce الموقع بسبب:

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

الخطوة 1: الاشتراك مع السمات الأنيقة للوصول إليها Divi

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

Divi وورد موضوع

الخطوة 2: التثبيت Divi على موقع WordPress الخاص بك

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

وورد موضوع جديد

الخطوة 3: انقر فوق الزر "إضافة جديد"

وورد إضافة موضوع جديد

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

وورد موضوع تحميل

الخطوة 4: قم بإعداد ملف WooCommerce المتجر

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

ما هو رائع هو أن الحرف الأول SiteGround الاشتراك مثبت بالفعل WooCommerce على موقع WordPress الخاص بك ، لذلك لا داعي للقلق بشأن تثبيته أو إعداده. يجب أن تكون متاحة بالفعل في لوحة القيادة الخاصة بك.

الخطوة 5: أضف منتجاتك الأولى إلى WooCommerce

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

WooCommerce إضافة منتج جديد

الخطوة الثالثة

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

التجارة الإلكترونية تضيف حقول منتجات جديدة

الخطوة 7: اكتشف ملف WooCommerce المميزات

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

WooCommerce ملامح

الخطوة 8: إنشاء الصفحة الرئيسية

بيت القصيد من هذا هو إنشاء صفحة رئيسية أو صفحة عادية تعرض جميع منتجاتك عندما يظهر الأشخاص على موقعك. لذلك ، يجب أن تذهب إلى Pages> Add New على الجانب الأيسر من لوحة معلومات WordPress الخاصة بك.

وورد صفحة جديدة

الخطوة 9: أضف عنوانًا لملف Divi صفحة

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

باني الصفحة

الخطوة الثالثة

انقر فوق الزر "رأس العرض الكامل".

أضف رأس

الخطوة الثالثة

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

تخصيص رأس

الخطوة الثالثة

اضغط على الأشرطة الثلاثة الموجودة على يسار وحدة رأسية العرض الكامل لتغيير المزيد من الإعدادات.

إعداد ووردبريس ووكومرس

الخطوة الثالثة

يمكنك هنا أن تعطي الرأس لون خلفية رائعًا حتى تتضمن فيديو لشركتك.

قم بتعديل هذه الأزرار

الخطوة الثالثة

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

إعداد التجارة الإلكترونية وورد

الخطوة الثالثة

اختر عدد الأعمدة التي تريدها ، ثم انقر فوق الخيار Insert Modules الذي يظهر. حدد الزر "تسوق" بالقرب من الأسفل.

إعداد التجارة الإلكترونية وورد

الخطوة الثالثة

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

إعداد التجارة الإلكترونية وورد

الخطوة 17: معاينة ونشر

بمجرد اكتمال هذا ، يمكنك النقر فوق الزر معاينة أو نشر لعرض التغييرات على الواجهة الأمامية. كما ترون ، تظهر المنتجات بشكل جيد ، ويمكنك دائمًا الرجوع لتغيير إعدادات المنتجات أو واجهة المتجر على الواجهة الخلفية لـ WordPress. تهانينا!

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

وفي الختام

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

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

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

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

التعليقات الردود 25

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

  2. مرحبًا ، شكرًا لك على هذا المقال ...
    أنا أتطلع إلى إنشاء متجر جديد عبر الإنترنت ... ولكن ما الفرق بين القيام بذلك بهذه الطريقة (أعلاه: Bluehost + Wordpress + wooCommerce) مقابل مجرد Shopify?

    نقدر مساعدتكم!

  3. شكرًا لك على هذا المنشور التفصيلي :) هل تعرف كيف أقوم بتعيين حجم صورة / صورة مصغرة ثابتة للمنتجات المعروضة. لقد حاولت تغييره ضمن إعدادات wocommerce وإعادة إنشاء الصور المصغرة ، لكنها لم تنجح.

  4. في الدنمارك لدينا Viabill حتى تتمكن من الدفع من خلال ذلك ، هل من الممكن إرفاق ذلك بمتجري على الويب؟

    1. مرحبا كارين،

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

      حظا سعيدا،
      -
      بوجدان - محرر في ecommerce-platforms.com

    1. مرحبا ميلا ،

      لا، ولكن يمكنك القيام بذلك باستخدام تسويق الموضوع (موضوع يدعم وظائف السوق باستخدام القوالب والأنماط المخصصة وما إلى ذلك ...) ، تحقق من البرنامج التعليمي هنا: كيفية بناء سوق المنتجات المادية باستخدام WordPress و Marketify

      حظا سعيدا،

      بوجدان - محرر في ecommerce-platforms.com

  5. مرحبا،
    أنا أعمل في ميزة Shop وأواجه مشكلتين.
    1. أحاول عرض جميع المنتجات وأضطر دائمًا إلى تحديد فئة؟ هل يجب علي إنشاء فئة ALL أم أن هناك طريقة أخرى؟

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

    1. مرحبا ماجدة ،

      يجب أن تحاول WpCurve للتعديلات الصغيرة المتعلقة بـ WordPress.

      حظا سعيدا!

      هتاف!

      بوجدان - محرر في ecommerce-platforms.com

  6. مرحبًا، كنت أتساءل عن كيفية إضافة المنتجات ذات الصلة في كل صفحة منتج باستخدام Woocommerce و Divi. شكرا مقدما!

  7. Hi

    أود الحصول على بعض الإرشادات لأنها المرة الأولى التي يستخدم فيها Divi و Woocommerce معًا.

    متطلباتي ؛
    أرغب في معرفة الخيار أو الاتجاه الذي يجب أن أذهب إليه لتسجيل العملاء في الموقع ، لاستخدامه في الاتصالات التسويقية وشراء المنتجات عبر الإنترنت.
    – يجب أن يكون العملاء قادرين على التسجيل حتى لو لم يقوموا بشراء أي شيء
    - كيف سأحقق أكبر قدر من المرونة في الحصول على هذه التفاصيل مثل تصديرها والحصول على سجل جدول بيانات للتتبع والتلاعب مثل إرسال رسائل البريد الإلكتروني الجماعية أو الرسائل القصيرة وما إلى ذلك حيث ستكون هناك أوقات حيث سأحتاج إلى عمل نسخة احتياطية للمعلومات في مكان ما فقط في حالة، والحاجة إلى استخدام نفس قاعدة البيانات (MySQL) فقط للمستخدمين في جزء آخر من الموقع أو قل داخل المتجر كما هو الحال بالنسبة للصيدلية وقد نقوم بإعداد سجلات المرضى مع ضغط الدم وقراءات الجلوكوز وغيرها الكثير على سبيل المثال ثم ربما نضيف صفحات مخصصة حيث سيتم استخدام معلومات ملفهم الشخصي.
    هناك حاجة أيضًا إلى البيانات لاستيراد/إضافة العملاء إلى برنامج الصيدلة المحلية لدينا في متجرنا المادي لمعالجة الأدوية الموصوفة وعناوين التسليم والأهم من ذلك معلومات المساعدة الطبية لأن هذا ليس حقل نموذج قياسي أو عنصر هيكل وما إلى ذلك ليكون متوافقًا مع الوضع وبالتالي فإن هذا يعني تصدير ملفات csv/ملفات أخرى من قاعدة بيانات العضوية عبر الإنترنت لاستيرادها بعد ذلك إلى قواعد بيانات SQL على خادم المتجر الخاص بنا.
    - من الناحية المثالية ، يجب أن أكون قادرًا على نقل البيانات بشكل ملائم أو أكثر سلاسة ، وبالتالي أحتاج إلى تلبية ذلك بشكل صحيح على الموقع قبل استخدام أي تسجيل أو نموذج للتسجيل. هل يمكنني إعداد قاعدة بيانات منفصلة للمستخدمين والتي ستكون قاعدة بيانات خاصة بها ومستقلة ليست ضمن WordPress /Divi/جداول أو قواعد بيانات Woocommerce التي تم إنشاؤها افتراضيًا؟
    - هناك عنصر آخر وهو الأمان للمدفوعات عبر الإنترنت، هل يتم تنفيذ ذلك من خلال السمة نفسها أو WooCommerce أو واجهة WordPress الخلفية أو ربما في الثلاثة معًا؟
    شكرا لك وآمل أن أسمع منك قريبا.

  8. أي توصيات بشأن استخدام Divi جداول التسعير و WooCommerce. بدلاً من المتجر، فهو عبارة عن مجموعة من الاستشارات التي يشتريها العملاء؟

  9. أحاول إضافة هذا الرمز المختصر هناك في وحدة الكود [product_categories parent=”0?] لعرض فئات المنتجات ولكنه لا يعرض أي شيء عند التفتيش، حيث يظهر فقط قسم فارغ مع class=”woocommerce column -4″ لذا يرجى مساعدتي بخصوص هذا إذا كان أي شخص يعرف ما هي المشكلة

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

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

  12. لقد اخترت إظهار "العناصر المميزة" الخاصة بي .. ولكن لا شيء يظهر. كيف أختار المنتجات "المميزة"؟

  13. ماذا لو كنت تريد عرض متجرك حسب الفئات؟
    تشتهر أجهزة تركيز الأكسجين البيطرية من كالسـتين بجودتها العالية وفعاليتها في الميدان. Divi الوحدات لا تعطي هذا الخيار، فقط المميز، الأكثر مبيعًا وما إلى ذلك…
    🙁

      1. مرحبًا Craig ، يمكنك عرض فئة المنتجات باستخدام ملف Divi وحدة المتجر. في الإعداد العام للوحدة ضمن القائمة المنسدلة لخيار النوع ، حدد فئة المنتج. الآن يجب أن يكون لديك بالفعل بعض العناصر لكل فئة منتج قمت بإنشائها في woo-commerce الخاصة بك ، مع القيام بذلك ، سترى خيار Include Category ؛ المضي قدما حدد الفئة التي تريد عرضها. اتمنى ان يساعدك هذا. تذكر أن لديك عناصر في كل فئة من منتجاتك قبل تنشيط هذا الخيار

        1. شكرا لك على التفاصيل "luashoro". لدي فئتان تحتويان على منتجات في كلتيهما ولا تزال "فئة المنتج" غير ظاهرة بالنسبة لي. أي أدلة من فضلك؟

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

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

      ومع ذلك ، فهذه طريقة بسيطة للقيام بها للصفحات التي يمكنك القيام بها

      افتح لوحة إدارة الووردبريس > لوحة التحكم > جميع الصفحات >

      استخدم ما يلي للتحرير (انظر إلى الصفحات التي يضيفها WooCommerce تلقائيًا مثل عربة التسوق وما إلى ذلك)

      مثال: editt وإنشاء صفحة عربة تسوق مخصصة

      من المهم القيام بهذا الجزء لتسهيل الأمور قبل استخدام منشئ الصفحات ET، كل ما ستراه هو الرمز المختصر لـ WooCommerce

      صفحة عربة التسوق = [woocommerce_cart]

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

      خطوة 1

      قم بإزالة رأس الصفحة divi، انتقل إلى سمات الصفحة وقم بتغييرها من افتراضية إلى فارغة، انقر فوق تحديث لحفظ الصفحة، معاينة، رأس الصفحة divi اختفى 🙂

      خطوة 2

      أرغب في استخدام أداة إنشاء الصفحات ET لتصميم جميل جديد (نعم من فضلك)

      أولاً، قم بحذف (قص يحفظه جاهزًا للصق) الرمز المختصر لـ Woocommerce [woocommerce_cart]، لذا لديك الآن صفحة فارغة، قم بتحديث التغييرات مرة أخرى

      يمكنك الآن البدء في تحرير الصفحة باستخدام منشئ الصفحات ET، ابدأ بإضافة وحدة نصية في مكان ما، ثم الصق الرمز المختصر الخاص بـ Woocommerce، [woocommerce_cart] للحصول على تحديث اختباري سريع ومعاينة للتغييرات

      step3

      شطف وكرر للصفحات الأخرى 🙂

      لا تنس أنه يمكنك تشغيل/إيقاف تشغيل الشريط الجانبي أو تعديل الأدوات

      أيام سعيدة وتصاميم جميلة لا نهاية لها ، yipee!

      اختصارات ووكومرس > http://docs.woothemes.com/document/woocommerce-shortcodes/

      قم بلصقها على مفكرة / مستند نصي جاهز للقص واللصق

      جون

اترك تعليق

لن يتم نشر عنوان بريدك الإلكتروني. الحقول المشار إليها إلزامية *

التقييم *

يستخدم هذا الموقع نظام Akismet لتقليل الرسائل الضارة. تعرف كيف تتم معالجة بيانات تعليقك.

شوبيفاي-العرض-الأول-لدولار-لثلاثة-أشهر