قرار دادن ادامه مطلب برای توضیحات کوتاه محصولات ووکامرس

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

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

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

تاثیر توضیحات کوتاه بر رفتار کاربران در ووکامرس

از نظر تجربه کاربری، شلوغ بودن بخش توضیحات کوتاه می‌تواند تمرکز کاربر را از دکمه «افزودن به سبد خرید» دور کند. کاربران معمولاً در اولین نگاه به دنبال قیمت، وضعیت موجودی و مزیت اصلی محصول هستند و اگر در این مرحله با متن‌های طولانی مواجه شوند، تصمیم‌گیری آن‌ها به تعویق می‌افتد. استفاده از قابلیت «ادامه مطلب» کمک می‌کند مسیر خرید ساده‌تر باقی بماند و اطلاعات تکمیلی فقط زمانی نمایش داده شود که کاربر واقعاً به آن نیاز دارد؛ این موضوع به‌ویژه در فروشگاه‌هایی با کاربران موبایلی، تأثیر مستقیمی بر کاهش نرخ خروج و افزایش تعامل دارد.

قرار دادن ادامه مطلب با افزودن Read more در وردپرس

برای انجام این کار کافیست از قسمت پیشخوان وارد نوشته خود شوید. قسمتی از متن مورد نظر را انتخاب و بعد از آن از گزینه “گذاشتن برچسب بیشتر(یا کلید میانبر: Shift+Alt+T)” استفاده کنید. بعد از زدن این گزینه خطی در نوشته شما مشابه آنچه در زیر می‌بینید ایجاد می‌شود. با این کار تمامی متنی که بعد از خط چین نوشته می‌شود در قسمت ادامه مطلب قرار می‌گیرد.

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

شما برای اینکار فقط کافیست کد زیر را از طریق آموزش قرار دادن کد دلخواه در Function.php وردپرس به سایت خود اضافه کنید :

/*
 * @snippet     Truncate Short Description @ WooCommerce Single
 * @author      Saleh Eslam Panah
 * @WebSite     https://Webjame.Com
 */
add_action( 'woocommerce_after_single_product', 'webjame_woocommerce_short_description_truncate_read_more' );
 
function webjame_woocommerce_short_description_truncate_read_more() { 
   wc_enqueue_js('
      var show_char = 100;
      var ellipses = "... ";
      var content = $(".woocommerce-product-details__short-description").html();
      if (content.length > show_char) {
         var a = content.substr(0, show_char);
         var b = content.substr(show_char - content.length);
         var html = a + "<span class=\'truncated\'>" + ellipses + "<a class=\'read-more\'>ادامه مطلب</a></span><span class=\'truncated\' style=\'display:none\'>" + b + "</span>";
         $(".woocommerce-product-details__short-description").html(html);
      }
      $(".read-more").click(function(e) {
         e.preventDefault();
         $(".woocommerce-product-details__short-description .truncated").toggle();
      });
   ');
}

توجه داشته باشید در خط دوازدهم عدد 100 نشان‌دهنده تعداد کاراکترها قبل از نمایش دکمه “ادامه مطلب” است.

قرار دادن دکمه ادامه مطلب با استفاده از افزونه‌ها

برای افزودن دکمه “ادامه مطلب” بدون نیاز به کدنویسی، استفاده از افزونه‌های تخصصی وردپرس یک راهکار سریع و کاربردی است. افزونه‌هایی مانند Read More، Read More Excerpt Link و Read More by Adam Skaat این امکان را فراهم می‌کنند که بخشی از محتوای طولانی به‌صورت خلاصه نمایش داده شود و ادامه متن تنها با کلیک کاربر قابل مشاهده باشد. این افزونه‌ها معمولاً قابلیت تعیین تعداد کلمات، سفارشی‌سازی متن یا ظاهر دکمه و سازگاری با قالب‌های مختلف را دارند و به شما کمک می‌کنند بدون به‌هم‌ریختگی صفحه، تجربه کاربری بهتری برای بازدیدکنندگان سایت ایجاد کنید.

حرف آخر

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

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