באתרי מסחר הגדולים כמו אמזון ועלי אקספרס למשל, תשימו לב שצורת החיפוש של עמודים או מוצרים באתר שונה מזו שיש ברוב האתרים. כלומר, ברגע שאתם מתחילים להזין מונח מסוים כמו למשל צלחות לבית, המנוע חיפוש של אותו אתר כבר ישלים אתכם אוטומטית ויחסוך לכם את יתר ההקלדה.
אבל לא רק חיסכון בהקלדה היא התועלת היחידה בחיפוש מתקדם, אלא גם רמת הדיוק של קטגוריית המוצר או סוג המוצר הספציפי אותו אתם מחפשים.
במאמר הבא נדבר על איך יוצרים טופס חיפוש באלמנטור, פשוט ומתקדם. פשוט = כפי שאתם רגילים לראות ברוב האתרים, ומתקדם = כזה שמשלים לכם את שורת החיפוש אותו אתם מחפשים.
טופס חיפוש באלמנטור – הטופס הרגיל
את הטופס הפשוט ניתן למצוא ברשימת ווידג'טים בצד ימין/שמאל באלמנטור. ברוב העמודים הטופס יהיה בחלק התחתון של הווידג'טים תחת לשונית "אתר".
הטופס חיפוש הנ"ל יאפשר למשתמשים שלכם באתר לחפש מונח מסוים ובהתאם לזה, האתר יציג את תוצאות החיפוש.
חשוב לציין כי ע"מ שתוצאות החיפוש יוצגו בהתאם לשאילתא, יש להגדיר טמפלט ארכיון ובתוכו את אלמנט הפוסטים, ובתוך אלמנט הפוסטים להגדיר בשאילתא את תוצאות "שאילתא נוכחית". כלומר, בהתאם לקטגוריה שאליה נכנסתי, או לחילופין בהתאם למונח אותן רשמתי בתוצאות החיפוש.

טופס חיפוש מתקדם באלמנטור
טופס החיפוש הפשוט לא משביע את רוב האנשים, ויש לזה כמה סיבות:
- תוצאות החיפוש אינן מדויקות. זאת אומרת שתוכלו לקבל תוצאות גם למונחים שאינם קשורים
- פגיעה בחווית משתמש – במקום לחפש שאילתא ולקבל תוצאה במקום, אתם תיאלצו לרשום את כל השאילתא, לעבור לעמוד ארכיון, משם לחפש את העמוד המבוקש ורק או אז תוכלו לקבל את התוצאה שחיפשתם
- זה מזמין חיפושים נוספים – בסופו של דבר חווית משתמש הוא החלק הקריטי בשאלה האם המשתמש ירכוש מכם מוצרים או שירותים או יעבור לאתר אחר שמציע לו נוחות וחווית משתמש קלילה.

מנוע חיפוש AJAX
המונח AJAX search הוא ראשי תיבות של Asynchronous JavaScript ו-XML והוא בגדול אוסף של טכניקות שמאפשר לטעון עמודים בלי לעבור לעמוד נוסף.
הדוגמה הבולטת לזה היא מנוע החיפוש של גוגל שמאפשר השלמה אוטמטית לחיפוש שלכם.
אחרי כל החפירה וההסבר 🙂
כדי להשתמש טופס חיפוש באלמנטור שמשלים אתכם אוטומט, יש להוריד ולהתקין באתר את התוסף JetSearch (מבית קרוקובלוק).
לאחר ההתקנה יתווסף לכם ווידג'ט חדש בשם AJAX search והוא יופיע בחלק התחתון של הווידג'טים באלמנטור.

התאמה לעברית והתאמת עיצוב
ניתן להתאים את הוויד'ט כרצנוכם, כולל תרגום לעברית של מונחי ברירת המחדל שמופיעים באנגלית, ובנוסף ניתן להתאים את עיצוב תחת סגנון.
צריכים עזרה? לא מסתדרים בהתקנה? אנחנו כאן כדי לסייע 🙂