ویرگول
ورودثبت نام
راسان وب
راسان وبراسان وب ارائه دهنده خدمات سئو، دیجیتال مارکتینگ و طراحی وب سایت با بیش از 10 سال سابقه کاری. https://rassanweb.com/
راسان وب
راسان وب
خواندن ۱ دقیقه·۴ ماه پیش

اضافه کردن فیلد سفارشی به ادیتور محصول: ترفندی برای وردپرس

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

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

چرا باید فیلد سفارشی اضافه کنیم؟

  • انعطاف بیشتر: هر فروشگاه نیازهای خاص خود را دارد.

  • بهبود تجربه کاربری: مشتری‌ها راحت‌تر به اطلاعات دسترسی پیدا می‌کنند.

  • افزایش نرخ تبدیل: شفافیت بیشتر = اعتماد بیشتر = فروش بیشتر.

مراحل اضافه کردن فیلد در ادیتور محصول (مثال برای وردپرس/ووکامرس)

  1. هوک مناسب پیدا کنید: در ووکامرس از هوک‌هایی مثل woocommerce_product_options_general_product_data استفاده می‌کنیم.

  2. کد اضافه کنید: در فایل functions.php یا پلاگین اختصاصی، کد زیر را قرار دهید:

add_action('woocommerce_product_options_general_product_data', 'add_custom_warranty_field'); function add_custom_warranty_field() { woocommerce_wp_text_input(array( 'id' => '_warranty_period', 'label' => 'گارانتی (ماه)', 'description' => 'تعداد ماه‌های گارانتی محصول را وارد کنید', 'desc_tip' => true, 'type' => 'number', 'custom_attributes' => array( 'min' => '0', 'step' => '1' ) )); } // 2. ذخیره مقدار فیلد گارانتی هنگام ذخیره محصول add_action('woocommerce_process_product_meta', 'save_custom_warranty_field'); function save_custom_warranty_field($post_id) { $warranty = isset($_POST['_warranty_period']) ? sanitize_text_field($_POST['_warranty_period']) : ''; update_post_meta($post_id, '_warranty_period', $warranty); } // 3. نمایش گارانتی در صفحه محصول add_action('woocommerce_single_product_summary', 'display_custom_warranty', 7);

در کد بالا ما نمایش گارانتی محصول رو اضافه کردیم و نتیجش شد عکس زیر:

اضافه کردن آیتم گارانتی
اضافه کردن آیتم گارانتی

حالا با کد زیر هر جای سایت خواستین نمایش میدین:

<?php display_custom_warranty() ?>

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

وردپرسطراحی سایت با وردپرسبرنامه نویسیطراحی سایتسئو وردپرس
۱
۰
راسان وب
راسان وب
راسان وب ارائه دهنده خدمات سئو، دیجیتال مارکتینگ و طراحی وب سایت با بیش از 10 سال سابقه کاری. https://rassanweb.com/
شاید از این پست‌ها خوشتان بیاید