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

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

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

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

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

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

add_action('woocommerce_cart_is_empty', 'lamerdweb_empty_cart_message');

function lamerdweb_empty_cart_message() {
    echo '<p class="custom-empty-cart-message">سبد خرید شما خالی است. لطفاً محصولات دلخواه خود را انتخاب کنید.</p>';
}

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

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

در نهایت برای استایل دادن به متن پیام بالا نیز می توانید تکه کد زیر را به فایل style.css قالب سایت خود اضافه کنید.برای این کار باید وارد فایل منیجر هاست خود شوید و در پوشه wp_content به دنبال پوشه themes بگردید.

پس از این که وارد پوشه themes شدید فایل قالب فعلی سایت خود را پیدا کنید و وارد آن شوید و در آن پوشه به دنبال style.css بگردید.الان کافی است کد زیر را در آن قرار بدهید و دکمه ذخیره سازی را بزنید.

.custom-empty-cart-message {
    color: #ff0000; /* رنگ قرمز */
    font-size: 18px; /* اندازه متن */
    text-align: center; /* تراز کردن متن به وسط */
    margin-top: 20px;
}

نتیجه گیری

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