كيفية إنشاء موقع على شبكة الإنترنت متجر التجارة الإلكترونية مع وورد

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


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

الخبر السار هو أنك لست بحاجة إلى دفع رسوم شهرية عالية مع Shopify لتتمكن من بيع المنتجات عبر الإنترنت. إذا كنت تبحث عن بديل Shopify أو بديل eBay ، فإن هذا البرنامج التعليمي خطوة بخطوة سيترك لك متجرًا رائعًا عبر الإنترنت مجانًا.

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


هيا بنا نبدأ!

أشياء تحتاجها:

  • الاستضافة. أوصي SiteGround.
  • أ اسم النطاق.
  • وورد الموضوع. في هذا البرنامج التعليمي ، نستخدم سمة Astra المجانية.
  • وورد منشئ الصفحة. لهذا ، نستخدم أداة إنشاء صفحة Elementor المجانية.
  • WooCommerce, أفضل برنامج ووردبريس للتجارة الإلكترونية.

الخطوة 1. شراء استضافة المواقع واسم المجال.

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

ما هو استضافة واسم المجال?

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

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

Siteground ، خدمة استضافة الويب المفضلة لدي

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

SiteGround هو مضيف ويب موصى به للغاية عبر الإنترنت لأنهم يخدمون مستخدمي WordPress ومع ذلك لا يزال لديهم أسعار معقولة. وهي معروفة بأدائها السريع ودعمها السريع بنفس القدر.

فيما يلي الميزات الرئيسية لـ SiteGround:

  • شهادة SSL مجانية
  • دعم سريع ومعروف
  • وورد التدريج البيئة
  • هجرات مجانية للموقع
  • 30 يومًا من النسخ الاحتياطية

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

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

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

اختر خطة للمواقع

اختر استضافة WordPress وانقر البدء. سترى بعد ذلك ثلاث خطط تسعير:

وورد استضافة الموقع تسعير

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

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

اختر المجال

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

الخطوة الثانية. تثبيت وورد.

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

يأتي Siteground في الواقع مع تثبيت WordPress بنقرة واحدة يقوم بكل العمل الشاق لتثبيت WordPress وإعداده لك.

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

سترى بعد ذلك قائمة بالبرامج التي يمكنك تثبيتها. تحديد وورد.

تثبيت وورد

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

بمجرد القيام بذلك ، انقر فوق تؤكد > أكمل الإعداد. ولديك الآن موقع WordPress مباشر ومستضاف ذاتيًا.

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

انتقل إلى لوحة تحكم المسؤول وورد

عادةً ما تحتوي صفحات تسجيل الدخول إلى WordPress على هذه التنسيقات: yourdomain.com/wp-admin و yourdomain.com/wp-login. تذكر عنوان URL الخاص بصفحة تسجيل الدخول حتى تتمكن في المرة القادمة من الوصول إليه عن طريق كتابة عنوان URL مباشرة في شريط العنوان ودون الحاجة إلى تسجيل الدخول إلى Siteground بعد الآن.

تبدو صفحة تسجيل الدخول إلى WordPress كما يلي:

صفحة تسجيل الدخول وورد

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

الخطوة 3. تثبيت Astra Theme ومواقع Astra.

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

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

فيما يلي الميزات التي أحبها أكثر في Astra:

  • واحد من أسرع الثيمات المتاحة
  • أكثر من 100 موقع للمبتدئين (معظمها مجاني 100٪)
  • ميزة القائمة الضخمة المرنة
  • حزمة إضافية قوية
  • دعم WooCommerce واسع النطاق

Astra Theme هو خيار ممتاز لأي مشروع تصميم ويب WordPress. في الواقع ، هذا هو الموضوع الذي أستخدمه على هذا الموقع وجميع مشاريع موقع الويب الخاص بي.

لدي ثقة كاملة في المطور وقد أعجبت جدًا بمدى ترميز السمة.

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

لتثبيت أسترا ، انتقل إلى مظهر خارجي > موضوع > اضف جديد. ابحث عن Astra ، انقر فوق تثبيت, و تفعيل.

تثبيت موضوع أسترا

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

بعد تثبيت Astra ، سترى هذه الرسالة على لوحة التحكم الخاصة بك:

تبدأ مواقع أسترا

انقر البدء. سيؤدي هذا إلى تثبيت مواقع Astra Starter لك.

اختيار منشئ الصفحة الخاص بك

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

الميزات الرئيسية للعنصر:

  • محرر صفحة النهاية الأمامية الحية
  • ميزات تخصيص الموقع
  • مكتبة قالب & كتلة
  • خيارات استجابة متنقلة شاملة
  • أقوى منبثق منبثق
  • PRO: إنشاء رؤوس / تذييلات مخصصة
  • PRO: إنشاء تخطيطات نوع المشاركة

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

اختيار موضوع أسترا الخاص بك

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

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

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

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

استيراد موضوع موقع أسترا

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

الخطوة 4. تخصيص موقع الويب الخاص بك.

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

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

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

لاختيار لوحة ألوان موقع الويب ، أستخدم أداتين. اول واحد هو Coolors.co حيث يمكنك تصفح لوحات الألوان المختلفة واختيار ما تريد استخدامه على موقع الويب الخاص بك.

مبردات الصفحة الرئيسية

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

لوحة الألوان مع رمز سداسي عشري

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

أداة رائعة أخرى هي Colorzilla ، وهو ملحق Google Chrome الذي يتيح لك الحصول على رمز Hex بأي لون تراه على أي موقع ويب حتى تتمكن من استخدامه بنفسك. إذا كنت ترغب في الحصول على ملحق Colorzilla, انقر هنا. ثم اضغط إضافة إلى الكروم.

كولورزيلا

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

رمز colorzilla

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

تخصيص الطباعة

تريد أيضًا استخدام أسلوب الطباعة الخاص بك لإبراز موقعك على الويب. عادةً ما تحتوي مواقع الويب على 2-3 خطوط. سيكون لديك خط للعناوين أو القائمة ، وخط للجسم ، و “خط بوب” إضافي. مثل الألوان ، لا يمكنك استخدام أي خط فقط. تحتاج إلى التأكد من أنها تبدو جيدة معًا وإرسال الرسالة الصحيحة حول علامتك التجارية.

أحب استخدام Fontpair.co وهو موقع ويب يوضح لك كيفية ظهور خطين مختلفين معًا.

باستخدام fontpairs.co

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

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

أيقونة واتفون

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

باستخدام whatfont

الحصول على شعار

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

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

شعارات canva

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

تخصيص موقع الويب الخاص بك

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

تخصيص السمة

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

تخصيص السمة

هكذا تبدو أداة تخصيص السمة:

تخصيص الموضوع

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

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

محرر خلفية ملونة

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

محرر اللون الأساسي

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

مخصص الطباعة

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

تحميل الشعار

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

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

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

الخطوة 5. تخصيص موقع الويب الخاص بك مع Elementor.

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

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

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

هناك طريقتان لتحرير صفحة باستخدام Elementor. أولاً ، إذا كنت في الواجهة الخلفية لـ WordPress ، فانقر الصفحات ويجب أن تشاهد قائمة بجميع صفحات موقع الويب الخاص بك بما في ذلك الصفحات التي تم إنشاؤها تلقائيًا باستخدام قالب موقع Astra. سيتم تصنيف الصفحات التي تم إنشاؤها باستخدام أداة إنشاء صفحات معينة (مثل Elementor) على هذا النحو:

الصفحات

لتحرير صفحة باستخدام أداة إنشاء الصفحات ، مرر مؤشر الماوس فوقها وانقر تحرير باستخدام (منشئ الصفحات). في حالتي ، سيكون تحرير باستخدام Elementor.

تحرير مع elementor

بمجرد النقر فوق ذلك ، سيتم نقلك داخل Elementor.

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

تحرير مع elementor

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

تحرير النصوص في elementor

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

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

تحرير الصور في elementor

داخل Elementor ، يمكنك أيضًا تغيير نصوص الأزرار وتخصيص منطقة الشهادات وإضافة المزيد من العناصر / الكتل مثل النصوص والصور والأزرار ومقاطع الفيديو والمزيد.

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

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

الخطوة 5. قم بإعداد WooCommerce.

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

تم تثبيت WooCommerce بالفعل لي من خلال سمة Custom Print Astra Site ، لذا يجب علي الآن الدخول وإعداده. إذا لم يكن WooCommerce مثبتًا لديك بعد ، فانتقل إلى الإضافات > اضف جديد وابحث عن WooCommerce.

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

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

الإعدادات العامة woocommerce

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

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

إعدادات المنتج woocommerce

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

إعدادات المخزون woocommerce

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

خيارات المنتج للتحميل

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

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

مناطق الشحن

إذا كنت بحاجة إلى مزيد من المساعدة في مناطق الشحن ، يمكنك التحقق من منطقة الشحن في WooCommerce توثيق.

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

خيارات الشحن

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

فئات الشحن

لتعيين أسعار الشحن الخاصة بك ، انتقل إلى مناطق الشحن وإنشاء أو تعديل طريقة شحن حالية مثل “سعر ثابت”.

إضافة تكلفة شحن

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

تكلفة الشحن لفئة الشحن

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

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

طرق الدفع

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

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

الحسابات والخصوصية

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

اشعارات البريد الالكتروني

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

woocommerce إعداد الصفحة

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

الخطوة 6. إضافة منتجات.

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

صفحة المنتج

دعنا نلقي نظرة الآن على كيفية تغيير هذا وإضافة منتجاتنا الخاصة على الواجهة الخلفية.

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

محرر المنتج

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

يتيح لك WooCommerce إضافة هذه الأنواع من المنتجات:

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

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

خيارات المنتج للتحميل

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

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

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

الشحن في بيانات المنتج

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

منتجات مرتبطة

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

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

وصف قصير وصورة المنتج

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

رؤية الكتالوج

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

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

الخطوة 7. تخصيص الخروج الخاص بك.

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

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

تدفقات العربة

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

الخطوة 8. البقاء على رأس التخلي عن سلة التسوق.

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

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

لحسن الحظ ، هناك مكون إضافي يسمى WooCommerce Cart التخلي عن التخلي مكوّن إضافي يتتبع رسائل البريد الإلكتروني للمتابعة ويرسلها تلقائيًا للعملاء الذين لديهم عربات مهجورة – كل ذلك مجانًا!

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

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

التخلي عن عربة الطلبات القابلة للاسترداد

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

متابعة رسائل البريد الإلكتروني

سيتم نقلك بعد ذلك إلى محرر البريد الإلكتروني:

تخصيص رسائل المتابعة

تغليف

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

SiteGround

SiteGround هو مضيف ويب موصى به للغاية عبر الإنترنت لأنهم يخدمون مستخدمي WordPress ومع ذلك لا يزال لديهم أسعار معقولة. وهي معروفة بأدائها السريع ودعمها السريع بنفس القدر.

الميزات الرئيسية SiteGround:

  • شهادة SSL مجانية
  • دعم سريع ومعروف
  • وورد التدريج بيئة
  • الهجرات المجانية للموقع
  • النسخ الاحتياطية اليومية

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

تحقق من SiteGround

أسترا الموضوع

Astra هو سمة WordPress مجانية تركز على السرعة. اختياريًا ، يمكنك شراء الإصدار Pro مقابل 59 دولارًا والذي يضيف بعض الإعدادات والخيارات الإضافية.

السمات الرئيسية أسترا الموضوع:

  • ليس موضوع الصيام ، لكنه ليس ترهل
  • الكثير من المواقع التجريبية المجانية
  • ميزة القائمة الضخمة المرنة
  • خيارات التخطيطات المخصصة
  • دعم WooCommerce
  • دعم LearnDash

Astra Theme هو خيار عادل لأي مشروع تصميم ويب WordPress. أفترض أن السؤال الأكبر هو ما إذا كنت بحاجة إلى شراء موضوع هذه الأيام حيث يقوم بناة الصفحات بكل نفس الأشياء التي قد تحتاج إلى موضوع لها. على سبيل المثال ، يحتوي Elementor على سمة Hello مجانية تتيح لمُنشئ الصفحات القيام بكل العمل.

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

بالنسبة لي ، أعتقد أن Astra Theme لم يواكب الاتجاهات الحالية ولم أعد أوصي به.

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

تحقق من موضوع أسترا

العنصر

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

الميزات الرئيسية للعنصر:

  • محرر صفحة النهاية الأمامية الحية
  • ميزات إضفاء الطابع الشخصي على موقع الويب
  • مكتبة قالب & كتلة
  • خيارات استجابة متنقلة شاملة
  • أقوى منبثق منبثق
  • PRO إنشاء رؤوس / تذييلات مخصصة
  • PRO إنشاء تخطيطات نوع المشاركة

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

Elementor Pro هي قيمة مذهلة بالنظر إلى جميع الوحدات الإضافية وميزات الطاقة التي تتضمنها.

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

تحقق من Elementor

تدفقات العربة

CartFlows هو منشئ قمع المبيعات لـ WordPress. يتيح لك إنشاء مسارات تحويل للمبيعات بسرعة وسهولة باستخدام أداة إنشاء الصفحات التي تختارها.

الميزات الرئيسية

  • قوالب مصممة باحتراف
  • 5 مطبات ترتيب الموقع
  • زيادة نقرة واحدة
  • استخدم منشئ الصفحات المفضل لديك
  • قابلة للتمديد على عكس مسارات النقر
  • مؤقتات العد التنازلي واختبار التقسيم

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

تحقق من CartFlows

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map