راه‌اندازی فروشگاه اینترنتی: طراحی فروشگاه اینترنتی با ووکامرس تنها در ۶ قدم

طراحی فروشگاه اینترنتی با ووکامرس

امروزه افراد به سمت فروش محصولات و خدمات اینترنتی تمایل پیدا کرده‌اند و دوست دارند در اینترنت سهمی داشته باشند. برای این منظور داشتن یک سایت اینترنتی از ملزومات است. سایت‌سازهای بسیاری برای ساخت فروشگاه اینترنتی وجود دارند اما ووکامرس یک افزونه فروشگاه‌ساز است که بر روی وردپرس نصب شده و به راحتی قابل تنظیم شدن است. به همین دلیل می‌خواهیم طراحی فروشگاه اینترنتی با ووکامرس را تنها در ۶ قدم ساده بیاموزیم.

طراحی فروشگاه اینترنتی با ووکامرس

فروشگاه‌های اینترنتی با هدف فروش محصول فیزیکی یا خدمات مجازی روی کار آمدند. هر کدام به نوعی سهمی از فروش اینترنتی را به خود اختصاص می‌دهند اما آیا بدون داشتن یک وبسایت خوب و کاربردی می‌توان فروش خوبی داشت؟
شاید بگویید با کمک شبکه‌های اجتماعی یا اینستاگرام می‌توان محصول خود را به فروش رساند، این نظریه را رد نمی‌کنیم اما آیا به اندازه وبسایت تاثرگذار هستند و در درصد فروش شما موثرند؟ مسلما خیر! داشتن وبسایت یعنی اعتبار برای کسب و کارتان و این مسئله کوچکی نیست که از کنارش ساده عبور کنیم.

برای اینکه بتوانیم این اعتبار را برای خود ایجاد کنیم، می‌خواهیم طراحی فروشگاه اینترنتی با ووکامرس را بررسی کرده و مسیر راه‌اندازی آن را راحت و بدون دردسر طی کنیم. اما قبل از اینکه وارد مبحث اصلی شویم باید ملزومات کارمان را شناسایی کنیم.

استفاده از وردپرس و ووکامرس برای ساخت فروشگاه اینترنتی

woocommerce shop- طراحی فروشگاه اینترنتی با ووکامرس

ووکامرس تنها یک افزونه تجاری است که بر روی سیستم مدیریت محتوای وردپرس نصب می‌شود و آن را تبدیل به یک پلتفرم تجاری می‌کند. در مقالات متعددی پیرامون ویژگی‌های آن صحبت کردیم اما برای مرور مجدد برخی از مواردی که باید در طراحی فروشگاه اینترنتی با ووکامرس بدانیم را از نگاه می‌گذرانیم:

  • ووکامرس یک افزونه کاملا رایگان است. یعنی دقیقا از مادر خود یعنی وردپرس تبعیت کرده و رایگان در اختیار افراد قرار می‌گیرد.
  • افزونه‌ای محبوب و مورد قبول افراد است.
  • این افزونه دارای امکانات غنی و کاملی است.
  • می‌توانید آن را بدون کمک شخص دیگر، تنظیم کنید.
  • به راحتی و به سرعت قابل اجرا و پیکربندی است.
  • با هر قالب استانداردی سازگار است.

با ووکامرس چه محصولات یا خدماتی را می‌توان به فروش رساند؟

موارد زیادی مانند:

  • فروش محصولات دیجیتالی مثل نرم‌افزار، کتاب الکترونیکی و…
  • محصولات فیزیکی
  • خدمات (ارائه خدمات هاست و دامنه)
  • سیستم رزرواسیون
  • سیستم همکاری در فروش
  • و…

به راحتی می‌توانید در طراحی فروشگاه اینترنتی با ووکامرس به سود خوبی برسید و هر نوع محصولی که دارید را به راحتی به فروش برسانید.

چگونه با ووکامرس یک فروشگاه اینترنتی راه‌اندازی کنیم؟

هدف این آموزش طراحی فروشگاه اینترنتی با ووکامرس به راحتی و تنها در چند قدم است. می‌خواهیم به شما یاد دهیم که تنها در چند دقیقه یک فروشگاه اینترنتی با کمک وردپرس و ووکامرس پیاده‌سازی کنید. با ما همراه باشید…

قدم ۱: انتخاب نام دامنه و سرویس هاست

host and domain- طراحی فروشگاه اینترنتی با ووکامرس

چه بخواهید یک فروشگاه اینترنتی راه‌اندازی کنید چه یک سایت معمولی باید دو فاکتور انتخاب و ثبت دامنه و انتخاب یک سرویس هاست را حتما در نظر بگیرید. بهتر است از یک سرویس هاست قدرتمند که ترجیحا هاست وردپرس باشد استفاده کنید. همچنین در انتخاب نام دامنه دقت کافی داشته باشید. این نام قرار است از حالا تا همیشه به عنوان اسم وبسایتتان ثبت شود!

قدم ۲: نصب وردپرس (کاملا رایگان)

پس از خرید هاست و ثبت دامنه باید منتظر بمانید طی ۲۴ الی ۴۸ ساعت تنظیم شوند. سپس وردپرس را دریافت کرده و آن را نصب و راه‌اندازی کنید. (می‌توانید از آموزش نصب و راه‌اندازی وردپرس کمک بگیرید.) نصب آن بسیار ساده است و فقط به ۵ دقیقه زمان نیازمند هستید.

قدم ۳: نصب ووکامرس (کاملا رایگان)

همان‌طور که می‌دانید و گفتیم ووکامرس یک افزونه وردپرسی است که در مخزن وردپرس موجود است. آن را دریافت کرده و در مسیر افزونه‌ها نصب کنید. پس از نصب آن نوبت به پیکربندی ووکامرس می‌رسد که پیشنهاد می‌کنم آن را مطابق با آموزش نصب و راه‌اندازی فروشگاه اینترنتی با ووکامرس انجام دهید.
برگه‌هایی که در طراحی فروشگاه اینترنتی با ووکامرس ضروری است عبارت است از:

  • برگه فروشگاه: جایی است که محصولات شما همگی در آن قرار گرفته و نمایش داده می‌شوند.
  • برگه سبد خرید: زمانی که مشتری محصولی را انتخاب می‌کند، اول به این برگه منتقل شده و سپس به سمت مراحل تکمیلی می‌رود.
  • برگه صورتحساب: در این برگه مشتری مشخصات و نوع پرداخت و دریافت کالا را مشخص می‌کند و سپس به سمت درگاه بانک هدایت می‌شود.
  • برگه حساب کاربری: نوعی پروفایل کاربری است که مشتری جهت خرید در سایت شما عضو می‌شود.

تمامی گزینه‌هایی که در بالا نام بردیم در طراحی فروشگاه اینترنتی با ووکامرس کاملا ضروری است و باید موجود باشند. خوشبختانه تمامی آن‌ها پس از نصب ووکامرس در قسمت برگه‌ها ایجاد می‌شوند.

قدم ۴: افزودن اولین محصول

محصول شما هر آنچه هست (فیزیکی یا مجازی) باید به فروشگاه اضافه شود. طبیعتا طراحی فروشگاه اینترنتی با ووکامرس را برای اضافه کردن محصول و فروش آن انجام داده‌اید. برای این منظور در ووکامرس به راحتی می‌توانید از بخش محصولات، محصول مورد نظر را اضافه کنید. نحوه افزودن محصول در ووکامرس را قبلا برایتان توضیح داده‌ایم.

قدم ۵: انتخاب قالب مناسب برای فروشگاه اینترنتی (کاملا رایگان)

حتما الان از خود می‌پرسید چرا قبل از اینکه قالب فروشگاهی وردپرس را انتخاب و نصب کنیم، محصول اضافه کردیم! کاملا واضح است. زمانی که شما هیچ محصولی نداشته باشید نمی‌توانید قالبی را که نصب می‌کنید درست مشاهده کنید. مثلا هر قالبی برای صفحه محصولات به گونه‌ای طراحی شده یا هر بخش آن به شکل خاصی است پس پیشنهاد می‌شود اول با همان قالب پیش‌فرض محصولاتی را اضافه کنید و سپس قالب مورد نظر را نصب نمایید.

تفاوت قالب ووکامرس با قالب معمولی

بصورت پیش‌فرض ووکامرس با تمامی قالب‌های وردپرس استاندارد سازگار است. این یک خبر فوق‌العاده است! مخصوصا زمانی که شما از قبل یک قالب داشته‌ و حال می‌خواهید فروشگاه اینترنتی را بر روی آن نصب کنید. اما چنانچه بخواهید قالب فروشگاهی انتخاب کنید نیز می‌توانید برای طراحی فروشگاه اینترنتی با ووکامرس از قالب‌های رایگان و پرمیوم فروشگاهی بهره‌مند شوید.

woocommerce theme - طراحی فروشگاه اینترنتی با ووکامرس

اگر می‌خواهید خودتان قالب ووکامرسی مدنظر خود را طراحی کنید باید اصولی را در طراحی فروشگاه اینترنتی با ووکامرس در نظر بگیرید:

  • طرح شما باید کاملا واضح باشد که نه شما را نه مشتریان را گیج کند.
  • بخشی برای محتوای محصولات و محتوای بلاگ باید در نظر بگیرید.
  • حتما به فکر ساخت یک سایدبار باشید. این سایدبار می‌تواند امکان دسترسی‌های سریع را برای مشتریان فراهم کند.
  • کاملا واکنش‌گرا و موبایل دوست باشد. کاربران موبایلی خود را فراموش نکنید!
  • از فهرست ساده و مشخصی استفاده کنید.

برگه فروشگاه اینترنتی

در طراحی فروشگاه اینترنتی با ووکامرس باید حتما برگه مربوط به فروشگاه را در نظر گرفت. در واقع این برگه جایی است که تمامی محصولات شما در آن لیست می‌شود و در آدرس http://yoursite.com/shop یافت می‌شود. این صفحه را در بخش برگه‌ها در پیشخوان وردپرس می‌توان ویرایش کرد.

قدم ۶: توسعه فروشگاه ووکامرسی

woo plugins- طراحی فروشگاه اینترنتی با ووکامرس

برای ووکامرس تعداد بی‌شماری افزونه ایجاد شده که به کامل شدن آن کمک می‌کند. اما بی هوا نمی‌توان هر افزونه‌ای را نصب کرد، بلکه باید دقیقا همان مواردی که مورد نیاز در طراحی فروشگاه اینترنتی با ووکامرس است در نظر گرفت. منابع رایگان و پرمیموم متعددی برای افزونه‌ها موجود است که می‌توانید برای تهیه افزونه‌ها به آن‌ها رجوع کنید. افزونه‌های رایگان را حتما از مخزن وردپرس دانلود کنید و برای تهیه افزونه‌های حرفه‌ای نیز ژاکت را پیشنهاد می‌کنیم.

نتیجه گیری

اگر می‌خواهید کسب و کارتان را راه‌اندازی کنید، حتما یک فروشگاه اینترنتی را در نظر داشته باشید. طراحی فروشگاه اینترنتی با ووکامرس کار ساده‌ای است و به کمک چند مرحله بسیار ساده می‌توانید خودتان یک سایت تجاری درست کنید و به کسب درآمد از آن مشغول شوید.

راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) کانال تلگرام همیار وردپرس

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

۲۶۷,۳۵۸ نفر

دیدگاهتان را بنویسید

دیدگاه‌های این نوشته جدید شاخص

  1. 3 سال عضو همیار وردپرس

    سلام
    ممنون از سایت خوبتون
    قالب رو نصب کردم و ویرایش هم شده فقط چند تا سئوال:
    ۱- چطور می توانم هدر سایت رو عوض کنم منظورم همون boemia shop اول صفحه
    ۲- نوشته پائین سایت رو چطور می تونم ویرایش کنم ؟Powered by Your Inspiration Themes
    ایا امکان ویرایش این موارد بدون کد نویسی در این قالب وجود داره؟

  2. 3 سال عضو همیار وردپرس

    سلام
    وقتتون بخیر و خداقوت
    جسارتا میخواستم ببینم چطور میشه یه صفحه تو ووکامرس داشت که همه محصولاتی که برا فروش ویژه قرار داده شده رو اونجا ببینیم؟
    که بعد تو صفحه اصلی سایت اونه لینک بدیم، مثلا مثل تخفیف امروز یا پیشنهاد ویژه امروز و یا …
    ممنون

  3. سلام.
    خسته نباشید. ممنون از آموزش های خوبتون.
    من می خوام روی سایت ووکامورس نصب کنم. اما فکر می کنم بعضی از قسمت های قالب چندان با ووکامرس هماهنگ نیست.
    به ظر شما بهتره یه قالب ویژه ووکمامرس رو توی یه وردپرس جدا توی یه پوشه جدا نصب کنم؟ مثلا:
    http://www.mysite.com/shop

  4. سلام
    ببخشید من وقتی قالب boemia رو نصب میکنم دسترسیم به کنترل پنل سایت از بین میره یعنی وقتی به آخر اسم سایت wp-admin/ رو اضافه میکنم چیزی باز نمیشه و وقتی قالب رو از هاستم پاک میکنم اونوقت مشکل برطرف میشه
    بنظرتون مشکل چی میتونه باشه؟

  5. سلام خیلی خیلی از آموزشهای خوبتون ممنون
    میخاستم یک ستونی مثلا در سمت چپ ایجاد کنم به عنوان آخرین اخبار و یه سری مطالب رو خودم توش بذارم
    امکان چنین کاری هست؟

    • 5 سال عضو همیار وردپرس

      سلام
      برای قالب boemia؟

    • سلام و عرض احترام
      من دنبال یه قالب هستم که بتونم تقریبا چیزی مشابه با این سایت پیاده سازی کنم http://maktabestan.ir
      این قالبهای فروشگاهی بد نیستن اما آیکون سبد خرید نمیخام تو صفحه اول باشه. میخام وقتی کاربر رو هر موضوع یا محصولی کلیک کرد وارد جزییات محصول بشه و اونجا اگر غیر رایگان هست به درگاه وصل بشه و اگرم رایگانه همونجا بتونه دانلود کنه.
      ضمنا بخش دسته بندی محصولات هم داشته باشه. یعنی مثلا وقتی روی منوی کنکور -> ریاضی کلیک کرد کل محصولات این دسته نمایش داده بشه و با ووکامرس هم سازگار باشه
      چنین قالبی سراغ دارین بهم معرفی کنین؟ رایگان یا غیر رایگان اشکال نداره

    • 5 سال عضو همیار وردپرس

      سلام
      این موارد رو در بخش پرسش و پاسخ مطرح کنید تا دوستان رسیدگی کنند.

  6. با سلام وقت بخیر. من یه راهنمایی می خواستم.
    محصولاتی که داخل سایتم می ذارم زیر محصول افزودن به سبد خرید میاد اما وقتی افزودن رو میزنی و اضافه می کنی به سبد خرید مستقیم به سبد خرید نمیره. باید از بالای صفحه سبد خرید و انتخاب کرد. میخاستم ببینم چطوری میشه این مشکل رو حل کرد؟ممنون

  7. با سلام ووقت بخیر. روی سایت من این پیام میاد”این یک وبسایت دمو است و با هدف تست ساخته شده است، هیچ‌یک از محصولات موجود در سایت برای فروش نبوده و امکان خرید از این وبسایت وجود ندارد.” چطوری می تونم این پیام رو حذف کنم؟

  8. پرونده فرستاده شده بزرگ‌تر از upload_max_filesize در php.ini است
    چرا این پیغام رو میده موقع نصب؟؟؟؟

  9. سلام
    من فروشگاه درست کردم ولی یه مشکلی داره
    وقتی وارد تسویه حساب میشیم
    میخوام تسویه کنم
    میره تو زرین پال وقتی خرید کامل میشه
    بر میگرده تو سایت من
    به جای اینکه بگه با موفقیت انجام شد
    مینویسه

  10. سلام
    من وقتی یه قالب اختصاصی میزارم تو فروشگاه صغحه اصلیش فروشگاهی نیست واسه پست گزاشتنه
    ولی وقتی /shop میزنم وارد صفحه فروشگاهی میشه
    میشه لگید چه جوری میتونم
    http://shop.learn-dota.ir/
    رو قالب اصلیشو فروشگاهی کنم ؟؟
    یعنی مثل این باشه
    http://shop.learn-dota.ir/shop/

  11. درود
    تو قسمت سربرگ سایتم ؛ برگه ی ( خانه) یا همون( صفحه اول )نیست . کلی تو تنظیمات گشتم اما نمیتونم درستش کنم که بیاد !! راهینمایی کنید لطفا

  12. درود
    من کد ابزار تست ریسپانسو بودن قالب در پیشنمایش شمارو کپی برداری کردم فقط میخام قبل از استفاده ازتون اجازه بگیرم که ایا اجازه دارم ازش استفاده کنم تو فروشگاهم یا نه تا وقتی که اجازه نگیردم ازتون استفادش نمیکنم اگرم اجازه ندادید حذف میکنم باتشکر از سایت خوبتون

  13. سلام، خسته نباشید . . .
    در صورت امکان آموزش قالب xmarket هم بزارین . . .
    ممنون . . .
    موفق باشید . . .

  14. سلام
    شاید ربطی به موضوع نداشته باشه :
    برای محصولاتم بیشتر از یک تصویر قرار دادم و تنظیم کردم که در لایت باکس بازبشن اما فقط تصویری که تو قسمت تصویر محصول (عکسی که اول نشون داده میشه) رو روش کلیک می کنیم تو لایت باکس نشون داده میشه و عکسهای دیگه تو لایت باکس باز نمیشه جدا تو صفحه تکی لود میشه!
    این مشکل از چیه چجوری رفع میشه؟؟

  15. 3 سال عضو همیار وردپرس

    باسلام
    چرا وقتی میخوام فایلشو آپاود کنم میگه فضا کمه…؟

    • 5 سال عضو همیار وردپرس

      با احترام
      قالب را به صورت دستی در پوشه wp-content/themes اپلود و از حالت فشرده خارج کنید.بعد از وردپرس قالب رو فعال کنید.

  16. سلام
    از چه راهی میتوان متوجه شد یک سایت را به چه روشی طراحی شده ؟وردپرس بوده با خیر؟

    • به سایت http://www.isitwp.com مراجعه کنید و در اونجا اسم سایت مورد نظرتون رو در داخل باکس مخصوصش تایپ کنید سپس اینتر کنید اونجا به شما میگه که اون سایت وردپرسی هست یا خیر

  17. 4 سال عضو همیار وردپرس

    با سلام جدیدا وب سایتی رو آپلود کردم به نام beraniko.com اما وقتی با ابزار webpagetest.net حجم صفحه رو بررسی می کنم نزدیک به ۴ مگ می باشد که بیشتر این حجم مربوط به css , js هستش . می خواستم لطفا کمک کنید که حجم صفحه ی اول سایتم تا ۱٫۸ پائین بیارم . اگه به طور تخصصی بخواهید به این مشکل من بپردازید هزینه ی رفع اشکال سایتم رو پرداخت خواهم کرد . متشکرم

  18. 3 سال عضو همیار وردپرس

    با سلام
    در اموزش نینجا ۹ در قسمت ساخت محصولات . به علامتی اشاره شده بود که شکل زنبیل داشت ولی در نگارش های جدید وردپرس این علامت وجود نذارد
    راهکار چیست؟

  19. با سلام من از پوسته آکادمی استفاده میکنم توی وب سایت خودم میخوام توی صفحه اصلی اگه سایت را ببینید میخوام دکمه خرید ووکامرس را به خود الوگی پیش فرض قالب اضافه کنم میشه یه توضیح بدین ممنون میشم

  20. سلام
    چطور می تونم لوگوی این قالب رو با استفاده از روشی که در اموزش وردپرس داده شده یعنی با کدهای زیر تغییر بدم؟

    if ( function_exists( ‘add_theme_support’ ) ) {
    add_theme_support( ‘post-thumbnails’ );
    }
    if (function_exists(‘add_image_size’)){
    add_image_size( ‘hamyarwp’, 70, 75,true);
    add_image_size( ‘atlasnegar’, 142, 94,true);
    }

    in theme :

مطالب زیر را حتما بخوانید

محبوبترین‌های آموزش آنلاین

  • دوره ۱۳ جامع وبمستران هوشمند

    ۶.۸ میلیون تومان
    ساخت کسب‌و‌کار اینترنتی امروزه یکی از اساسی‌ترین کارها برای ایجاد یا توسعه درآمدزایی میباشد. هر ایده‌ای که دارید میتوانید آنلاین در فضای اینترنتی راه اندازی نمایید فقط کافیست که بخواهید. یا اگر چندین سال...
  • دوره جامع آپ استارتاپ

    ۵.۸ میلیون تومان ۴.۱ میلیون تومان
      تمام بیلبوردهای شهر پر شده از تبلیغات کسب‌و‌کارهای آنلاین یا همان استارتاپ‌ها. استارتاپی‌هایی برای درخواست تاکسی، سفارش غذا، تعمیرات خودرو در محل، کارواش و حتی خشکشویی آنلاین! نمی توان انکار کرد که...
  • دوره جامع ۰ تا ۱۰۰ آموزش طراحی سایت و آموزش طراحی فروشگاه اینترنتی

    ۱.۹ میلیون تومان
    آموزش صفر تا صد دوره طراحی سایت یاد میدهد به شما که چگونه یک طرح گرافیکی بزنید‌‌‌‌‌‌ ،‌کد نویسی کنید و یاد بگیرید که چگونه آن را تبدیل به قالب وردپرس و ووکامرس کنید .با این آموزش میتوانید ،هر نوع سایت خبری و...
مشاهده همه آموزش‌های آنلاین