راهنمای جامع شورت‌کدهای ووکامرس + چیت شیت ووکامرس + پادکست صوتی

خلاصه صوتی و چیت شیت(Cheat Sheet) کدهای کوتاه ووکامرس

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

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

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

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

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

اما پیش از آن، بیایید ببینیم شورت‌کد چیست و چرا تا این اندازه مهم است.

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

شورت‌کدها (Shortcodes) اولین بار در نسخه ۲.۵ وردپرس در سال ۲۰۰۸ معرفی شدند. این کدهای کوچک که درون براکت مربعی مانند [ shortcode ] قرار می‌گیرند، به شما اجازه می‌دهند تا بدون نیاز به دانش برنامه‌نویسی، عملکرد خاصی را به صفحات یا نوشته‌های خود اضافه کنید.

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

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

شروع کار با شورت‌کدهای ووکامرس

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

• [ woocommerce_cart ] برای شورتکد نمایش سبد خرید ووکامرس

• [ woocommerce_checkout ] برای شورتکد نمایش صفحه پرداخت ووکامرس

• [ woocommerce_my_account ] برای نمایش صفحه حساب کاربری

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

ساختار کلی شورت‌کدها

کدهای کوتاه در ووکامرس می‌توانند شامل ویژگی‌هایی (attributes) باشند که نحوه نمایش اطلاعات را کنترل می‌کنند. فرمت کلی به این شکل است:

برای مثال:

در این مثال، چهار محصول در دو ستون نمایش داده می‌شود. این یکی از رایج‌ترین نمونه‌های شورت‌کدهای ووکامرس برای نمایش محصولات است.

نحوه افزودن شورت‌کد به صفحات، پست‌ها و ابزارک‌ها

شما می‌توانید هر کد کوتاه ووکامرس را به راحتی در هر جایی از وردپرس درج کنید:

1. در ویرایشگر گوتنبرگ، کافی است یک بلوک “Shortcode” اضافه کرده و شورت‌کد دلخواه خود را وارد کنید.

2. در صفحات یا نوشته‌های کلاسیک، فقط کد را در ویرایشگر متنی جایگذاری کنید.
   

3. در ابزارک‌ها نیز می‌توانید با افزودن یک ابزارک متنی، شورت‌کد را در نوار کناری، پاورقی یا سایر نواحی ابزارک‌پذیر وارد نمایید.

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

[ products limit="3" columns="3" ]


 

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

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

آشنایی با شورت‌کدهای ضروری ووکامرس برای نمایش محصولات، سبد خرید و پرداخت

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

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

۱. شورتکد [ products ] برای نمایش لیست محصولات

شورت‌کد [ products ] یکی از پرکاربردترین شورت‌کدهای ووکامرس است که امکان نمایش گروهی از محصولات را بر اساس فیلترهای مختلف فراهم می‌کند. این کد کوتاه، قابلیت‌های زیادی دارد؛ از جمله:

• limit: تعداد محصولات نمایش داده شده (پیش‌فرض: -1، یعنی نمایش همه).

• columns: تعداد ستون‌های نمایش محصول (پیش‌فرض: ۴).

• orderby: مرتب‌سازی محصولات بر اساس فاکتورهایی مثل date، price، popularity و…

• order: ترتیب نمایش (صعودی یا نزولی).

• category: نمایش محصولات یک دسته خاص.

• paginate: فعال‌سازی صفحه‌بندی (true یا false).

مثال:

نمایش ۸ محصول آخر در ۴ ستون با ترتیب نزولی:

برای فعال کردن صفحه‌بندی:

نمایش ۶ محصول از دسته «لوازم جانبی» در قالب سه ستونه:

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


۲. شورت‌کد [ product ] برای نمایش محصول تکی

اگر قصد دارید تنها یک محصول خاص را بر اساس ID یا SKU نمایش دهید، می‌توانید از [ product ] استفاده کنید:

همچنین می‌توانید چند محصول خاص را بر اساس شناسه آن‌ها به صورت انتخابی نمایش دهید:

۳. نمایش صفحه کامل یک محصول با [ product_page ]

برای نمایش تمام جزئیات صفحه یک محصول (از جمله تب توضیحات، بررسی‌ها و محصولات مرتبط) از شورت‌کد زیر استفاده می‌شود:

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

۴. استفاده از cat_operator برای فیلتر پیشرفته دسته‌ها

در شورت‌کد [ products ] می‌توانید با ویژگی cat_operator تعیین کنید که محصولات در چند دسته خاص نمایش داده شوند، یا فقط محصولاتی که به همه دسته‌ها تعلق دارند یا هیچ‌کدام‌شان نیستند:

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

• IN: محصولات موجود در یکی از دسته‌ها (پیش‌فرض).

• NOT IN: محصولاتی که در هیچ‌کدام از دسته‌ها نیستند.

مثال:

۵. شورتکدهای صفحه سبد خرید و پرداخت ووکامرس

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

• شورتکد نمایش سبد خرید ووکامرس:

[ woocommerce_cart ]


• شورتکد نمایش صفحه پرداخت ووکامرس:

[ woocommerce_checkout ]


• شورتکد صفحه حساب کاربری:

• شورتکد پیگیری سفارشات:

استفاده از این شورت‌کدها در صفحات مخصوص (که در تنظیمات ووکامرس تعریف شده‌اند) ضروری است.

۶. نمایش دسته‌بندی‌های محصول با [ product_categories ]

اگر می‌خواهید مجموعه‌ای از دسته‌بندی‌های محصولات را به صورت شبکه‌ای نمایش دهید، شورت‌کد [ product_categories ] مناسب است:

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


همچنین می‌توانید مشخص کنید که دسته‌های خالی نمایش داده نشوند:

۷. نمایش محصولات یک دسته خاص با [ product_category ]

برای نمایش محصولات تنها از یک دسته خاص، می‌توانید از شورت‌کد [ product_category ] استفاده کنید:

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


شورت‌کدهای پیشرفته برای کنترل بیشتر در ووکامرس

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

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

یکی از پرکاربردترین شورت کدهای ووکامرس، [ products ] است که می‌تواند با ویژگی‌های متنوعی تنظیم شود تا محصولات بر اساس معیارهای دلخواه نمایش داده شوند. به عنوان نمونه:

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

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

این کد، شش محصول پرفروش از دسته «لوازم جانبی» را در سه ستون نمایش خواهد داد.

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

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

در همین راستا، برای نمایش محصولاتی که به عنوان ویژه علامت‌گذاری شده‌اند، این شورتکد کاربرد دارد:

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

 

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

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

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

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


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

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

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

جمع‌بندی

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

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