راهنمای کامل شورت کد ووکامرس

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

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

کدهای کوتاه یا شورت کد ووکامرس چیست؟

شورت کد در سال ۲۰۰۸ در وردپرس ۲.۵ معرفی شدند. آن‌ها به‌عنوان متغیرهایی عمل می‌کنند که به وردپرس می‌گویند یک عملکرد خاص را اجرا کند یا محتوای خاصی را به صورت پویا نمایش دهد.
به عنوان مثال، به جای کدنویسی دستی یک شبکه محصول پیچیده، می توانید از یک کد کوتاه برای ایجاد و نمایش آنی آن در وب سایت استفاده کنید که باعث صرفه جویی در زمان و کاهش احتمال خطا شده و نگهداری و به روز رسانی سایت را آسان تر می‌کند.

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

هاست وردپرس با وب سرور محبوب لایت اسپید و کش لایت اسپید باعث می‌شود تا سرعت لود فوق العاده‌ای را تجربه کنید.

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

شروع کار با شورت کد در ووکامرس

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

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

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

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

سینتکس اصلی کدهای کوتاه

شورت کد ووکامرس اغلب دارای ویژگی‌های اضافی برای سفارشی کردن خروجی خود است. در اینجا ساختار اصلی آمده است:

[shortcode attribute1="value1" attribute2="value2"]

برای مثال، کد کوتاه [products limit=”4″ columns=”2″] چهار محصول را در یک طرح دو ستونی نمایش می دهد.

نحوه اضافه کردن کد کوتاه در نوشته‌ها، برگه‌ و ابزارک‌ها

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

برای این راهنما، بیایید از گوتنبرگ استفاده کنیم:

1.  به نوشته‌ها یا برگه‌ها در پیشخوان وردپرس بروید.
2. نوشته یا برگه‌ای را که می خواهید کد کوتاه را در آن اضافه کنید باز کنید.
3. برای افزودن یک بلوک جدید روی نماد + کلیک کنید.
4. بلوک Shortcode را جستجو و انتخاب کنید.
5. کد کوتاه خود را در بلوک قرار دهید.

به عنوان مثال، فرض کنید می خواهید شبکه‌ای از آخرین محصولات خود را در صفحه اصلی خود نمایش دهید. با استفاده از ویرایشگر بلوک، کد کوتاه را وارد کنید: [products limit=”3″ columns=”3″] و صفحه خود را به‌روزرسانی یا منتشر کنید.

این یک شبکه با سه محصول نمایش داده شده در یک ستون ایجاد می‌کند و روشی پویا و جذاب برای نمایش آخرین پیشنهادات شما ارائه می دهد.

همچنین می‌توانید با رفتن به نمایش > ابزارک، کدهای کوتاه به ویجت‌ها اضافه کنید. یک ویجت متنی را به قسمت ویجت مورد نظر خود (نوار کناری، پاورقی و غیره) اضافه کنید. کد کوتاه خود را در کادر متنی داخل ویجت وارد کرده و ویجت را ذخیره کنید.

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

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

بیایید ضروری‌ترین شورت کد ووکامرس، ویژگی‌های آن‌ها و مثال‌های دقیق را بررسی کنیم تا به شما در استفاده مؤثر از آن‌ها در فروشگاه خود کمک کنیم.

کدهای کوتاه نمایش محصولات

کد کوتاه [products] یکی از همه کاره ترین کدهای کوتاه ووکامرس است که به شما امکان می‎دهد لیستی از محصولات را بر اساس معیارهای مختلف نمایش دهید.

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

•  limit – تعداد محصولات برای نمایش. پیش فرض -۱ است (نمایش همه).
• columns – تعداد ستون ها. پیش فرض۴ است.
• orderby – محصولات را با معیارهای خاصی مانند تاریخ، عنوان، قیمت، محبوبیت و غیره سفارش دهید.
• order – سفارش محصولات. می تواند ASC (صعودی) یا DESC (نزولی) باشد.
• category – شعار (slug) دسته محصول.
• tag – شعار (slug) برچسب محصول.
• paginate – صفحه بندی را فعال می کند. می تواند true یا false باشد. پیش فرض false است.

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

[products limit="8" columns="4" orderby="date" order="DESC"]

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

[products limit="8" columns="4" orderby="date" order="DESC" paginate="true"]

همچنین ممکن است بخواهید محصولاتی را از یک دسته خاص نمایش دهید. ویژگی category به شما این امکان را می دهد. کد کوتاه زیر شش محصول از دسته accessories را در یک طرح سه ستونی نشان می‌دهد:

[products category="accessories" limit="6" columns="3"]

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

کد کوتاه [product] همچنین می‌تواند برای نمایش یک محصول واحد بر اساس شناسه یا SKU با افزودن ویژگی id یا sku استفاده شود. به عنوان مثال، کد کوتاه زیر محصول را با شناسه ۲۲ نمایش می دهد.

[product id="22"]

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

اگر می خواهید بیش از یک محصول را به صورت انتخابی نمایش دهید، می توانید از ویژگی‌های ids و skus استفاده کنید.

[products columns="3" ids="22,35,26"]

این کد کوتاه محصولات با شناسه های ۲۲، ۳۵ و ۲۶ را نمایش می دهد.

کد کوتاه دیگری که ممکن است به آن نیاز داشته باشید، کد کوتاه [product_page] است. این کد کوتاه شبیه به [product] است اما کل صفحه محصول، از جمله برگه‌ها، محصولات مرتبط و نظرات را نمایش می‌دهد. به عنوان مثال، بیایید صفحه کامل محصول را برای محصول با شناسه ۲۲ نمایش دهیم.

[product_page id="22"]

این می تواند برای بخش محصول ویژگی در یک برگه یا نوشته مفید باشد.

شما همچنین به ویژگی cat_operator دسترسی دارید که به شما امکان می‌دهد نحوه فیلتر کردن محصولات را بر اساس دسته‌ها کنترل کنید. گزینه های موجود برای این ویژگی عبارتند از:

• AND – محصولات را در دسته بندی‌های انتخابی نمایش دهید.
• IN – نمایش محصولات متعلق به هر دسته انتخابی (مقدار پیش فرض).
• NOT IN – محصولاتی که به دسته‌های انتخابی تعلق ندارند را نمایش دهید.

برای مثال، اگر می‌خواهید محصولاتی را در دسته‌های «پوشاک» و «لوازم جانبی» نمایش دهید، می‌توانید از عملگر AND استفاده کنید:

[products category="clothing, accessories" cat_operator="AND"]

شما همچنین می توانید محصولات را از یک دسته خاص با عملگر NOT In حذف کنید. به عنوان مثال، اگر می خواهید همه محصولات را به جز محصولاتی که در دسته “لباس” قرار دارند نمایش دهید.

[products category="clothing" cat_operator="NOT IN"]

کدهای کوتاه سبد خرید و پرداخت

ووکامرس کد کوتاه خاصی را برای صفحات تجارت الکترونیک ضروری مانند سبد خرید، پرداخت و حساب کاربری ارائه می دهد.

به عنوان مثال، کد کوتاه [woocommerce_cart] می تواند صفحه سبد خرید، شامل تمام اقلام سبد خرید، مقادیر و قیمت کل را نمایش دهد.

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

به طور مشابه، کد کوتاه [woocommerce_checkout] صفحه پرداخت را نشان می‌دهد که در آن مشتریان می توانند جزئیات صورتحساب و حمل و نقل خود را وارد کرده و سفارشات خود را ثبت کنند.

این کد کوتاه باید در صفحه تعیین شده به عنوان صفحه پرداخت شما قرار گیرد.

از کد کوتاه [woocommerce_my_account] می‌توان برای نمایش حساب کاربر، از جمله بخش‌هایی برای سفارش‌ها، دانلودها، آدرس‌ها و جزئیات حساب استفاده کرد.

در نهایت، کد کوتاه [woocommerce_order_tracking] به شما کمک می کند فرمی را نمایش دهید که در آن مشتریان می توانند شناسه سفارش و ایمیل خود را وارد کنند تا سفارشات خود را پیگیری کنند.

این کد کوتاه را می توان در هر صفحه ای که می خواهید مشتریان سفارشات خود را پیگیری کنند قرار داده شود.

کد کوتاه دسته بندی محصولات

وقتی می‌خواهید فهرست یا شبکه‌ای از دسته‌های محصول را نمایش دهید، می‌توانید از کد کوتاه [product_categories] استفاده کنید. دارای ویژگی های زیر است که می توان از آنها برای شخصی سازی ظاهر آن استفاده کرد:

• number – تعداد دسته‌هایی که باید نمایش داده شوند.
• columns – تعداد ستون‌ها.
• orderby – دسته‌ها را بر اساس معیارهای خاص مرتب کنید.
• order – ترتیب دسته ها. می تواند ASC یا DESC باشد.
• hide_empty – دسته های خالی را پنهان کنید. می تواند ۱ (true) یا ۰ (false) باشد.

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

[product_categories number="12" columns="4" orderby="name" order="ASC"]

این کد کوتاه ۱۲ دسته محصول را در یک شبکه چهار ستونی نمایش می دهد که بر اساس نام به ترتیب صعودی مرتب شده اند.

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

به همین ترتیب، اگر می‌خواهید محصولاتی از یک دسته خاص نمایش دهید، می‌توانید از کد کوتاه [product_category] استفاده کنید. این یک ویژگی per_page را می پذیرد، که تعداد محصولات برای نمایش در هر صفحه را مشخص می کند. همچنین category را می پذیرد تا دسته بندی محصول و ستون ها را برای تعداد ستون ها مشخص کند.

به عنوان مثال، این کد کوتاه هشت محصول از دسته “پوشاک” را در یک طرح چهار ستونی نمایش می دهد.

[product_category category="clothing" per_page="8" columns="4"]

کدهای کوتاه پیشرفته ووکامرس

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

سفارشی کردن نمایش محصول

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

در اینجا چند ویژگی دیگر وجود دارد که می توانید از آنها استفاده کنید:

• on_sale – آیا برای نمایش محصولات در حال فروش. true یا false
• best_selling — آیا برای نمایش محصولات پرفروش. true یا false
• top_rated — آیا برای نمایش محصولات دارای رتبه برتر. true یا false

با این کار می توانید محصولات در حال فروش را به نمایش بگذارید.

[products on_sale="true" limit="8" columns="4"]

همچنین می توانید محصولات پرفروش را در یک دسته با استفاده از کد کوتاه زیر نمایش دهید:

[products category="accessories" best_selling="true" limit="6" columns="3"]

این کد کوتاه شش محصول پرفروش را از دسته “لوازم جانبی” در یک طرح ۳ ستونی نشان می دهد.

کدهای کوتاه برای موارد استفاده خاص

شورت کد ووکامرس را می توان برای پاسخگویی به موارد استفاده خاص طراحی کرد و محتوای پویا را بر اساس معیارهای مختلف ارائه کرد. به عنوان مثال، کد کوتاه [recent_products] را می توان برای نمایش محصولات تازه اضافه شده به فروشگاه استفاده کرد.

این کد کوتاه پنج محصول جدید اضافه شده را در یک طرح پنج ستونی نمایش می دهد.

[recent_products limit="5" columns="5"]

به طور مشابه، کد کوتاه [featured_products] را می توان برای نمایش محصولاتی که در فروشگاه ووکامرس علامت گذاری شده‌اند استفاده کرد.

این کد کوتاه شش محصول برجسته را در یک طرح سه ستونی نمایش می دهد.

[featured_products limit="6" columns="3"]

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

فرض کنید در حال فروش برای برخی از محصولات خاص هستید. می‌توانید از کد کوتاه [sale_products] برای نمایش محصولات در حال فروش استفاده کنید.

[sale_products limit="8" columns="3"]

برای تعیین قیمت فروش برای محصولات خود، به محصولات > همه محصولات بروید و روی موردی که می‌خواهید با تخفیف ارائه دهید کلیک کرده و به قسمت Product data بروید.

اگر مقداری را در قسمت Sale Price ($) وارد کنید، این قیمتی است که بازدیدکنندگان در قسمت فرانت فروشگاه می‌بینند. این فیلد مقدار قیمت معمولی ($) را لغو می کند. اگر میزبان فروش نیستید، آن قسمت را خالی بگذارید تا محصولات را تخفیف ندهید.

اگر افزونه ای دارید که به شما در راه اندازی محصولات پرفروش کمک می کند، می توانید از کد کوتاه [best_selling_products] نیز برای نمایش محصولات پرفروش در فروشگاه WooCommerce خود استفاده کنید.

[best_selling_products limit="10" columns="4"]

کد کوتاه [top_rated_products] همچنین می تواند محصولات دارای رتبه برتر را در فروشگاه WooCommerce شما نمایش دهد.

[top_rated_products limit="4" columns="2"]

جمع بندی

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