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

آموزش طراحی و پیاده‌سازی فیلترهای داینامیک پیشرفته برای فروشگاه‌های آنلاین با استفاده از JetWooBuilder. بدون نیاز به کدنویسی، سایت‌هایی مشابه دیجی‌کالا و علی‌بابا را با قابلیت‌های بی‌نهایت بسازید!

پیش نیاز های دوره:
پوستر افزونه جت وو بیلدر
تعداد جلسه: ۲۰
پیش نیاز: ندارد
زمان دوره: ۱۵ ساعت
مدرس: زهرا ایرانی
فروم پرسش و پاسخ: دارد
مدت پشتیبانی: ۶ ماه
ویدیو معرفی دوره
سرفصل های دوره
سوالات متداول
1. JetSmartFilters با چه نسخه‌ای از وردپرس سازگار است؟

این افزونه با تمامی نسخه‌های جدید وردپرس و ووکامرس سازگار است.

خیر، این افزونه به‌گونه‌ای طراحی شده که برای استفاده از آن نیازی به دانش کدنویسی ندارید. با استفاده از المنتور و تنظیمات ساده می‌توانید فیلترها را اضافه کنید.

با توجه به پشتیبانی از فیلترهای Ajax و طراحی بهینه، این افزونه به‌طور کلی تأثیری منفی روی عملکرد سایت نخواهد داشت.

نمونه تدریس
این دوره مناسب چه کسانی است؟
نظرات شرکت کنندگان
ثبت نام و شرکت در دوره

قیمت دوره:

قیمت اصلی 273,000 تومان بود.قیمت فعلی 50,000 تومان است.

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

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

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

چرا جت وو بیلدر را انتخاب کنیم؟

این افزونه به شما اجازه می‌ دهد تمام صفحات ووکامرس، از جمله صفحه محصول، صفحه تسویه‌ حساب، سبد خرید و صفحه دسته‌بندی‌ ها را به‌صورت کاملاً سفارشی طراحی کنید.

ویژگی‌ های کلیدی جت وو بیلدر

طراحی صفحات اختصاصی برای محصولات و دسته‌بندی‌ ها

ایجاد صفحه پرداخت و سبد خرید سفارشی

امکان استفاده از فیلتر های پیشرفته و دکمه‌ های سفارشی

هماهنگی کامل با المنتور و سایر افزونه‌ های جت

جت وو بیلدر برای چه کسانی مناسب است؟

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

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

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

جت وو بیلدر چیست و چرا به آن نیاز داریم؟

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

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

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

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

مزایای استفاده از جت وو بیلدر:

تصور کنید یک فروشگاه عطر دارید. می‌ خواهید صفحات محصولات عطر های لوکس طراحی متفاوت و شیک‌ تری نسبت به عطر های معمولی داشته باشند.

با این افزونه، بدون کد نویسی، می‌ توانید دو طرح مختلف ایجاد کرده و برای هر دسته اعمال کنید. این سطح از کنترل طراحی، تجربه خرید را برای مشتریان شما بهتر می‌ کند و به اعتبار برند شما می‌ افزاید، مشابه تفاوتی که بین یک فروشگاه انلاین ساده و یک پلتفرم بزرگ مثل دیجی کالا می‌ بینید. این دستاورد ها با Jet Woo builder قابل دستیابی هستند.

 ویژگی ‌های این افزونه در آموزش جت وو بیلدر

این افزونه در آموزش حرفه ای جت وو بیلدر، ابزار های مختلفی را برای تبدیل صفحات ووکامرس پیش فرض به طرح‌ های حرفه‌ ای و سفارشی ارائه می‌ دهد که به تفصیل بررسی می‌ شوند:

 تمپلیت صفحه محصول تکی

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

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

نحوه استفاده: در پیشخوان وردپرس به بخش “المنتور” (یا قالب‌ ها) بروید. گزینه “افزودن جدید” را انتخاب کنید. نوع قالب را روی “محصول تکی” یا “Single Product” تنظیم کنید.

نامی برای قالب انتخاب کنید و آن را ایجاد کنید. در سمت راست، ویجت‌ های این افزونه در آموزش حرفه ای جت وو بیلدر را خواهید دید. ویجت‌ هایی مانند “WooCommerce Title”، “WooCommerce Price”، “WooCommerce Add to Cart” و سایر ویجت‌ های مورد نیاز را بکشید و در ستون‌ ها و بخش‌ های مورد نظر رها کنید.

استایل (رنگ، فونت، فاصله و…) آن‌ ها را تنظیم کنید. قالب را ذخیره کنید. این مراحل پایه در آموزش جت وو بیلدر در جت ساز پوشش داده شده است.

ویجت‌ های مهم در صفحه محصول تکی:

  1. WooCommerce Title نمایش عنوان محصول.
  2. WooCommerce Price نمایش قیمت محصول (عادی، تخفیف خورده).
  3. WooCommerce Add to Cart نمایش دکمه افزودن به سبد خرید با تنظیمات کامل.
  4. WooCommerce Gallery / Images نمایش تصاویر گالری محصول با سبک‌ های مختلف.
  5. WooCommerce Description نمایش توضیحات کوتاه و بلند محصول.
  6. WooCommerce Tabs نمایش تب‌ های پیش فرض ووکامرس (توضیحات، اطلاعات بیشتر، نظرات) به صورت سفارشی.
  7. WooCommerce Meta نمایش اطلاعات فرعی محصول SKU دسته‌بندی‌ ها، برچسب‌ ها.
  8. WooCommerce Related / Upsells / Cross-sells نمایش محصولات مرتبط، پیشنهادات ویژه و موارد دیگر.
  9. WooCommerce Rating نمایش ستاره‌ های امتیاز دهی محصول.
  10. WooCommerce Stock نمایش وضعیت موجودی.

تمپلیت صفحات آرشیو در آموزش جت وو بیلدر

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

مثال: صفحه اصلی بخش “مد و پوشاک” یا “کالای دیجیتال” در دیجی کالا را تصور کنید. محصولات ممکن است در یک گرید با ۴ ستون نمایش داده شوند، در سمت راست یا چپ فیلتر های مختلف (برند، رنگ، سایز، قیمت) وجود داشته باشد، بالای لیست محصولات یک بنر تبلیغاتی یا توضیح کوتاه درباره دسته دیده شود و پایین صفحه ابزار صفحه‌ بندی باشد.

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

نحوه استفاده: در پیشخوان وردپرس، به بخش “المنتور” (یا قالب‌ ها) بروید. “افزودن جدید” را انتخاب کنید. نوع قالب را روی “آرشیو محصول” یا “Archive” تنظیم کنید. نامی انتخاب کنید و قالب را ایجاد کنید. اگر به دنبال یادگیری پیشرفته این افزونه هستید آموزش جت وو بیلدر جت ساز برای شماست.

از ویجت “Archive Products” برای نمایش لیست محصولات استفاده کنید که یکی از مهمترین ویجت‌ها برای این بخش است. ویجت‌ های دیگری مانند “Archive Title” عنوان دسته/آرشیو، “Archive Results Count” تعداد نتایج، “Archive Pagination” (صفحه‌بندی) و “Archive Sorting” (مرتب سازی) را اضافه و طراحی کنید.

ویجت‌ های مهم در تمپلیت صفحات آرشیو:

  1. Archive Products ویجت اصلی برای نمایش لیست محصولات موجود در آرشیو فعلی (با قابلیت تنظیم ستون‌ها، تعداد محصول در هر صفحه، استایل نمایش و…). این ویجت اصلی‌ ترین بخش کار با JetWoobuilder برای ارشیو است.
  2. Archive Title نمایش عنوان صفحه آرشیو فعلی (مثلاً نام دسته‌ بندی).
  3. Archive Description نمایش توضیحات دسته‌ بندی یا آرشیو.
  4. Archive Results Count نمایش تعداد نتایج یافت شده.
  5. Archive Pagination نمایش ابزار صفحه‌بندی.
  6. Archive Sorting نمایش ابزار مرتب سازی محصولات.

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

پس از ساخت تمپلیت‌ ها، باید مشخص کنید که هر تمپلیت در کجا نمایش داده شود. دوره جت وو بیلدر امکانات انعطاف‌ پذیری برای این کار ارائه می‌ دهد.

مثال: یک فروشگاه فرش را در نظر بگیرید. شاید بخواهید صفحات محصول برای “فرش‌ های دستباف ابریشم” یک طرح خاص و مجلل داشته باشند که جزئیات بافت را با تصاویر بزرگ و متون دقیق نشان دهد، در حالی که صفحات “فرش‌ های ماشینی” طرحی ساده‌ تر با تمرکز بر ابعاد و طرح داشته باشند.

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

نحوه استفاده: پس از اینکه تمپلیت‌ های صفحه محصول تکی یا صفحات آرشیو را در المنتور ساختید و ذخیره کردید، به پیشخوان وردپرس بروید و در بخش “جت وو بیلدر”، وارد تنظیمات “Single Product Templates” یا “Archive Templates” شوید.

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

به عنوان مثال، یک قانون اضافه کنید که اگر محصول در دسته‌ بندی “فرش دستباف ابریشم” بود، از تمپلیت “محصول ابریشم لوکس” استفاده شود. این فرآیند در دوره جت وو بیلدر به صورت تصویری نمایش داده شده است.

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

شما می‌ توانید در کنار ویجت‌ های اطلاعات محصول (مثل قیمت یا گالری) از ویجت‌ های عمومی المنتور مانند “Heading” برای عنوان سفارشی، “Text Editor” برای متون خاص خارج از توضیحات اصلی، “Image” برای اضافه کردن بنر های تبلیغاتی درون صفحه محصول، یا “Columns” و “Sections” برای ایجاد چیدمان‌ های پیچیده با سطر ها و ستون‌ های دلخواه استفاده کنید.

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

نحوه کار با جت وو بیلدر

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

این تمپلیت شامل ویجت‌ هایی است که به جای نمایش محتوای ثابت، اطلاعات مربوط به “محصولی که در حال حاضر نمایش داده می‌ شود” یا “آرشیو در حال نمایش” را از ووکامرس دریافت و نمایش می‌ دهند.

پس از طراحی تمپلیت، شما در تنظیمات این افزونه مشخص می‌ کنید که این تمپلیت برای کدام صفحات ووکامرس (مثلاً تمام صفحات محصول، محصولات دسته “لباس”) استفاده شود.

به این ترتیب، زمانی که یک کاربر از صفحه محصول یا آرشیو بازدید می‌ کند، JetWoobuilder تمپلیت طراحی شده شما را با اطلاعات مربوط به آن محصول یا آرشیو خاص پر کرده و به کاربر نمایش می‌ دهد و این روند در آموزش جت وو بیلدر تشریح می‌ شود.

جت وو بیلدر برای چه کسانی مناسب است؟

  1. طراحان وب: ابزاری عالی برای ساخت فروشگاه‌ های انلاین حرفه‌ ای و سفارشی برای مشتریان.
  2. صاحبان فروشگاه‌ های انلاین: کسانی که می‌ خواهند ظاهر فروشگاه خود را بدون نیاز به استخدام توسعه‌ دهنده تغییر دهند.
  3. توسعه‌ دهندگان: راهی سریع‌ تر و بصری‌ تر برای ساخت تمپلیت‌ های ووکامرس در مقایسه با کد نویسی از صفر و تسریع کار با آموزش جت وو بیلدر.

مثال: یک صاحب کسب و کار کوچک که فرش دستباف می‌ فروشد (مثال فروشگاه فرش). او می‌ خواهد وب سایتش ظاهری بسیار خاص و هنری داشته باشد که زیبایی فرش‌ ها را نشان دهد.

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

یک طراح وب می‌ تواند برای مشتری خود که یک فروشگاه تخصصی عطر (مثال فروشگاه عطر) راه‌ اندازی می‌ کند، از این افزونه برای ساخت صفحات محصول لوکس و صفحات دسته‌ بندی جذاب استفاده کند و پروژه را سریع‌ تر تحویل دهد که این قابلیت‌ ها با این افزونه قابل یادگیری هستند.

بخشی از مجموعه کروکبلاک در آموزش جت وو بیلدر

JetWoobuilder یکی از افزونه‌ های مجموعه کروکبلاک است که شامل ده‌ ها افزونه دیگر برای المنتور مانند جت انجین، جت پاپ آپ، جت سرچ و… می‌ شود. این نشان‌ دهنده توسعه‌ دهنده معتبر و به‌ روزرسانی‌ های منظم است که اطمینان بیشتری در استفاده از این افزونه در آموزش جت وو بیلدر می‌ دهد.

مثال: مانند استفاده از یک پلتفرم جامع حمل و نقل مثل اسنپ یا تپسی که خدمات مختلفی (تاکسی، پیک، غذا و…) را در یک برنامه ارائه می‌ دهند، کروکوبلاک نیز مجموعه‌ ای از ابزار های مختلف برای المنتور را در یک پکیج ارائه می‌ دهد.

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

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

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

نکات مهم

  1. برای استفاده از این افزونه، نیاز به نصب و فعال‌سازی افزونه‌ های وردپرس، ووکامرس و المنتور (نسخه رایگان یا حرفه‌ ای) دارید که این نیازمندی در هر راهنمای استفاده از آموزش جت وو بیلدر ذکر می‌ شود.
  2. جت وو بیلدر یک افزونه پرمیوم (غیر رایگان) است و معمولاً به صورت بخشی از پکیج‌ های کروکبلاک ارائه می‌ شود و هزینه آن بخشی از فرآیند دسترسی به قابلیت‌ های این افزونه است.
  3. در حالی که این افزونه کنترل طراحی بی‌نظیری ارائه می‌ دهد، عملکرد کلی فروشگاه شما همچنان به عواملی مانند کیفیت هاستینگ، قالب وردپرس، سایر افزونه‌ ها و بهینه‌ سازی تصاویر بستگی دارد و صرف استفاده از این افزونه ر همه مشکلات عملکرد را حل نمی‌ کند.

نتیجه‌گیری

JetWoobuilder یک افزونه ضروری برای هر کسی است که می‌ خواهد فراتر از طراحی‌ های استاندارد ووکامرس برود و یک فروشگاه انلاین کاملاً سفارشی، زیبا و با تجربه کاربری عالی با استفاده از المنتور بسازد.

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