خانهویژهصفحه تشکر از خرید ووکامرس را بدون افزونه‌ سفارشی کنید
https://rayawp.ir/?p=19046

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

آقا یا خانم عزیز! اگر این مطلب رو می‌خونی یعنی تو هم مثل من از استایل پیش‌فرض صفحه تشکر از خرید ووکامرس خسته شدی! همون صفحه‌ای که بعد از خرید مشتری فقط یه پیام ساده

توجه: برای مشاهده تمام کدهای استفاده شده در این آموزش، نیاز به تهیه اشتراک ویژه دارید.

آقا یا خانم عزیز! اگر این مطلب رو می‌خونی یعنی تو هم مثل من از استایل پیش‌فرض صفحه تشکر از خرید ووکامرس خسته شدی! همون صفحه‌ای که بعد از خرید مشتری فقط یه پیام ساده مثل «سفارش شما دریافت شد» نشون میده. شاید حس می‌کنی که این صفحه خیلی ساده و بی‌روح شده و می‌خوای چیزی متفاوت و جذاب‌تر بسازی. خوب خبر خوش اینه که اصلاً نیازی به افزونه‌های پیچیده یا وقت گذاشتن زیاد نیست! 🎉

چون تو این مقاله قراره بهت نشون بدم چطور می‌تونی به راحتی این صفحه رو بدون نیاز به افزونه تغییر بدی و اون رو به یه صفحه جذاب‌ و منحصر به فرد تبدیل کنی. 💻🚀 پس با من تا انتهای این پست همراه باش.

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

🤔چرا باید صفحه تشکر از خرید ووکامرس رو شخصی‌ سازی کنیم؟

شاید الآن به خودت بگی: «خب، این صفحه که خیلی ساده‌ست، چرا باید وقت بذارم و تغییرش بدم؟» اما باور کن که این صفحه یکی از مهم‌ترین قسمت‌هایی هست که مشتری بعد از خرید باهاش روبرو میشه. شاید تصور کنی که یه پیام ساده مثل «ممنون از خرید شما» کفایت می‌کنه، اما وقتی بتونی این صفحه رو جذاب‌تر و کاربردی‌تر طراحی کنی، نه تنها حس خوبی به مشتری میدی، بلکه این فرصت رو داری که یه تجربه خرید متفاوت و به‌یاد‌موندنی برای اون بسازی.

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

پس چرا از این فرصت استفاده نکنی و صفحه تشکر از خرید رو به یه صفحه جذاب و پرفکت تبدیل نکنی که مشتری با خوشحالی دوباره به سراغت بیاد؟ 😎

ایجاد باکس‌ حرفه ای در المنتور بدون کدنویسی
ایجاد باکس‌ حرفه ای در المنتور بدون کدنویسی

📣 اینجا محل دیده شدن تبلیغ شماست کلیک کن AD

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

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

1. ویرایش فایل thankyou.php

وقتی به مسیر wp-content/plugins/woocommerce/templates/checkout بری، می‌بینی که فایل thankyou.php اونجا قرار داره. این همون فایلیه که صفحه تشکر از خرید ووکامرس رو تشکیل میده. با ویرایش این فایل می‌تونی صفحه تشکر رو به دلخواه خودت تغییر بدی و ظاهری جدید بهش بدی.

📝 نکته مهم: درسته که ما می‌تونیم این فایل رو همینجا ویرایش کنیم و کدهامون رو داخلش بذاریم، ولی یه نکته‌ای هست که ممکنه در نگاه اول زیاد به چشم نیاد. اگه افزونه ووکامرس آپدیت یا دانگرید بشه، تمام تغییرات ما پاک میشه و فایل دوباره بازنویسی میشه. نتیجه؟ صفحه تشکر از خرید با همون استایل پیش‌فرض نمایش داده میشه. حالا شاید بپرسی، برای اینکه تغییرات دائم بمونه و پاک نشه چیکار باید کرد؟ نگران نباش! من یه راهکار فوق‌العاده دارم که می‌تونی با خیال راحت ازش استفاده کنی. 😎

برای اینکه تغییراتت با آپدیت‌های بعدی ووکامرس از بین نره، این مراحل رو دنبال کن:

طراحی باکس‌ شیک و کاربرپسند در المنتور
طراحی باکس‌ شیک و کاربرپسند در المنتور
  1. وارد کنترل پنل سایتت بشو.
  2. به مسیر wp-content/themes/your-Childtheme/woocommerce/checkout/ برو. (اگر پوشه‌های woocommerce و checkout در قالبت وجود نداره، باید اون‌ها رو بسازی. بهتره این پوشه‌ها رو در قالب فرزند یا چایلدت بسازی تا تغییراتت در برابر آپدیت‌های آینده حفظ بشه!)
  3. فایل thankyou.php رو از باکس زیر دانلود کن (از حالت فشرده خارج کن) و داخل پوشه checkout آپلود کن.
  4. حالا به بخش سفارشی‌سازی وردپرس برو و در قسمت “کدهای CSS اضافی”، کدهای زیر رو برای استایل صفحه پیست کن:
🔒

محتوای VIP+

این محتوا فقط برای اعضای ویژه قابل مشاهده است. برای دسترسی به تمام آموزش‌های اختصاصی رایا وردپرس، عضو ویژه شوید.

  _____                __          __    
 |  __ \               \ \        / /    
 | |__) |__ _ _   _  __ \ \  /\  / / __  
 |  _  // _` | | | |/ _` \ \/  \/ / '_ \ 
 | | \ \ (_| | |_| | (_| |\  /\  /| |_) |
 |_|  \_\__,_|\__, |__,_| \/  \/ | .__/ 
               __/ |              | |    
              |___/               |_|    
🔒

محتوای VIP+

این محتوا فقط برای اعضای ویژه قابل مشاهده است. برای دسترسی به تمام آموزش‌های اختصاصی رایا وردپرس، عضو ویژه شوید.

ایجاد انیمیشن چیدمان کارت‌ ها روی هم هنگام اسکرول
ایجاد انیمیشن چیدمان کارت‌ ها روی هم هنگام اسکرول
  _____                __          __    
 |  __ \               \ \        / /    
 | |__) |__ _ _   _  __ \ \  /\  / / __  
 |  _  // _` | | | |/ _` \ \/  \/ / '_ \ 
 | | \ \ (_| | |_| | (_| |\  /\  /| |_) |
 |_|  \_\__,_|\__, |__,_| \/  \/ | .__/ 
               __/ |              | |    
              |___/               |_|    

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

در کدی که برای thankyou.php نوشتم، آدرس سایت به صورت داینامیک دریافت میشه و به جای “نسخه نمایشی رایا وردپرس” قرار می‌گیره. همچنین، کاربر امکان کپی کردن شماره سفارش خودش رو از طریق دکمه کپی داره تا بعداً بتونه در اختیار پشتیبانی محصول قرار بده و سفارش خودش رو پیگیری کنه. 💬📦 همینطور پایین مبلغ پرداختی، یک پیام پیش‌فرض برای ارتباط با پشتیبانی وجود داره که می‌تونید اون متن رو به دلخواه خودتون تغییر بدین. ✨

2. ویرایش فایل order-downloads.php

حالا وقتشه استایل پیش فرض جدول دانلود محصولات رو هم ویرایش کنیم برای اینکار، باید فایل order-downloads.php رو پیدا کنی. این فایل رو می‌تونی تو مسیر زیر در هاست پیدا کنی:

استایل پیش فرض جدول دانلود محصول
استایل پیش فرض جدول دانلود محصول

wp-content/plugins/woocommerce/templates/order

آکاردئون خفن به سبک دیوار بساز!
آکاردئون خفن به سبک دیوار بساز!

توی این مسیر فایل order-downloads.php هست که همون صفحه‌ای که مشتری‌ها می‌تونن محصولات خریداری شده رو دانلود کنن، نمایش می‌ده.

اگه می‌خواهی تغییراتت دائم بمونه و با آپدیت‌های بعدی ووکامرس از بین نره، پیشنهاد می‌کنم این فایل رو تو قالب فرزند (چایلد تم) خودت ویرایش کنی یعنی تو پوشه ووکامرس که پاراگراف بالاتر در مسیر قالبت ساختی، یه پوشه به نام order بسازی و فایل order-downloads.php رو که از پایین دانلود کردی و در مسیر wp-content/themes/your-Childtheme/woocommerce/order آپلود کنی.

🔒

محتوای VIP+

این محتوا فقط برای اعضای ویژه قابل مشاهده است. برای دسترسی به تمام آموزش‌های اختصاصی رایا وردپرس، عضو ویژه شوید.

  _____                __          __    
 |  __ \               \ \        / /    
 | |__) |__ _ _   _  __ \ \  /\  / / __  
 |  _  // _` | | | |/ _` \ \/  \/ / '_ \ 
 | | \ \ (_| | |_| | (_| |\  /\  /| |_) |
 |_|  \_\__,_|\__, |__,_| \/  \/ | .__/ 
               __/ |              | |    
              |___/               |_|    

برای استایل جدولم کدهای CSS زیر رو در قسمت سفارشی سازی و کدهای CSS اضافی پیست کن:

چطور از انیمیشن‌ های Lottie در سایت خود استفاده کنیم؟ (روش دانلود رایگان)
چطور از انیمیشن‌ های Lottie در سایت خود استفاده کنیم؟ (روش دانلود رایگان)
🔒

محتوای VIP+

این محتوا فقط برای اعضای ویژه قابل مشاهده است. برای دسترسی به تمام آموزش‌های اختصاصی رایا وردپرس، عضو ویژه شوید.

  _____                __          __    
 |  __ \               \ \        / /    
 | |__) |__ _ _   _  __ \ \  /\  / / __  
 |  _  // _` | | | |/ _` \ \/  \/ / '_ \ 
 | | \ \ (_| | |_| | (_| |\  /\  /| |_) |
 |_|  \_\__,_|\__, |__,_| \/  \/ | .__/ 
               __/ |              | |    
              |___/               |_|    

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

نتیجه‌ گیری 🏆

همونطور که دیدی، تغییر صفحه تشکر از خرید ووکامرس خیلی ساده‌تر از چیزی بود که فکر می‌کردی! با این روش می‌تونی بدون نیاز به افزونه‌های پیچیده، صفحه‌ای جذاب و کاربردی بسازی که هم به مشتری خوش بگذره، هم شانس خرید مجدد رو افزایش بده. پس، شروع کن و صفحه تشکر از خریدتو با استایل خودت طراحی کن. 😎

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

این روش به‌طور کامل بهت این امکان رو میده که بدون هیچ افزونه‌ای صفحه تشکر از خرید ووکامرس رو مطابق سلیقه خودت شخصی‌سازی کنی. امیدوارم این آموزش بهت کمک کنه و بتونی ازش استفاده کنی! 🌟

5/5 - (8 امتیاز)

اگه از مطالب سایت استفاده کردی و کارت رو راه انداخته، می‌تونی با یه حمایت کوچیک بهمون انگیزه بدی تا با قدرت کار تولید محتوای خفن تر و جذاب تر رو پیش ببریم 😉🥰

ارسال نظر ( 0 نظر تایید شده )

نظرات پس از رویت و تایید مدیران نمایش داده می‌شود

📖 آنچه خواهید خواند

Toggle
    7 نفر در حال مطالعه این مقاله
    325 بازدید در 24 ساعت اخیر
    6 نفر این پست رو بوکمارک کردن
    8 دقیقه زمان مطالعه این مطلب
    ما رو در شبکه های اجتماعی دنبال کن 😉❤️
    سعید
    300 مقاله
    سعید

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

    بستن