اگر می خواهید کاربران سایت بتوانند نوشته ها، محصولات یا هر نوع محتوای دلخواه را ذخیره کنند، بهترین راهکار راه اندازی علاقه مندی با JetEngine است. با استفاده از قابلیت Data Stores در JetEngine می توانید بدون کدنویسی، دکمه افزودن به علاقه مندی بسازید، لیست موارد ذخیره شده را نمایش دهید و حتی برای مهمان ها نیز این امکان را فعال کنید.

مزیت استفاده از Data Stores برای علاقه مندی

JetEngine یک ماژول داخلی به نام Data Stores دارد که دقیقا برای ساخت لیست های دلخواه مانند علاقه مندی، مقایسه و بعدا بخوان طراحی شده است. این ماژول داده ها را برای هر کاربر ذخیره می کند و به شما اجازه می دهد روی هر نوع محتوا دکمه افزودن یا حذف قرار دهید.

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

  • بدون کدنویسی و با چند کلیک
  • پشتیبانی از کاربر وارد شده و کاربر مهمان
  • سازگار با Elementor و ویرایشگر بلوک وردپرس
  • قابل استفاده برای هر نوع پست تایپ و ترم

پیش نیازها و فعال سازی ماژول

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

  1. از منوی پیشخوان به JetEngine بروید.
  2. بخش Modules را باز کنید.
  3. گزینه Data Stores را فعال کرده و تنظیمات را ذخیره کنید.

پس از فعال سازی، یک زیرمنو با عنوان Data Stores در JetEngine ظاهر می شود که محل ایجاد و مدیریت استورها است.

ایجاد استور علاقه مندی

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

  1. به JetEngine و سپس Data Stores بروید و روی Add New کلیک کنید.
  2. یک نام خوانا مانند favorites انتخاب کنید.
  3. نوع آیتم را بر اساس نیاز تعیین کنید. برای نوشته ها یا محصولات، Post را انتخاب کنید.
  4. Store type را روی User یا Session بگذارید. User برای کاربران وارد شده و Session برای مهمان ها مناسب است.
  5. ظرفیت، متن های دکمه و سایر گزینه ها را تنظیم و ذخیره کنید.

اگر می خواهید هم کاربران مهمان و هم وارد شده ها بتوانند ذخیره کنند، دو حالت دارید: یک استور User بسازید و در تنظیمات آن اجازه استفاده مهمان را فعال کنید، یا جداگانه یک استور Session اضافه کنید. اغلب سناریوها با فعال کردن اجازه مهمان در همان استور User به خوبی کار می کنند.

تفاوت استور کاربر و جلسه

برای انتخاب درست، تفاوت این دو نوع ذخیره سازی را بدانید. مورد زیر به تصمیم گیری سریع کمک می کند.

نوع استور ویژگی کلیدی
User داده ها در متای کاربر ذخیره می شوند و پس از خروج یا تغییر دستگاه باقی می مانند.
Session داده ها در کوکی یا نشست مرورگر ذخیره می شوند و با پاک شدن مرورگر از بین می روند.

افزودن دکمه افزودن به علاقه مندی

حالا باید یک دکمه یا لینک روی کارت محصول یا صفحه تکی اضافه کنیم تا کاربر بتواند اضافه یا حذف کند. این کار با Dynamic Link در JetEngine بسیار ساده است.

  1. قالب لیست خود را با Listing Item باز کنید یا به صفحه تکی محتوا بروید.
  2. ویجت Dynamic Link در المنتور یا بلوک مشابه در گوتنبرگ را اضافه کنید.
  3. در بخش Source گزینه Data Store را انتخاب کنید.
  4. Store را روی استور favorites که ساختید بگذارید.
  5. Action را برای دو حالت Add to Store و Remove from Store تنظیم کنید.
  6. متن یا آیکن متفاوت برای هر حالت تعریف کنید تا وضعیت ذخیره سازی به کاربر نشان داده شود.

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

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

برای نمایش نتایج، یک صفحه جداگانه با عنوان علاقه مندی های من بسازید و یک Listing Grid با کوئری مناسب روی آن قرار دهید. JetEngine دو راه در اختیارتان می گذارد: استفاده از Query Builder یا تنظیم منبع مستقیم در Listing Grid.

  1. به JetEngine و سپس Query Builder بروید و یک کوئری جدید بسازید.
  2. نوع کوئری را روی Posts بگذارید و Post Type مربوطه را مشخص کنید.
  3. در فیلترها، منبع را Data Store انتخاب و استور favorites را تعیین کنید.
  4. کوئری را ذخیره کرده و در Listing Grid صفحه علاقه مندی ها فراخوانی کنید.

اگر چند پست تایپ دارید، می توانید برای هر کدام یک Listing Item جداگانه بسازید یا با یک قالب داینامیک همه را پوشش دهید. برای کاربرانی که هیچ آیتمی ذخیره نکرده اند، یک پیام خالی بودن لیست در تنظیمات Grid نمایش دهید تا تجربه کاربری بهتر شود.

شخصی سازی متن، آیکن و حالت ها

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

  • آیکن: از کتابخانه آیکن قالب یا SVG اختصاصی استفاده کنید.
  • متن پویا: برای طولانی نشدن، فقط آیکن نمایش دهید و متن را در ToolTip بگذارید.
  • حالت بارگذاری: اگر درخواست ها ایجکس هستند، یک لودر کوچک اضافه کنید.
  • دسترسی پذیری: نقش دکمه، برچسب aria و کنتراست رنگ را رعایت کنید.

مدیریت کاربران مهمان و همگام سازی

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

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

نکات عملکرد و مقیاس پذیری

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

  • از Query Builder استفاده کنید تا فقط فیلدهای لازم خوانده شوند.
  • صفحه علاقه مندی ها را صفحه بندی کنید و تعداد آیتم در هر صفحه را منطقی بگذارید.
  • تصاویر بندانگشتی را با سایز مناسب بارگذاری کنید.
  • اگر از کش سمت سرور استفاده می کنید، برای کاربر وارد شده استثناهای لازم را تعریف کنید.

گسترش قابلیت ها با فیلتر و مرتب سازی

وقتی حجم لیست کاربر زیاد می شود، فیلتر و مرتب سازی تجربه را متحول می کند. با JetSmartFilters می توانید بر اساس قیمت، دسته بندی یا برچسب ها فیلتر بسازید و روی Listing Grid اعمال کنید.

  • مرتب سازی بر اساس جدیدترین ذخیره شده
  • فیلتر بر اساس دسته بندی یا ویژگی
  • جستجوی زنده در میان آیتم های ذخیره

برای ذخیره زمان کاربر، یک دکمه حذف همه نیز اضافه کنید اما حتما تاییدیه بگیرید تا پاک شدن ناخواسته رخ ندهد.

سناریوهای پیشرفته و ترکیب با سایر ماژول ها

اگر به دنبال ایده های بیشتر هستید، چند الگوی قدرتمند را بررسی کنید. با Relation در JetEngine می توانید آیتم های ذخیره شده را به پروفایل کاربر ربط دهید و گزارش بسازید. با Forms یک فرم کوتاه برای افزودن یادداشت روی هر آیتم به کاربر بدهید.

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

این ترکیب ها بدون کدنویسی خاص و تماما با ابزارهای داخلی JetEngine قابل پیاده سازی هستند و کنترل کاملی روی تجربه کاربری می دهند.

اشکال یابی خطاهای رایج

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

  1. درست بودن انتخاب Store در Dynamic Link را چک کنید.
  2. نوع آیتم استور با نوع محتوای نمایش داده شده هماهنگ باشد.
  3. کش مرورگر و افزونه های کش را موقتا غیرفعال و تست کنید.
  4. در تنظیمات استور محدودیت ظرفیت یا نقش های مجاز را بررسی کنید.
  5. اگر از Session استفاده می کنید، کوکی ها باید فعال باشند.

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

نمونه جریان راه اندازی در پنج دقیقه

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

  1. فعال سازی ماژول Data Stores در JetEngine
  2. ساخت استور favorites از نوع User با آیتم Post
  3. افزودن Dynamic Link روی کارت محصول با حالت اضافه و حذف
  4. ساخت Query بر پایه Data Store و نمایش با Listing Grid
  5. اضافه کردن شمارنده و پیام خالی برای بهبود تجربه

پس از این مراحل، یک سیستم پایدار و قابل توسعه برای مدیریت علاقه مندی خواهید داشت که روی موبایل و دسکتاپ به خوبی کار می کند.

جمع بندی

با تکیه بر Data Stores می توانید در زمانی کوتاه یک سیستم لیست دلخواه کامل بسازید، آن را روی هر نوع محتوا اعمال کنید و تجربه ای روان به کاربران ارائه دهید. اگر به یک راهکار منعطف و مقیاس پذیر نیاز دارید، پیاده سازی علاقه مندی با JetEngine انتخابی مطمئن است و در کنار کوئری ساز و فیلترها تمام مسیر ذخیره سازی تا نمایش را پوشش می دهد.