كيفية بناء متجر على الإنترنت في أقل من ساعة

هل تتطلع إلى إنشاء متجر على الإنترنت وبيع المنتجات عبر الإنترنت؟

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

وباستخدام مزيج من Elementor و WooCommerce وموضوع Astra ، يمكنك القيام بذلك بسهولة.

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

ما الذي تحتاجه لبدء متجر على الإنترنت؟

لبدء متجر عبر الإنترنت ، ستحتاج إلى الأشياء التالية:

• فكرة اسم المجال
• حساب استضافة الويب
• وورد موضوع مثل Astra
• منشئو صفحات WordPress مثل Elementor
• البرنامج المساعد WooCommerce
• انتباهك الكامل لمدة ساعة

نعم، هو بهذه السهولة.

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

الخطوة 1: شراء استضافة الويب واسم المجال

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

اسم المجال هو عنوان الإنترنت لموقع الويب الخاص بك ، مثل Pickupwp.com.

بينما يكون اسم المجال هو عنوان موقع الويب الخاص بك ، فإن الاستضافة هي المكان الذي يتم فيه استضافة موقعك.

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

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

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

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

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

لتجنب خرق البيانات ، يجب عليك التأكد من أن موقع الويب الخاص بك آمن.

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

الخطوة الثانية: تثبيت WordPress - إنشاء متجر على الإنترنت

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

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

عند شراء حزمة استضافة من أفضل مزودي خدمة استضافة WordPress ، ستحصل على خيار التثبيت التلقائي لـ WordPress.

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

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

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

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

هذا هو. سيقوم Bluehost الآن بتثبيت WordPress لك تلقائيًا. فقط انتظر حتى تنتهي ، ثم احفظ تفاصيل تسجيل الدخول الخاصة بك.

الخطوة 3: قم بتسجيل الدخول إلى لوحة تحكم WordPress

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

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

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

عنوان URL لتسجيل الدخول إلى WordPress هو اسم المجال الخاص بك متبوعًا بـ /wp-login.php . يجب أن يبدو عنوان URL لتسجيل الدخول كما يلي: https://example.com/wp-login.php . قم بتغيير example.com باسم المجال الخاص بك وأدخله في متصفحك. ثم سترى صفحة تسجيل الدخول إلى WordPress.

بعد ذلك ، أدخل بيانات اعتماد تسجيل الدخول إلى WordPress التي تلقيتها مسبقًا.

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

الخطوة 4: قم بتثبيت Astra Theme و Starter Templates

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

لكن موضوع التجارة الإلكترونية الوحيد الذي أوصينا به هو Astra. تم تطوير هذا الموضوع بواسطة Brainstorm Force ويستخدمه أكثر من مليون مستخدم.

تعمل Astra أيضًا بشكل جميل مع منشئي الصفحات مثل Beaver Builder و Thrive Architect و Elementor و Divi Builder و Brizy وما إلى ذلك.

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

فيما يلي بعض أفضل ميزات سمة Astra:

• أداء فائق السرعة
• تكامل منشئ الصفحة
• واجهة سهلة الاستخدام
• توافق ثيم WooCommerce
• سهولة الوصول جاهزة
• الترميز ودية SEO
• الترجمة و RTL جاهزة
• 100٪ مصدر مفتوح

لتثبيت Astra ، انتقل إلى المظهر »المظهر» إضافة جديد . ابحث عن Astra ، وانقر فوق تثبيت ، وتنشيط .

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

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

الشروع في استخدام قوالب المبتدئين

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

بعد ذلك ، سيُطلب منك تحديد أداة إنشاء الصفحات من Elementor أو Beaver Builder أو Block Editor.

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

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

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

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

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

ما عليك سوى النقر على زر إرسال وإنشاء موقع الويب الخاص بي .

قد يستغرق استيراد السمة بعض الوقت. لا تغلق المتصفح أو تضغط على تحديث.

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

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

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

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

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

هنا ستتمكن من استخدام صور مختلفة لعنوانك وتغيير النصوص وتغيير الرموز والمزيد. يمكنك البدء بتغيير النص والصورة في العنوان بما يتناسب مع عملك.

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

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

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

الخطوة 6: إعداد WooCommerce - إنشاء متجر على الإنترنت

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

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

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

علامة تبويب عامة

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

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

علامة تبويب المنتجات

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

سيكون لديك أيضًا خيارات المخزون والمنتج القابلة للتنزيل.

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

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

علامة التبويب الشحن

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

علامة تبويب المدفوعات

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

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

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

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

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

علامة تبويب متقدمة

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

الخطوة 7: إضافة منتج - إنشاء متجر على الإنترنت

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

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

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

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

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

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

علامة تبويب عامة

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

تبويب الجرد

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

علامة التبويب الشحن

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

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

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

صفات

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

متقدم

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

يمكنك أيضًا تحديد مربع الاختيار لتمكين مراجعات العملاء.

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

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

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

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

الخطوة 8: تخصيص عمليات الدفع الخاصة بك

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

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

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

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

الخلاصة - بناء متجر على الإنترنت

Astra و Elementor و WooCommerce هي تهديدات ثلاثية تتيح لك إنشاء متجر على الإنترنت في دقائق دون كتابة سطر واحد من التعليمات البرمجية.

تذكر ، كل ما عليك فعله هو:

• قم بتثبيت وتكوين WooCommerce
• استيراد موقع تجريبي Astra
• قم بتخصيص متجرك عبر إعدادات أداة تخصيص الوقت الفعلي الخاصة بـ Astra
• قم بتحرير صفحتك الرئيسية والصفحات الأساسية الأخرى باستخدام منشئ الصفحة Elementor

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