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

آیا قصد دارید یک جستجوی ایجکس در ووکامرس خود داشته باشید؟ به طور کلی؛ ووکامرس دارای یک جستجوی داخلی می باشد که امکانات و قابلیت های مختلفی را در اختیار شما قرار نمی دهد و کاربران نمی توانند جستجوهای دقیقی داشته باشند، بنابراین اگر می خواهید جستجوی سایت فروشگاهی خود را یا یک جستجوی هوشمندتر و سریع ‌تر جایگزین کنید تا علاوه بر بهبود تجربه کاربری، فروش محصولات خود را هم افزایش دهید، بهترین روش بکار گیری قابلیت سرچ 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” را به منوی خود اضافه کنید.

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

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

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

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

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

بیشتر بخوانید: فیلتر پیشرفته با افزونه 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