کد تغییر متن دکمه افزودن به سبد خرید در ووکامرس
آیا تا به حال فکر کردهاید که چرا برخی از فروشگاههای اینترنتی موفق، دکمههای افزودن به سبد خرید جذابتری نسبت به بقیه دارند؟ یکی از رازهای کوچک اما مؤثر، تغییر متن دکمه افزودن به سبد خرید است. ووکامرس به طور پیشفرض از عبارت “افزودن به سبد خرید” استفاده میکند، اما شما میتوانید با یک تغییر ساده، این متن را به چیزی جذابتر مانند “همین حالا بخر”، “اضافه کن” یا “خرید آنلاین” تبدیل کنید. این تغییر کوچک میتواند نرخ تبدیل فروشگاه شما را افزایش دهد و تجربه کاربری را بهبود بخشد. در این مقاله از مجموعه مقالات آموزشی وردپرس، یک کد کاربردی و استاندارد برای تغییر متن دکمه افزودن به سبد خرید در صفحات مختلف فروشگاه ارائه میدهیم که با استفاده از آن میتوانید به سادگی و بدون نیاز به افزونه، متن دلخواه خود را جایگزین کنید.
چرا تغییر متن دکمه افزودن به سبد خرید مهم است؟
متن دکمههای فراخوان به اقدام (Call to Action) تأثیر مستقیمی بر نرخ تبدیل فروشگاههای اینترنتی دارند. یک دکمه با متن جذاب و مرتبط با محصول، میتواند کاربر را ترغیب به خرید کند. به عنوان مثال، استفاده از عبارت “همین حالا بخر” به جای “افزودن به سبد خرید” حس فوریت ایجاد میکند و میتواند افزایش فروش را به همراه داشته باشد. همچنین، تغییر متن دکمه میتواند به بهبود تجربه کاربری و هماهنگی با برند شما کمک کند. به عنوان مثال، اگر فروشگاه شما محصولات لوکس میفروشد، استفاده از عبارتی مانند “خرید امن” میتواند اعتماد کاربر را جلب کند.
راهکار تغییر متن دکمه افزودن به سبد خرید با کد اختصاصی
برای تغییر متن دکمه افزودن به سبد خرید در ووکامرس، از فیلترهای اختصاصی این افزونه استفاده میکنیم. ووکامرس دو فیلتر اصلی برای این کار در نظر گرفته است:
- woocommerce_product_single_add_to_cart_text: برای تغییر متن دکمه در صفحه تکی محصول (Single Product Page).
- woocommerce_product_add_to_cart_text: برای تغییر متن دکمه در صفحات آرشیو مانند صفحه فروشگاه، دستهبندیها و برچسبها (Shop/Archive Pages).
با استفاده از این دو فیلتر، میتوانید متن دکمه را در تمام بخشهای فروشگاه خود به صورت یکسان یا جداگانه تغییر دهید. کد ارائه شده در این مقاله، با تعریف یک تابع ساده و اتصال آن به این فیلترها، متن جدید شما را جایگزین متن پیشفرض میکند. این روش کاملاً استاندارد، سبک و بدون نیاز به نصب افزونه است و با تمامی نسخههای ووکامرس سازگاری دارد.
کد کامل تغییر متن دکمه افزودن به سبد خرید در ووکامرس
در زیر کد کامل و استاندارد برای تغییر متن دکمه افزودن به سبد خرید در ووکامرس آورده شده است. این کد را در انتهای فایل functions.php قالب فرزند خود قرار دهید. در این کد، متن “افزودن به سبد” را با متن دلخواه خود جایگزین کنید.
/*
* Change WooCommerce Add to Cart Button Text
* Modifies the add to cart button text on single product and archive pages
* Mahdi Jafarzadeh
* https://www.wpwm.ir/
*/
// تغییر متن دکمه در صفحه تکی محصول
add_filter('woocommerce_product_single_add_to_cart_text', 'custom_add_to_cart_text');
// تغییر متن دکمه در صفحات آرشیو (فروشگاه، دستهبندی، برچسب)
add_filter('woocommerce_product_add_to_cart_text', 'custom_add_to_cart_text');
function custom_add_to_cart_text() {
// متن دلخواه خود را در اینجا وارد کنید
return __('افزودن به سبد', 'woocommerce');
}نحوه عملکرد کد به صورت گام به گام
در این بخش، هر بخش از کد را به صورت دقیق بررسی میکنیم و نحوه عملکرد آن را توضیح میدهیم:
- خط ۶ – افزودن فیلتر برای صفحه تکی محصول: با استفاده از
add_filter('woocommerce_product_single_add_to_cart_text', 'custom_add_to_cart_text')، یک فیلتر به هوکwoocommerce_product_single_add_to_cart_textاضافه میکنیم. این هوک وظیفه تولید متن دکمه در صفحه تکی محصول را بر عهده دارد و با اتصال تابعcustom_add_to_cart_textبه آن، خروجی آن را تغییر میدهیم. - خط ۹ – افزودن فیلتر برای صفحات آرشیو: با استفاده از
add_filter('woocommerce_product_add_to_cart_text', 'custom_add_to_cart_text')، یک فیلتر به هوکwoocommerce_product_add_to_cart_textاضافه میکنیم. این هوک وظیفه تولید متن دکمه در صفحات آرشیو (مانند صفحه فروشگاه، دستهبندیها و برچسبها) را بر عهده دارد. - خط ۱۱ – تعریف تابع: تابع
custom_add_to_cart_textتعریف میشود. این تابع هیچ پارامتری دریافت نمیکند و فقط یک رشته متنی را به عنوان خروجی بازمیگرداند. - خط ۱۳ – بازگرداندن متن جدید: در داخل تابع، با استفاده از
return __('افزودن به سبد', 'woocommerce')، متن جدید را به همراه دامنه متنی (text domain) ووکامرس بازمیگردانیم. استفاده از تابع__()باعث میشود که متن برای ترجمه در دسترس باشد و در صورت نیاز، به راحتی به زبانهای دیگر ترجمه شود.
نکات مهم
در این بخش به نکات کلیدی برای استفاده صحیح از این کد اشاره میکنیم که باید به آنها توجه ویژهای داشته باشید:
- استفاده از قالب فرزند: کد را در فایل
functions.phpقالب فرزند قرار دهید تا با بروزرسانی قالب اصلی، تغییرات شما از بین نرود. - تغییر متن دلخواه: در خط ۱۳ کد، عبارت
'افزودن به سبد'را با متن دلخواه خود مانند'همین حالا بخر'،'خرید آنلاین'یا'اضافه کن'جایگزین کنید. - تأثیر بر محصولات متغیر: این کد برای محصولات ساده (Simple Products) به خوبی کار میکند. برای محصولات متغیر (Variable Products) که دکمه آنها معمولاً “انتخاب گزینهها” است، ممکن است نیاز به فیلتر جداگانهای داشته باشید.
- اولویت فیلتر: در برخی موارد، ممکن است افزونههای دیگر نیز از همین فیلترها استفاده کنند. اگر کد شما کار نکرد، میتوانید با افزودن اولویت به
add_filter، آن را بالاتر از سایر فیلترها قرار دهید. به عنوان مثال:add_filter('woocommerce_product_add_to_cart_text', 'custom_add_to_cart_text', 99). - تست پس از اعمال کد: پس از افزودن کد، حتماً یک صفحه محصول تکی و یک صفحه فروشگاه را باز کنید تا از تغییر متن دکمه اطمینان حاصل کنید.
- استفاده از افزونه به جای کد: اگر با ویرایش فایل
functions.phpآشنایی ندارید، میتوانید از افزونههای آماده مانند Custom Add to Cart Button یا Add to Cart Text Changer استفاده کنید. این افزونهها امکان تغییر متن را بدون نیاز به کدنویسی فراهم میکنند.
جمعبندی
در این مقاله از سری مقالات آموزشی وردپرس، به بررسی روش تغییر متن دکمه افزودن به سبد خرید در فروشگاههای ووکامرس پرداختیم. با استفاده از کد ساده و استانداردی که ارائه شد، میتوانید به راحتی متن دکمه را در صفحه تکی محصول و صفحات آرشیو به دلخواه خود تغییر دهید. این تغییر کوچک اما مؤثر، میتواند به افزایش نرخ تبدیل، بهبود تجربه کاربری و هماهنگی با برند شما کمک کند.
امیدواریم این آموزش برای شما مفید بوده باشد. اگر سوالی درباره تغییر متن دکمه افزودن به سبد خرید، نحوه استفاده از کد یا هر بخش دیگری از این آموزش دارید، لطفاً در بخش نظرات مطرح کنید. همچنین اگر تجربهای در بهبود نرخ تبدیل یا سفارشیسازی ووکامرس دارید، خوشحال میشویم آن را با ما و سایر کاربران به اشتراک بگذارید.
