سیستم مدیریت محتواوردپرس

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

معرفی 23 کد کوتاه برای ووکامرس که باید بدانید

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

در اینجا، ما ۲۳ کد کوتاه ووکامرس را به اشتراک خواهیم گذاشت که باید آنها را امتحان کنید!

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

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

آیا آماده هستید تا کارها را با کد های کوتاه ووکامرس پیش ببرید؟

این مقاله ۲۳ کد کوتاه WooCommerce را به شما نشان می دهد که می تواند افزودنی عالی برای فروشگاه آنلاین شما باشد.

اما ابتدا، بیایید ببینیم کدهای کوتاه چیست و چگونه از آنها استفاده کنیم.

کدهای کوتاه یا ShortCodes چیست؟

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

به‌طور پیش‌فرض، ابزارهایی مانند WooCommerce، Easy Digital Downloads و سایر افزونه‌های فرم تماس با کدهای کوتاه داخلی ارائه می‌شوند. این به کاربر کمک می کند تا عناصر سفارشی پشتیبانی شده توسط افزونه را بدون هیچ زحمتی به صفحه/پست یا نوع پست سفارشی وب سایت اضافه کند.

همچنین می توانید کدهای کوتاه سفارشی را با کمی تغییر در هسته کد ایجاد کنید. این به شما کمک می کند عناصر سفارشی را به راحتی نمایش دهید.

چگونه کدهای کوتاه در وردپرس اضافه کنیم؟

افزودن کد کوتاه به وب سایت وردپرس یا فروشگاه WooCommerce شما ساده است. در اینجا نحوه انجام آن آمده است:

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

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

سپس، در یک پاراگراف جدید، کد کوتاه را قرار دهید.

woocommerce shortcodes you need to know 01 - معرفی و بررسی کد های کوتاه ووکامرس

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

نحوه افزودن کد کوتاه با ویرایشگر گوتنبرگ

با استفاده از ویرایشگر گوتنبرگ، می توانید بلوک کد کوتاه را جستجو کنید. پس از وارد شدن به ویرایشگر، /shortcode را جستجو کنید.

woocommerce shortcodes you need to know 02 - معرفی و بررسی کد های کوتاه ووکامرس

وقتی بلوک را پیدا کردید، آن را به پست اضافه کنید.

woocommerce shortcodes you need to know 03 - معرفی و بررسی کد های کوتاه ووکامرس

می‌توانید کد کوتاه را جای‌گذاری کنید و پست را ذخیره کنید (یا به‌روزرسانی کنید).

woocommerce shortcodes you need to know 04 - معرفی و بررسی کد های کوتاه ووکامرس

به طور مشابه، می توانید کدهای کوتاه به CPT، مناطق ویجت و غیره اضافه کنید.

تا اینجا شما یاد گرفته اید که کدهای کوتاه چیست، چرا ایده خوبی هستند و چگونه از آنها استفاده کنید. بخش زیر ۲۳ مورد از بهترین کدهای کوتاه WooCommerce را که باید بدانید را پوشش می دهد.

۱) کد کوتاه نمایش محصولات ووکامرس

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

[products]

woocommerce shortcodes you need to know 05 - معرفی و بررسی کد های کوتاه ووکامرس

همچنین می‌توانید کد کوتاه را با ذکر شناسه‌های سفارشی محصولاتی که باید نمایش دهید، ارتقا دهید. به عنوان مثال، اگر نیاز دارید محصولاتی را نشان دهید که دارای شناسه ۱۰،۱۱،۱۲،۱۳،۱۴ هستند، کد کوتاه را به صورت زیر تغییر دهید:

[products ids="10,11,12,13,14"]

به طور مشابه، شما می توانید کد کوتاه را با توجه به ترجیحات خود تغییر دهید.

۲) کد کوتاه صفحه پرداخت

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

[woocommerce_checkout]

woocommerce shortcodes you need to know 06 - معرفی و بررسی کد های کوتاه ووکامرس

۳) کد کوتاه سبد خرید

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

[woocommerce_cart]

woocommerce shortcodes you need to know 07 - معرفی و بررسی کد های کوتاه ووکامرس

۴) کد کوتاه صفحه حساب کاربری

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

[woocommerce_my_account]

woocommerce shortcodes you need to know 08 - معرفی و بررسی کد های کوتاه ووکامرس

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

۵) کد کوتاه صفحه فروشگاه

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

[products]

قبلاً در مورد آن یاد گرفتیم. اما صبر کنید… موارد بیشتری وجود دارد… در اینجا چند ویژگی وجود دارد که می توانید برای بهبود صفحه فروشگاه خود از آنها استفاده کنید:

  • limit
  • columns
  • orderby
    • date
    • id
    • rand
    • rating
    • title
  • category
  • tag

و غیره.

می‌توانید از این ویژگی‌ها در کد کوتاه محصولات برای قدرتمندتر کردن آن استفاده کنید.

۶) کد کوتاه صفحه ورود

برای نمایش یک صفحه ورود سفارشی ووکامرس، از قطعه PHP که در زیر به آن اشاره کردیم استفاده کنید و آن را در فایل functions.php قالب سلیا خود قرار دهید:

add_shortcode( 'wc_login_form_yay', 'yay_separate_login_form' );
  
function yay_separate_login_form() {
   if ( is_user_logged_in() ) return '<p>You are already logged in</p>'; 
   ob_start();
   do_action( 'woocommerce_before_customer_login_form' );
   woocommerce_login_form( array( 'redirect' => wc_get_page_permalink( 'myaccount' ) ) );
   return ob_get_clean();
}

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

[wc_login_form_yay]

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

add_action( 'template_redirect', 'yay_redirect_login_registration_if_logged_in' ); 
function yay_redirect_login_registration_if_logged_in() { 
 if ( is_page() && is_user_logged_in() && ( has_shortcode( get_the_content(), 'wc_login_form_yay' ) || has_shortcode( get_the_content(), 'wc_reg_form_yay' ) ) ) { 
 wp_safe_redirect( wc_get_page_permalink( 'myaccount' ) ); 
 exit; 
}
}

آن را به فایل functions.php تم خود اضافه کنید و همه چیز آماده به کار است.

۷) کد کوتاه صفحه تشکر از خرید

نمایش صفحه تشکر پس از تکمیل سفارش کاربر راهی عالی برای افزایش تجربه کاربر است. با استفاده از صفحات تشکر سفارشی WooCommerce، می توانید کار را کامل کنید. برای نمایش جزئیات سفارش می توانید از این کد کوتاه استفاده کنید:

[order_detail key=’{KEY}‘]

می توانید {key} را با این ویژگی ها جایگزین کنید.

  • ‘id’
  • ‘order_number’
  • ‘order_date’
  • ‘total’
  • ‘subtotal’
  • ‘payment_method’
  • ‘shipping_method’
  • ‘status’
  • ‘quantity’

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

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

[product_categories]

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

woocommerce shortcodes you need to know 09 - معرفی و بررسی کد های کوتاه ووکامرس

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

۹) کد کوتاه نمایش محصولات بر اساس دسته

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

[product_category category="accessories" per_page="8"]

woocommerce shortcodes you need to know 10 - معرفی و بررسی کد های کوتاه ووکامرس

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

۱۰) کد کوتاه افزودن به سبد خرید

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

[add_to_cart id="11"]

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

woocommerce shortcodes you need to know 11 - معرفی و بررسی کد های کوتاه ووکامرس

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

[add_to_cart_url id="11"]

۱۱) کد کوتاه محصولات ویژه

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

[featured_products]

woocommerce shortcodes you need to know 12 - معرفی و بررسی کد های کوتاه ووکامرس

اما مطمئن شوید که چند محصول را به عنوان محصولات ویژه پیکربندی کرده اید.

woocommerce shortcodes you need to know 13 - معرفی و بررسی کد های کوتاه ووکامرس

۱۲) کد کوتاه فرم پیگیری سفارش

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

[woocommerce_order_tracking]

woocommerce shortcodes you need to know 14 - معرفی و بررسی کد های کوتاه ووکامرس

۱۳) کد کوتاه مینی سبد خرید

به طور پیش فرض، WooCommerce دارای کد کوتاه سبد خرید نیست. اما با کمی کدنویسی می توانیم کار را کامل کنیم.

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

در انتهای فایل functions.php این کد را قرار دهید:

function custom_mini_cart() { 
 echo '<a href="#" class="dropdown-back" data-toggle="dropdown"> '; 
 echo '<i class="fa fa-shopping-cart" aria-hidden="true"></i>'; 
 echo '<div class="basket-item-count" style="display: inline;">'; 
 echo '<span class="cart-items-count count">'; 
 echo WC()->cart->get_cart_contents_count(); 
 echo '</span>'; 
 echo '</div>'; 
 echo '</a>'; 
 echo '<ul class="dropdown-menu dropdown-menu-mini-cart">'; 
 echo '<li> <div class="widget_shopping_cart_content">'; 
 woocommerce_mini_cart(); 
 echo '</div></li></ul>'; 
 } 
add_shortcode( '[custom-yaycommerce-mini-cart]', 'custom_mini_cart' );

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

[custom-yaycommerce-mini-cart]

شما همیشه می توانید سبد خرید خود را با کمی CSS طراحی کنید تا وب سایت خود را برای کاربران بیشتری جذاب کنید.

۱۴) کد کوتاه نظرات محصول

می توانید نظرات محصول را با یک کد کوتاه نمایش دهید. اما ابتدا باید کمی کد PHP را به فایل functions.php تم خود اضافه کنید. این قطعه ای است که باید اضافه کنید:

add_shortcode( 'product_reviews', 'yay_product_reviews_shortcode' );

function yay_product_reviews_shortcode( $atts ) {

if ( empty( $atts ) ) return '';

if ( ! isset( $atts['id'] ) ) return '';

$comments = get_comments( 'post_id=' . $atts['id'] );

if ( ! $comments ) return '';

$html .= '<div class="woocommerce-tabs"><div id="reviews"><ol class="commentlist">';

foreach ( $comments as $comment ) { 
$rating = intval( get_comment_meta( $comment->comment_ID, 'rating', true ) );
$html .= '<li class="review">';
$html .= get_avatar( $comment, '60' );
$html .= '<div class="comment-text">';
if ( $rating ) $html .= wc_get_rating_html( $rating );
$html .= '<p class="meta"><strong class="woocommerce-review__author">';
$html .= get_comment_author( $comment );
$html .= '</strong></p>';
$html .= '<div class="description">';
$html .= $comment->comment_content;
$html .= '</div></div>';
$html .= '</li>';
}

$html .= '</ol></div></div>';

return $html;
}

پس از به روز رسانی فایل functions.php، از این کد کوتاه استفاده کنید:

[product_reviews id="12"]

در نظر داشته باشید که شناسه محصول را با توجه به نیاز خود تغییر دهید.

۱۵) کد کوتاه جستجوی محصول

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

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

[woocommerce_product_search]

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

۱۶) کد کوتاه صفحه ثبت نام

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

اگر می خواهید فرآیند ثبت نام کاربری خود را به سطح بعدی ببرید، می توانید از افزونه user registration for woocommerce استفاده کنید. پس از نصب افزونه، از این کد کوتاه استفاده کنید:

[wc-user-registration-page]

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

۱۷) کد کوتاه توضیحات محصول

با کمی PHP می توانید توضیحات محصول محصولات خاص را در داخل فروشگاه آنلاین خود نمایش دهید. برای انجام این کار، این کد را در فایل functions.php قالب سایت وردپرس خود قرار دهید:

پس از آن، از این کد کوتاه استفاده کنید:

add_shortcode( 'product_description', 'display_product_description' );
function display_product_description( $atts ){
$atts = shortcode_atts( array(
'id' => get_the_id(),
), $atts, 'product_description' );

global $product;

if ( ! is_a( $product, 'WC_Product') )
$product = wc_get_product($atts['id']);

return $product->get_description();
}
[product_description id='12']

به یاد داشته باشید که قبل از به روز رسانی صفحه، شناسه محصول را در کد کوتاه تغییر دهید.

۱۸) کد کوتاه لیست خرید بعدی

برخی از مشتریان آماده خرید فوری محصول نیستند. در عوض، آنها ترجیح می دهند یک لیست علاقه مندی ایجاد کنند و محصول را در آنجا اضافه کنند. با افزونه ووکامرس لیست علاقه مندی ها woocommerce wishlists ، هر کسی می تواند یک ویژگی لیست علاقه مندی ها را در فروشگاه خود راه اندازی کند.

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

  • [wc_wishlists_my_archive /] – همه لیست
  • [wc_wishlists_create /] – ساخت لیست
  • [wc_wishlists_edit /] – ویرایش لیست
  • [wc_wishlists_search /] – یافتن لیست
  • [wc_wishlists_single /] – مشاهده لیست

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

۱۹) کد کوتاه محصول واحد

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

[product_page id=”۱۲۳۴۵]

woocommerce shortcodes you need to know 15 - معرفی و بررسی کد های کوتاه ووکامرس

لطفاً ۱۲۳۴۵ را با شناسه محصول واقعی خود به روز کنید.

۲۰) کد کوتاه فیلتر محصول

با افزونه WooCommerce Product Search می توانید کارهایی مانند فیلتر کردن محصولات را انجام دهید. با گزینه فیلتر زنده آنها، می توانید عملکرد فروشگاه را افزایش دهید.

در اینجا یک کد کوتاه وجود دارد که می تواند به شما در این فرآیند کمک کند:

[woocommerce_product_filter_sale]

۲۱) کد کوتاه تعویض ارز

اگر یک فروشگاه آنلاین دارید و مخاطبان جهانی را هدف قرار می دهید، باید از افزونه تعویض ارز استفاده کنید. ما بهترین افزونه تعویض ارز را برای WoCommerce پیدا کرده ایم – یعنی افزونه YayCurrency، و می توانید از این کد کوتاه برای نمایش آن در قسمت جلویی استفاده کنید:

[yaycurrency-switcher]

۲۲) کد کوتاه محصول در حال فروش

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

[yaydp-matching-products id="yaydp_bfd645aa" image="true" link="true"]

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

۲۳) کد کوتاه ایمیل های ووکامرس

اگر نیاز دارید ایمیل های خود را به طور موثر مدیریت کنید و فروش بهتری داشته باشید، نصب یک افزونه عالی برای فروشگاه ووکامرس شما به نام پلاگین customize woocommerce booking email templates نیاز است. در اینجا چند کد کوتاه/متغیر وجود دارد که باید امتحان کنید:

  • {item_names}
  • {customer_username}
  • {customer_first_name}
  • {customer_last_name}
  • {customer_email}
  • {order_number}
  • {order_date}
  • {order_subtotal}
  • {order_tax}
  • {order_pay_method}

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

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

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

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

یکی دیگر از مجموعه آموزش های وردپرس به اتمام رسید. امیدواریم این آموزش به جهت یادگیری و شناخت معرفی و بررسی کد های کوتاه ووکامرس ، برای شما عزیزان مفید واقع شده باشد؛ اگر شما نیز کد کوتاه دیگری می شناسید که مفید باشد میتوانید آن را در بخش کامنت ها مطرح کنید تا با نام شما این مقاله بروزرسانی گردد یا همچنین کدام کد کوتاه مورد علاقه شماست؛ همچنین ممکن است مقاله ۵ افزونه برتر برای سئو سایت وردپرسی در سال ۲۰۲۳ نیز برای شما کاربردی و مفید باشد.

برای امتیاز به این نوشته کلیک کنید!
[کل: ۱ میانگین: ۵]

سعید زارعین

سعید هستم 27 ساله، یک عدد تولید محتوا(ئر) خلاق :)))

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا