جستجو برای:
  • صفحه نخست
  • مقالات آموزشی
    • آموزش سئو
    • آموزش بازاریابی
    • کسب و کار اینترنتی
    • آموزش امنیت وردپرس
    • آموزش رایگان محتوا نویسی
    • آموزش رایگان HTML – CSS
  • قالب رایگان وردپرس
    • قالب فروشگاهی
    • قالب ویژه مشاغل
    • قالب آموزشی
    • قالب پزشکی
    • قالب شرکتی
    • قالب نمونه کار
    • قالب وبلاگی
    • قالب مجله خبری
    • قالب چند منظوره
    • قالب تک صفحه ای
  • افزونه وردپرس
    • آموزش رایگان المنتور
    • آموزش های ووکامرس
  • دوره های آموزشی
    • آموزش کسب درآمد اینترنتی
    • آموزش طراحی سایت با المنتور
    • آموزش جامع وردپرس
    • آموزش فارسی سازی قالب وردپرس
    • آموزش HTML-CSS مقدماتی
    • آموزش ووکامرس مقدماتی
 
افق وب
  • صفحه نخست
  • مقالات آموزشی
    • آموزش سئو
    • آموزش بازاریابی
    • کسب و کار اینترنتی
    • آموزش امنیت وردپرس
    • آموزش رایگان محتوا نویسی
    • آموزش رایگان HTML – CSS
  • قالب رایگان وردپرس
    • قالب فروشگاهی
    • قالب ویژه مشاغل
    • قالب آموزشی
    • قالب پزشکی
    • قالب شرکتی
    • قالب نمونه کار
    • قالب وبلاگی
    • قالب مجله خبری
    • قالب چند منظوره
    • قالب تک صفحه ای
  • افزونه وردپرس
    • آموزش رایگان المنتور
    • آموزش های ووکامرس
  • دوره های آموزشی
    • آموزش کسب درآمد اینترنتی
    • آموزش طراحی سایت با المنتور
    • آموزش جامع وردپرس
    • آموزش فارسی سازی قالب وردپرس
    • آموزش HTML-CSS مقدماتی
    • آموزش ووکامرس مقدماتی
ورود / عضویت

وبلاگ

افق وب > بلاگ > وردپرس > افزونه وردپرس > ووکامرس > افزودن فیلدهای بیشتر به محصول با افزونه WooCommerce Extra Fields

افزودن فیلدهای بیشتر به محصول با افزونه WooCommerce Extra Fields

تیر 7, 1400
افزونه وردپرس, ووکامرس

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

افزونه WooCommerce Extra Fields

 

افزودن فیلدهای بیشتر به محصول با افزونه WooCommerce Extra Fields
افزودن فیلدهای بیشتر

نصب افزونه

افزونه ی WooCommerce Extra Fields با هدف افزودن فیلدهای بیشتر به صفحه ی محصول مورد استفاده قرار می گیرد. نامی که در حین جستجو برای این افزونه نشان داده میشود  PPOM for WooCommerce by N-MEDIA است.

در واقع PPOM مخفف Personalized Product Option Manager است که به معنی “مدیریت شخصی سازی گزینه های محصول” می باشد.

برای نصب این افزونه

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

با یکی از روش های گفته شده افزونه را نصب و فعال می کنیم.

 

با فعال کردن افزونه گزینه ی PPOM Fields به منوی ووکامرس اضافه می شود با کلیک بر روی آن فیلدهای دلخواه خود را اضافه می کنیم.

 

افزودن فیلدهای بیشتر به محصول با افزونه WooCommerce Extra Fields
افزودن فیلدهای بیشتر

 

با انتخاب “Add PPOM Meta Group” می توانیم یک گروه جدید برای فیلدها ایجاد کنیم.پس از کلیک بر روی آن به صفحه ای منتقل می شویم که در ابتدا از ما میخواهد که نام گروه را مشخص کنیم.

 

افزودن فیلدهای بیشتر به محصول با افزونه WooCommerce Extra Fields

 

Meta group name : در این قسمت نام گروه را تعیین می کنیم.
Control price display on product page : در این قسمت نحوه نمایش قیمت در صفحه محصول را انتخاب می کنیم.
Apply for Categories : دسته بندی هایی که تغییرات بر روی آن ها اعمال می شود.

 

افزودن فیلدهای بیشتر به محصول با افزونه WooCommerce Extra Fields
افزودن فیلدهای بیشتر

 

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

در ادامه تعدادی از این فیلدها را برای شما توضیح خواهیم داد تا بیشتر با آنها آشنا شوید.

با کلیک بر روی “Add Field” فیلدهای دلخواه را اضافه می کنیم.

 

افزودن فیلدهای بیشتر به محصول با افزونه WooCommerce Extra Fields
افزودن فیلدهای بیشتر

 

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

1 .فیلد Text Input را انتخاب می کنیم.

 

افزودن فیلدهای بیشتر به محصول با افزونه WooCommerce Extra Fields

 

با انتخاب text input یک فیلد ورودی متن باز میشود. بخش های مختلف این فیلد را تنظیم و به گروه اضافه می کنیم در فیلدی که به تازگی باز شده باشد, دکمه “Add Field” نشان داده می شود.

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

Data name

نام داده, که فقط می توانید از حروف کوچک انگلیسی و “_” خط زیر استفاده کنید در غیر این صورت پیغام خطا می دهد

Title

عنوان فیلدی که برای مشتری قابل نمایش است را در این قسمت تعیین می کنید

Placeholder

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

Description

توضیحات بیشتر درباره فیلد مورد نظر که در کنار عنوان فیلد قرار می گیرد

Error message

وارد کردن پیغام خطا برای زمانی که مشکلی به وجود بیاید

Addon-on Price

اضافه کردن یک قیمت اضافی وقتی که این فیلد پر شده است.

Set default value

این فیلد برای قرار دادن یک مقدار پیش فرض است

Min. Length

حداقل طول کاراکترهایی که کاربر می تواند وارد کند

Max. Length

حداکثر طول کاراکترهایی که کاربر می تواند وارد کند

Visibility

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

Width

عرض فیلد ورودی

Input Masking

گاهی می توانیم یک فرمت تعیین کنیم که مشتری در قالب آن مقدار را وارد کند و مقادیر غیر از آن را نپذیرد مثلا برای تاریخ مشخص میکنیم که فرمت به صورت dd/mm/yyyy باشد و نمی تواند فرمت dd-mm-yyyy را وارد کند و کاربر فقط عددها را مشخص می کند و این تاریخ ثبت می شود

Class

ایجاد یک کلاس برای استایل دهی

Required

اگر تیک این گزینه زده شود پر کردن فیلد ضروری می شود

Show tooltip (PRO)

نمایش متن مورد نظر با رفتن ماوس روی فیلد که در نسخه پرو قابل استفاده است

One Time Fee/Charge

با زدن تیک این گزینه هزینه فقط یکبار اعمال می شود و با افزایش تعداد ، هزینه افزایش نمی یابد.

Use Regex Expresession

استفاده از یک الگو و عبارت منظم و با قاعده

 

2 .فیلد بعدی Textarea Input است.

 

افزودن فیلدهای بیشتر به محصول با افزونه WooCommerce Extra Fields

 

بیشتر بخش های این فیلدها مشابه یکدیگر هستند و تفاوت کمی با یکدیگر دارند.

Post ID : با وارد کردن آیدی یک پست ،محتوای آن پست داخل فیلد توضیحات قرار می گیرد.

Rich Editor : با زدن تیک این گزینه به بخش توضیحات گزینه های بیشتری اضافه می شود.

 

3 .در ادامه یک فیلد Select Input  انتخاب می کنیم

 

افزودن فیلدهای بیشتر به محصول با افزونه WooCommerce Extra Fields

 

First option : گزینه ای که در ابتدا نمایش داده می شود.

Fixed Fee :اضافه کردن یک بار هزینه به کل سبد خرید

 

افزودن فیلدهای بیشتر به محصول با افزونه WooCommerce Extra Fields

 

بعد از تکمیل تب Fields وارد تب Add Options می شویم و گزینه های انتخابی مشتری را وارد می کنیم.

4 .فیلد دیگری که وجود دارد فیلد Radio Input است.

 

افزودن فیلدهای بیشتر به محصول با افزونه WooCommerce Extra Fields

 

تمام تنظیمات آن مانند Select Input است.

5 .آخرین فیلد, فیلد Date است. 

 

افزودن فیلدهای بیشتر به محصول با افزونه WooCommerce Extra Fields

 

  • Date formats : قالب نمایش تاریخ را از این قسمت مشخص کنید.
  • Default Date : تاریخ پیش فرض در این فیلد تعیین می شود.
  • Year Range : در این قسمت محدوده ی سال را تعیین کنید. مثلا 2010:2030 که در تقویم سال موردنظر را می توانید انتخاب کنید.
  • Disable Past Dates : با این آپشن تاریخ های گذشته را غیر فعال کنید, یک تاریخ مشخص کنید یا از کد کوتاه استفاده کنید(مثلا 10d+)
  • Disable Weekends : غیرفعال کردن آخر هفته ها
  • jQuery Datepicker : استفاده از تقویم jQuery Datepicker

 

افزودن فیلدهای بیشتر به محصول با افزونه WooCommerce Extra Fields
افزودن فیلدهای بیشتر

 

یک تب Conditions در همه ی فیلدها قرار دارد که با فعال کردن آن می توانیم برای فیلدها شرط بگذاریم. مثلا اگر رنگی که مشتری انتخاب می کند مشکی باشد این فیلد نمایش داده شود.

بعد از اضافه کردن فیلد های مورد نظر به صفحه ی محصول بروید و تغییرات را ببینید.

 

افزودن فیلدهای بیشتر به محصول با افزونه WooCommerce Extra Fields
افزودن فیلدهای بیشتر به محصول با افزونه WooCommerce Extra Fields

 

آموزش ساخت فروشگاه اینترنتی ووکامرس

 

جمع بندی

فراهم کردن امکانات بیشتر باعث می شود مشتری از خرید خود راضی باشد چون همه چیز مطابق سلیقه و خواسته ی او است. پس افزونه ی WooCommerce Extra Fields افزونه ای پر کاربرد است. این افزونه به شما این امکان را می دهد که با افزودن فیلدهای بیشتر, تا حدودی بتوانید میزان جلب نظر مشتری و در نتیجه فروش خود را بالا ببرید.

 

4.5/5 - (2 امتیاز)
دانلود افزونه صفحه افزونه
برچسب ها: آموزش ووکامرسراه اندازی فروشگاه اینترنتیفیلد های ووکامرسووکامرس
درباره فرزانه رضایی

عضو تیم افق وب

جدیدتر ایمیل مارکتینگ چیست؟
قبلی قالب رایگان وردپرس Revive - قالب مجله خبری

دیدگاهتان را بنویسید لغو پاسخ

تازه های آموزش
  • تقویم محتوا چیست؟ (جلسه 33)
  • استراتژی تولید محتوا (جلسه 32)
  • عادت‌ نویسندگان مشهور و سرشناس (جلسه 31)
  • راهنمای کامل تغذیه محتوا نویس (جلسه 30)
  • چگونه یک محتوای تصویری خوب بسازیم؟ (جلسه 29)
  • 10 تکنیک برای افزایش فالوور اینستاگرام (جلسه 28)
  • راه اندازی کمپین در شبکه های اجتماعی (جلسه 27)
  • آموزش 0 تا 100 ایمیل نویسی (جلسه 26)
آموزش رایگان ووکامرس
آموزش رایگان المنتور
آموزش رایگان html -css
درباره افق وب

ما در افق وب آرزو داریم هرکسی بتواند وبسایت خودش را مطابق سلیقه دلخواه خودش طراحی کند و در این مسیر تمامی آموزش های لازم را از پایه و با بالاترین کیفیت ممکن به صورت کاملا کاربری ارائه میدهیم

دسترسی بیشتر
  • قوانین و شرایط
  • ارتباط با ما
  • استخدام
  • تدریس خصوصی وردپرس
ارتباط با ما
  • تهران، رباط کریم، مجتمع اداری پردیسان
  • 02156434684
  • info@ofoghweb.com
تمامی حقوق برای افق وب محفوظ می باشد.
اشتراک گذاری در شبکه های اجتماعی
ارسال به ایمیل
https://ofoghweb.com/?p=12823
ورود به سیستم ×

ورود با کد یکبارمصرف
واتساپ
ارسال مجدد کد یکبار مصرف(00:30)
آیا حساب کاربری ندارید؟
نام‌نویسی

ارسال مجدد کد یکبار مصرف (00:30)
برگشت به صفحه ورود به سایت
  • (+98) جمهوری اسلامی ایران
مرورگر شما از HTML5 پشتیبانی نمی کند.