كيفية إنشاء متجر رائع عبر الإنترنت باستخدام 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 سيوجهك إلى صفحة تسجيل المجال. إذا كنت تمتلك مجالًا بالفعل ، فاختر الخيار الثاني وأدخل تفاصيله. آخرwise، تابع تسجيل اسم المجال الجديد بسعر 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 دولارًا سنويًا مماثلاً لما قد تدفعه لموضوع عادي ، ويمكنك إيقاف الدفعات السنوية إذا كنت لا ترغب في الحصول على الدعم بعد الآن. لا تتردد في اللعب بالموضوع قبل الالتزام بالدفع.

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

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

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

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

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

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

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

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

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

الخطوة6

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

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

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

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

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

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

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

الخطوة10

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

الخطوة11

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

الخطوة12

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

الخطوة13

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

الخطوة14

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

الخطوة15

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

الخطوة16

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

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

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

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

وفي الختام

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

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

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

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

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

  1. اريك يقول:

    كان يجب ترك "رائعة" من العنوان

  2. خوانجو هيرنانديز يقول:

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

  3. فيكي يقول:

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

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

  4. خيسوس يقول:

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

  5. كارين يقول:

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

    1. بوجدان رانسيا يقول:

      مرحبا كارين،

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

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

  6. ميلا ستونز يقول:

    هل من الممكن إنشاء ملف vendأو السوق مع divi و woo التجارة؟

    1. بوجدان رانسيا يقول:

      مرحبا ميلا ،

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

      حظا سعيدا،

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

  7. ماجدة متولى يقول:

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

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

    1. بوجدان رانسيا يقول:

      مرحبا ماجدة ،

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

      حظا سعيدا!

      هتاف!

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

  8. إميلي يقول:

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

  9. عادل لونات يقول:

    Hi

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

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

  10. جولي يقول:

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

  11. kitإيك سود يقول:

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

  12. براندون يقول:

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

  13. ديان جيبس يقول:

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

  14. كيرستي يقول:

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

  15. كريج يقول:

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

    1. sebas يقول:

      يمكنك إدراج وحدة نصية واستخدام الرمز القصير الذي يوفره مرحاض ؛

      [product_categories الأصل = ”0 ″]

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

        1. إيمان يقول:

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

        2. كاري يقول:

          في الواقع لا يمكنك ذلك.

  16. باربرا يقول:

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

    1. jcbywaters يقول:

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

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

      افتح مسؤول wp، > لوحة المعلومات > جميع الصفحات >

      استخدم ما يلي للتحرير (انظر إلى الصفحات woocommerce يضيف أي عربة تلقائيا. إلخ)

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

      من المهم القيام بهذا الشيء لتسهيل الأمور قبل استخدام أداة إنشاء صفحات ET ، كل ما ستراه هو ملف woocommerce رمز قصير

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

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

      خطوة 1

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

      خطوة 2

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

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

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

      step3

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

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

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

      woocommerce الرموز القصيرة> http://docs.woothemes.com/document/woocommerce-shortcodes/

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

      جون

اترك تعليق

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

التقييم *

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