آموزش ووکامرس, ووکامرس

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

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

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

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

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

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

برای انجام این کار می توانید قطعه کد زیر را در فایل functions.php قالب وردپرس خود قرار دهید.

add_action( 'woocommerce_single_product_summary', 'add_to_cart_button_woocommerce', 20 );
function add_to_cart_button_woocommerce() {
    echo '
متن دلخواه شما
';
}

به این ترتیب مانند تصویر زیر خط متن نمایش داده می شود:

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

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

یکی از موارد دیگر که کاربران ممکن است بخواهند آن را تغییر دهند، تغییر متن دکمه افزودن به سبد خرید در ووکامرس است. این کار بسیار ساده است و فقط کافی است تا کد زیر را به فایل functions.php قالب وردپرس خود اضافه کنید.

add_filter('woocommerce_product_single_add_to_cart_text','custom_add_to_cart_button_woocommerce');
function custom_add_to_cart_button_woocommerce() {
return __('متن سفارشی دکمه افزودن به سبد خرید', 'woocommerce');
}

نتیجه را در تصویر زیر می توانید مشاهده کنید.

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

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

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

برای انجام این کار می توانید از لینک زیر استفاده کنید.

https://themefars.com/?add-to-cart=ID

به جای themefars.com آدرس سایت خود و همچنین به جای ID شناسه محصول موردنظر را قرار دهید.

نحوه پیدا کردن شناسه محصول موردنظر

برای این کار در پیشخوان وردپرس به قسمت محصولات مراجعه کنید و سپس ماوس را بر روی محصول موردنظر ببرید تا مانند تصویر زیر شناسه محصول را مشاهده کنید:

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

حالا می توانید شناسه را در لینک جایگذاری کنید و آدرس را در هر جایی که خواستید استفاده کنید.

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

(10) نظرات کاربران

  1. Majid گفت:

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

  2. admin گفت:

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

    1. خود ووکامرس این امکان رو داره.

  3. مسعود گفت:

    اگر بخوام دکمه را جابجا کنم چی؟ چپ ببرم یا راست یا وسط

  4. مسعود گفت:

    دمتون گرم. بیگ لایک واقعا

  5. رضا گفت:

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

  6. وحید گفت:

    سلام و وقت بخیر،ممنون بابت مطلب مفیدتون
    چطور میتونم کاری کنم که Id محصول بطور اتوماتیک جاگذاری بشه و نیاز نباشه برای هر محصول دونه دونه شناسه رو بردارم و جایگذاری کنم توی لینک افزودن به سبد خرید؟

  7. AmirAli گفت:

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

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

      1. AmirAli گفت:

        ممنون از پاسختون

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

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