جستجوی ایجکس در ووکامرس؛ جستجوگر ایجکسی (سرچ ajax) برای سایت وردپرسی با افزونه Ajax Search Lite

ضعیفمتوسطخوببسیار خوبعالی
( 1 رای , میانگین : 5,00 از 5)
بارگذاری...

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

چرا باید از قابلیت Ajax Search  در وردپرس استفاده کنیم؟

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

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

بیشتر بخوانید: فعال سازی GZIP در وردپرس؛ 3 روش راه اندازی فشرده ‌سازی جی زیپ برای سایت 

آموزش جستجوی ایجکس در ووکامرس

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

1- ایجاد جستجوی ایجکس در ووکامرس با افزونه  ajax search for woocommerce

1-1: نحوه نمایش سرچ ajax در وردپرس با افزونه  ajax search for woocommerce

1-2: افزودن جستجوی ایجکس در ووکامرس به منوی ناوبری

1-3: افزودن جستجوی ایجکس در ووکامرس به سایدبار یا نوارکناری

1-4: افزودن جستجوی ایجکس در ووکامرس با استفاده از کدکوتاه

2- ایجاد جستجوی ایجکس در ووکامرس با افزونه SearchWP

در ادامه توضیحاتی در خصوص هریک از این روش ها در اختیار شما قرار می دهیم. امیدوارم تا انتهای این مطلب مارو همراهی کنید.

1- ایجاد جستجوی ایجکس در ووکامرس با افزونه ajax search for woocommerce

این بهترین افزونه برای صاحبان کسب و کارهای آنلاین می باشد که قصد دارند یک جستجوی هوشمند را در سایت خود اجرا کنند. برای این آموزش ما از نسخه حرفه ای یا همان افزونه ajax search pro برای سرچ پیشرفته در ووکامرس استفاده می کنیم. این افزونه به دنبال کلمات کلیدی جستجو شده در تمام زمینه های محصولات شما از جمله فیلدهای سفارشی می گردد. همچنین می تواند نتایج را بدون بارگیری مجدد صفحه به کاربران نمایش دهد و به طور قابل توجهی سریعتر از جستجوی پیش فرض ووکامرس می باشد. علاوه بر آن این پلاگین دارای یک نسخه رایگان هم می باشد که امکانات قدرتمندی را در اختیار شما قرار نمی دهد. در ادامه آموزش افزونه  ajax search pro را در اختیار شما قرار می دهیم.

در ابتدا افزونه ajax search for woocommerce را در سایت خود نصب و فعال کنید. اگر با نحوه نصب افزونه آشنایی ندارید می توانید آموزش نصب افزونه وردپرس را مشاهده کنید.

پس از فعال سازی افزونه، برای پیکربندی تنظیمات کافیست از بخش “ووکارس” روی گزینه “Ajax Search Bar ” کلیک کنید. پس از آن وارد تب “Search bar” شوید.

جستجوی ایجکس در ووکامرس

بیشتر بخوانید: معرفی افزونه Crisp Live Chat برای پشتیبانی آنلاین در وردپرس

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

جستجوی ایجکس در ووکامرس

با وارد شدن به تب “Autocomplete” می توانید گزینه های موجود را بررسی کنید. همچنین می توانید آن را بدون تغییر رها کنید، تنظیمات پیش فرض برای اکثر فروشگاه های آنلاین کار می کند.

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

جستجوی ایجکس در ووکامرس

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

بیشتر بخوانید: نحوه اضافه کردن جستجوی گوگل در سایت وردپرس

1-1: نحوه نمایش سرچ ajax در وردپرس با افزونه ajax search for woocommerce

افزونه ajax search for woocommerce سه راه در اختیار شما قرار می دهد که می توانید با استفاده از آنها جستجوی ایجکس را در سایت خود اضافه و به کاربران نمایش دهید.

  • می توانید آن را به منوی ناوبری فروشگاه خود اضافه کنید.
  • با استفاده از یک ویجت آن را در نوار کناری یا سایدبار نمایش دهید.
  • می توانید به کمک کدکوتاه، آن را در هربخش از سایت اضافه کنید.

1-2: افزودن جستجوی ایجکس در ووکامرس به منوی ناوبری

بهترین بخشی که شما می توانید کادر جستجو را قرار دهید، بخش ناوبری می باشد. برای انجام اینکار، از بخش “نمایش” روی گزینه “منو” کلیک کنید. سپس کافیست بخش “AJAX Search Bar” را به منوی خود اضافه کنید.

سرچ ajax در وردپرس

بعد از آن فراموش نکنید که تغییرات خود را ذخیره کنید. پس از آن همانند تصویر زیر، یک جستجوی آجاکس هوشمند به منوی ناوبری سایت شما اضافه می شود.

سرچ ajax در وردپرس

بیشتر بخوانید: بهترین افزونه جستجو وردپرس | 11 پلاگین پیشرفته و حرفه ای سرچ وردپرس

1-3: افزودن جستجوی ایجکس در ووکامرس به سایدبار یا نوارکناری

یکی دیگر از پربازدیدترین بخش های هر سایتی، بخش سایدبار آن می باشد. برای افزونهAjax Search  در وردپرس ابتدا از بخش”نمایش” روی گزینه “ابزارک ها” کلیک کنید. سپس کافیست ابزارک “AJAX search bar” را پیدا و آن را در یک موقعیت مناسب بکشید و رها کنید.

Ajax Search در وردپرس

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

Ajax Search در وردپرس

بیشتر بخوانید: فیلتر پیشرفته با افزونه YITH WooCommerce Ajax Product Filter

1-4: افزودن جستجوی ایجکس در ووکامرس با استفاده از کدکوتاه

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

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

[wcas-search-form]

جستجوگر ایجکس برای سایت وردپرس

در نهایت روی دکمه ذخیره کلیک کنید.

بیشتر بخوانید: 13 بهترین سایت های وبلاگ وردپرسی در جهان

2- ایجاد جستجوی ایجکس در ووکامرس با افزونه SearchWP

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

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

پس از فعال سازی، از بخش “تنظیمات” روی گزینه “SearchWP” کلیک کنید و مجوز خود را وارد کنید تا افزونه برای شما فعال شود. در مرحله بعد، باید افزونه WooCommerce Integration را نصب و فعال کنید. می ‌توانید آن را از ناحیه حساب خود در وب‌سایت SearchWP دانلود کنید و آن را مانند سایر افزونه‌ های وردپرس نصب نمائید. سپس از بخش “تنظیمات” روی گزینه ” SearchWP” کلیک کنید و از بالای صفحه دکمه ” Sources & Settings” را بزنید.

جستجوگر ایجکس برای سایت وردپرس

از آن یک پنجره پاپ آپ به شما نمایش داده می شود که باید حتماض تیک گزینه “products” را بزنید.

جستجوگر ایجکس برای سایت وردپرس

سپس روی دکمه “Done” کلیک کنید تا وارد صفحه تنظیمات محصولات شوید.

به‌طور پیش‌فرض، این افزونه عنوانی مانند: محصولات، محتوا و برخی از موارد دیگر را جستجو می کند، حال اگر شما می توانید با کلیک بر روی دکمه ” افزودن/حذف ویژگی‌ها یا همان Add/Remove Attributes” آن را گسترش دهید.

جستجوگر ایجکس برای سایت وردپرس

پس از آن یک پنجره پاپ آپ به شما نشان داده می شود که می توانید تنظیمات مختلفی مانند: رنگ بندی، اندازه فیلدها و … را سفارشی کنید.

جستجوگر ایجکس برای سایت وردپرس

در نهایت باید روی دکمه ذخیره تغییرات کلیک کنید.

 بیشتر بخوانید: افزونه Search & Filter Pro | بهترین افزونه ایجاد جستجو و فیلتر

جمع بندی

بی شک یکی از مهم ترین بخش های هر سایت فروشگاهی، بخش جستجوی آن می باشد. اگر جستجوی سایت شما هوشمند و قدرتمند نباشد، مشتریان شما نمی توانند خیلی سریع به انچه که می خواهند برسند که در نتجیه باعث خروج مشتریان از سایت می شود. برای بهبود بخش جستجوی سایت، شما می توانید از کد نویسی جستجوی پیشرفته در وردپرس یا افزونه استفاده کنید که پیشنهاد ما به شما استفاده از یک افزونه جستجوی پیشرفته ووکامرس می باشد. افزونه های مختلفی برای این منظور ارائه شده که ما در این مطلب به 2 مورد از بهترین انها اشاره کردیم. امیدوارم این آموزش مورد رضایت شما قرار گرفته باشد.         

منبع: wpbeginner

درباره نویسنده



میلاد انوش
( عضو از 3 سال قبل )
  • 900 نوشته
  • 0 دیدگاه
  • 1 محصول
  • 0 دوره آموزشی

نظرات کاربران

ثبت دیدگاه

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

دیدگاهتان را بنویسید

مطالب مرتبط



آموزش نمایش تعداد کل دیدگاه ها در وردپرس

926
0
آیا میخواهید تعداد کل دیدگاه های سایت وردپرس خود را نمایش دهید؟ دیدگاه ها به کاربران اجازه می دهند تا با مطالب و محتوای سایت شما ارتباط برقرار ...
جزییات بیشتر آموزش را بخوانید!

آموزش ایجاد بخش هواشناسی در سایت با استفاده از Location Weather و Ventus

209
0
آیا قصد دارید بخش هواشناسی را به سایت وردپرسی خود اضافه کنید؟ بسیاری از وب سایت‌ها از جمله سایت‌های خبری، سایت‌های آژانس‌های مسفارتی، هتل‌ها و... ممکن است نیاز ...
جزییات بیشتر آموزش را بخوانید!

AMP چیست و تاثیر شتاب دهنده نسخه موبایل بر سئوی سایت

2189
3
یکی از ابزارهای کاربردی که گوگل جدیداً آن را معرفی کرده است، ابزار AMP می باشد. با توجه به رشد روز افزون استفاده از گوشی موبایل و دسترسی ...
جزییات بیشتر آموزش را بخوانید!

استفاده از استایل دلخواه در مطالب وردپرس | wp add custom css

1991
2
ظاهر یک سایت یکی از مهم ترین مواردی است که طراحان سایت و مدیران سایت به آن توجه ویژه ای می نمایند و همانطور که می دانید استایل ...
جزییات بیشتر آموزش را بخوانید!

چرا سایت وردپرسی دیر لود میشود؟

3042
0
آیا سرعت لود شدن سایت شما پایین است؟ صفحات بارگذاری سریع تجربه کاربر را بهبود می بخشد و باعث می شود که بازدید از صفحات شما افزایش پیدا ...
جزییات بیشتر آموزش را بخوانید!

آموزش ایجاد آرشیو فشرده در وردپرس با افزونه Compact Archives

1491
0
بعد از چند سال که از سایت/وبلاگ داشتن میگذرد، خواهید دید که آرشیو می تواند به سرعت از دست شما خارج شود. چیزی که شما به آن نیاز ...
جزییات بیشتر آموزش را بخوانید!

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

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

لید (Lead) یا سرنخ چیست؟ راه های ایجاد لید با کیفیت چیست؟

392
0
هر سایتی با هدف موفقیت و فروش بیشتر کار خود را شروع می کند. شما برای اینکه بتوانید کسب و کار آنلاین خود را گسترش دهید، باید بتوانید ...
جزییات بیشتر آموزش را بخوانید!

دسته بندی مطالب

محصولات حرفه ای

جستجو کنید…

همکار ما شوید

اگر دوست دارید در زمینه آموزش ، افزونه ، قالب وردپرس و ووکامرس ، آموزش سئو و… مقالات آموزشی خود را در نوین وردپرس منتشر کنید میتوانید به عنوان نویسنده در نوین وردپرس فعالیت کنید.

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