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

کدهای کوتاه در ووکامرس

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

کدهای کوتاه در ووکامرس

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

افزونه WooCommerce Shortcodes

woocommerce shortcode- کدهای کوتاه در ووکامرس

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

نصب و راه‌اندازی افزونه

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

add shortcode hamyarwp- کدهای کوتاه در ووکامرس

همانطور که در تصویر بالا ملاحظه می‌کنید دکمه‌ای با عنوان “woocommerce” در ویرایشگر وردپرس اضافه شده است که تمامی شورت کدهای ووکامرسی را در خود دارد.

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

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

Price/Card button

برای این کار می‌توانیم از دکمه ووکامرس موجود در ویرایشگر، دکمه خرید یا گزینه ی Price/Card button را اضافه کنیم.

price button hamyarwp- کدهای کوتاه در ووکامرس

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

ID hamyarwp- کدهای کوتاه در ووکامرس

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

نکته!!! آیدی محصول شما در بخش محصولات مشخص شده است.

product id hamyarwp- کدهای کوتاه در ووکامرس

با نگه داشتن ماوس بر روی هر محصول، آیدی آن مشخص خواهد شد.
می توانید آی دی محصول مورد نظر را در قسمت ID وارد کنید و سپس مشاهده خواهید کرد که کد محصول شما در شورت کد قابل ملاحظه است.

add to code hamyarwp-کدهای کوتاه در ووکامرس

کد محصول مورد نظر من 10 بود و همانطور که می‌بینید در کدهای کوتاه در ووکامرس موجود است. حال با هم برگه را مشاهده می‌کنیم ببینیم این شورت کد به چه صورت نمایش داده می‌شود.

add to page hamyarwp-کدهای کوتاه در ووکامرس

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

List

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

lists hamyarwp-کدهای کوتاه در ووکامرس

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

نتیجه گیری

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

دانلود افزونه WooCommerce Shortcodes

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

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

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

330,813 نفر

پاسخی بگذارید

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

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

    با سلام
    در صفحه این افزونه اعلام شده
    این افزونه با آخرین 3 نسخه اصلی وردپرس آزمایش نشده است. این ممکن است دیگر حفظ یا پشتیبانی نشود و ممکن است هنگام استفاده از نسخه های جدیدتر وردپرس دارای مشکلات سازگاری باشد.
    این مورد مشکلی ایجاد نمی کند؟

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

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

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

    سلام
    من یک قالب خریداری کردم ولی میخوام متن بعضی از صفحات پیش فرض قالب رو ویرایش کنم چون با محتوای سایت من همخوانی نداره
    مثلا صفحه اکانت رو میخوام ویرایش کنم که البته با ویژوال کامپوزر این امکان رو به من نمیده و نمیزاره تا ویرایش کنم همچنین در قسمت متن هم فقط یک کد هست بنام [woocommerce_my_account] که بازم نمیشه ادیت کرد
    حالا نمیدونم متن قسمت اکانت رو که به کاربرا نمایش میده چطوری ویرایش کنم
    اگه کمکم کنید خیلی ممنون میشم 🙂

  4. سلام. من برای فروشگاه خودم یک افزونه‌ی پیامک دانلود کردم. ولی میخوام نوع پرداخت (نقدی ارسال توسط پیک و پرداخت آنلاین) رو هم برام پیامک کنه. در این زمینه شورت کدی هست تا وارد کنم؟
    ممنون

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

    من وقتی add to cart انتخاب میکنم بجای دکمه اضافه به سبد، آدرس سایت میاد!! اینجوری مثلا:

  6. افزونه خیلی خوبیه. فقط 2 سال از بروزرسانیش گذشته و به نظرم جالب نیست ازش استفاده کنیم. افزونه جدیدتری نیست؟

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

  8. سلام خسته نباشین
    ببخشید من میخواستم توی یکی از برگه هایی که دارم یه فایل php رو فراخوانی کنم که با
    iframe
    فراخوانیش کردم اون فایل php رو
    توی فایل php هم این متن رو نوشتم

    که سبد خرید فراخوانی کردم
    اما هیچی نشون نمیده. هیچ اتفاقی نمیفته. دلیلش چی میتونه باشه؟

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

    درود
    چرا برای ووکامرس آموزش جامع ویدیویی ندارید ؟

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

    سلام . متشکرم از سایت خوبتون . ممنون میشم در مورد این افزونه هم در سایتتون مطلبی قرار بدین متشکرم SafirCOD

  11. از اینکه این مطلب را با ما به اشتراک گذاشتید خیلی ممنونم.

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

    با سلام
    من میخواهم در صفحه checkoutتغییراتی انجام دهم مثلا یک عنوانی را تغییر دهم و یا اینکه در سایت فروشگاهی ما یک امکانی وجود دارد که کاربر میتواند به اضای خریدش چهار تا اشانتیون ازمحصولات دیگه انتخاب کند حالا من میخواهم این ویژگی را محدود کنم به طوری که برای خرید های بالای ۵۰۰۰۰ تومان این امکان نمایش داده شود.ممنون میشم راهنماییم کنید .
    با تشکر

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

      با احترام فعلا افزونه رایگانی برای این کار(که خوب کار کنه) پیدا نکردم اما اگر بخواهید تیم طراحی همیار وردپرس می توانند برای شما این کار را انجام دهند
      می توانید با ایمیل [email protected] با تیم طراحی همیار وردپرس مکاتبه کنید.

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

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

    • سلام.من هم مشکل این دوستمون رو دارم.سایتم فارسیه زبانش.ووکامرس هم فارسیه.اما این کدکوتاه که نصب میکنم فارسی نیست زبانش

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

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

  14. با سلام
    برای من مشکلی نداره،فقط اینکه چطوری می شه رنگ طوسی دکمه ها را درکل پلاگین و یا در همین مورد عوض کرد؟
    مثلا سبز و یا قرمز و آبی کرد مانند ایزی دیجیتال که خودش دکمه های مختلفی دارد.من که هر چی گشتم داخل css انها برای تغییر رنگ دکمه چیزی ندیدم
    مانند رنگ همین “فرستادن دیدگاه” پایین
    راهنمایی فرمایید
    با تشکر

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

      با سلام CSS ووکامرس یا برای قالب هست یا برای افزونه.اول باید ببینید برای کجا هست بعد ادرس CSS پیدا بشه و در نهایت هم تغییر بدید.البته با بروزرسانی این تغییرات حذف میشه.

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

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

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

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

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

      با سلام پس با یکی از افزونه های شما تداخل داره دونه دونه افزونه ها رو قطع و وصل کنید تا ببینید مشکل با کدوم افزونه است.

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

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

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

  18. خیلی خوب بود
    مرسی ♥

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

دوره‌های آموزشی