פיתוח תוסף לשמירת פרטי פגישה בלוחות שנה שונים

תוסף וורדפרס לשמירת פרטי פגישה בלוחות שנה שונים

באתר האינטרנט של מוסך הבירה לרכבי מזדה ופורד בירושלים המבקרים יכולים למלא טופס לקביעת ביקור במוסך. בעת מילוי הטופס המבקר ממלא את פרטיו ואת השעה שבה הוא מעוניין להגיע לטיפול.

דניאל מזרחי, סמנכ"ל השירות במוסך, ביקש לפתח מנגנון שיאפשר למבקר לשמור את הפגישה בלוח השנה שלו.

לצורך כך פיתחתי עבור האתר של המוסך תוסף וורדפרס אשר לוקח את פרטי הטופס מיד עם השליחה שלו ושומר אותם כקובץ המתאים ללוחות השנה השונים.

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

בסיום תהליך הפיתוח יצרתי מנגנון שמאפשר ללקוח לשמור את האירוע לכל אחד מלוחות השנה השונים בצורה נכונה ובלי כל מאמץ.

מדובר בלוחות השנה של אאוטלוק, אאוטלוק.קום, אפל, יאהו וגוגל. בנוסף הקובץ שנבנה כיחידה גנרית יכול להישמר לכל לוח שנה שמשתמש באירועים מסוd ICS

תוסף לשמירת פרטי פגישה בלוחות שנה שונים

פיתוח מערכת להפקת שוברי הנחה ומבצעים ללקוחות מוסך הבירה בירושלים

מוסך הבירה בירושלים הוא אחד מהמוסדות המוכרים והמקצועיים ביותר באזור הבירה בשוק הרכב לרכבי מזדה ופורד. לבקשתם פותחה על ידי באתר מערכת להפקת שוברים ותווי הנחה ומבצעים. המערכת מבוססת על ריאקט React JS ומנצלת את יכולות הפלטפורמה הזאת בצורה מיטבית.

מוסך הבירה בירושלים הוא אחד מהמוסדות המוכרים והמקצועיים ביותר באזור הבירה. לבקשתם פותחה על ידי באתר מערכת להפקת שוברים ותווי הנחה ומבצעים.
במסך הבית באתר של מוסך הבירה ניתן לראות את תוסף השוברים בפעולה

במערכת האחורית מגדירים לכל סוג שובר את הכותרת, התוכן, תאריך הפקיעה וכו.

בעריכת הדף מציבים את התוסף בכל מקום שבו מעוניינים להציג את השובר שבחרנו.

כאשר לקוח מכניס את מספר רישוי המכונית שלו לתיבת הטקסט בשובר, המערכת בודקת את מבנה המספר שהוכנס ומתריעה על שגיאות או מפיקה את השובר בפומראט PDF להורדה.

כאשר הלקוח מגיע למוסך הוא מציג את השובר ומקבל את ההטבה שנבחרה.

הבחירה בפורמאט PDF לשוברים נעשתה בשל הקלות שבה ניתן להציג את השובר בעזרתה . הלקוח לא מסתבך והתהליך הופך ליעיל מאוד.

בצד הניהול ניתן לבחור בין מספר תבניות מוגדרות מראש לכל שובר. בדף הבית של מוסך הבירה תוכלו לראות שתי תבניות שנבחרו. התבניות עצnן מוגדרות מראש מאחר והפורמאט של הקבצים המופקים (PDF) אינו מאפשר גמישות.

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

בצד הניהול ניתן לבחור בין מספר תבניות מוגדרות מראש לכל שובר. בדף הבית של מוסך הבירה תוכלו לראות שתי תבניות שנבחרו.

פיתוח מערכת ממשק למלאי דירות לחברות בניה

היום העליתי את התוסף החדש שלי לאתר חי. התוסף יוצר ממשק בין אתר חברת בניה למערכת ניהול מלאי הדירות שלה.

ניתן לראות את התוסף בפעולה בדף ניהול המלאי של חברת הבניה MY נתיבות

רוב חברות הבניה בארץ עובדות עם מערכת ניהול במבי http://bmby.com המערכת של במבי מנהלת את מלאי הדירות והפרויקטים של הלקוח (חברת הבניה)

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

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

כמובן שניתן לבחור תצוגה של דירות לפי מספר חדרים ומחיר.

מבחינה טכנית התוסף פותח על וורדפרס WordPress כאשר כל מנגנון התצוגה נשלט על ידי ריאקט (ReactJS). היתרון בשימוש בריאקט בשילוב עם וורדפרס הוא בעיקר ביכולת להציג נתונים מבניינים שונים, תוך פניה לבסיס הנתונים בזמן טעינה מהיר במיוחד. הדף עצמו אינו נטען מחדש עם מעבר מתצוגת בניין אחד לתצוגת בניין אחר אלא רק הנתונים בתצוגה משתנים בהתאם לנתונים החדשים.

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

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

גלרית האחים י ש קטן

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

כתובת האתר: http://jerusalem-mall.co.il/

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

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

  1. שליטה על המוצרים בניהול ועקביות בהכנסת מוצרים חדשים
  2. מנגנון התפריט באתרי אינטרנט הוא אחד הצרכנים הגדולים של המשאבים וריבוי קטגוריות יכול לגרום להאטה משמעותית של האתר.
  3. איך מאפשרים ללקוח למצוא את מה שהוא מחפש יחד עם הצורך למשוך אותו למוצרים שאולי לא התכוון לקנות.

על מנת לעזור לסמי בניהול ובשליטה בקטגוריות פיתחתי יחד איתו קונספט פנימי שמאפשר לו להחליט לאיזו קטגוריה משויך כל מוצר מהמידע הנמצא במספר הקטלוגי שלו. הרעיון הוא, שכל מוצר מקבל את המבנה המספרי של זיהוי הקטגוריה בבסיס הנתונים יחד עם מספר ייחודי למוצר. לדוגמא, מוצר המשויך לשרשרת הקטגוריות 525-541-542-705 יקבל את המספר 525-541-542-705-123 כאשר 123 תלוי בקיומם של מוצרים אחרים כמובן.

לצורך כך פיתחתי במיוחד עבורו תוסף המפעיל מנגנון להצגת מבנה הקטגוריות באתר ומאפשר לו לקבוע את מספרי הזיהוי של מוצרים חדשים בקלות. התוסף מייצר רשימה של כל הקטגוריות באתר יחד עם שרשור מספרי הזיהוי הייחודיים להן (לכל קטגוריה יש מספר  זיהוי ייחודי אבל לא קיים מנגנון מובנה לשרשור המספרים). הקשה על קטגוריה ברשימה מעתיקה את שרשרת מספרי הזיהוי שלה וכל מה שנשאר לעשות הוא להוסיף את מספר הזיהוי למוצר החדש שאותו עורכים.

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

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

בחנות פותחו ויושמו עוד אלמנטים רבים לייעול העבודה. אם אתם רוצים לשמוע עוד על כך, צרו קשר.

פיתוח תוסף וורדפרס – יצירת מערכת תמחור גלובאלית לאתר שבו לכל המוצרים אותן אפשרויות מחיר

תוסף שפותח על ידי ומיועד לאתרים שבהם לכל המוצרים אותן אפשרויות בחירת מחיר, למשל אתרים המוכרים תמונות.

התוסף אושר ומוצג להורדה באתר התוספים הרשמי של וורדפרס. ניתן להוריד אותו כאן https://wordpress.org/plugins/atr-woo-global-price-options/

כאשר הקמתי את https://sasson-photos.com/photos/ שמתי לב לכך שבאתרים מסוג זה לכל המוצרים הנמכרים באתר יש את אותן אפשרויות בחירה.

בדוגמא של אתר זה הלקוח יכול להגדיר לכל תמונה שהוא רוצה לרכוש (בעצם הרכישה היא של זכויות שימוש כמובן) את רשיון השימוש שהוא מבקש ולשלם עבורו.

לצורך כך פיתחתי תוסף המתלבש על ווקומרס ומאפשר הגדרת מחירים גלובאליים באופן הבא (ראו וידאו כאן):

  • בניהול התוסף בוחרים קטגוריות מוצרים שעליהן יחולו המחירים הגלובאליים
  • בוחרים דרגות מחיר שונות ונותנים להן כותרות לפי הצורך (תלוי בשימוש באתר. אפשר לקבוע כל רשימת מחירים שרוצים)

מסך קביעת מחירים גלובאליים בווקומרס
מסך קביעת מחירים גלובאליים בווקומרס

מסך בחירת קטגוריות להחלת מחירים גלובאליים בווקומרס
מסך בחירת קטגוריות להחלת מחירים גלובאליים בווקומרס

לאחר שהגדרנו את האפשרויות, הלקוחות הנכנסים לאתר יראו במוצרים המשוייכים את אפשרויות המחיר הקבועות

תצוגת מוצר השייך לקטגורית המחירים הגלובאליים
תצוגת מוצר השייך לקטגורית המחירים הגלובאליים

וידאו המתאר הפירוט את השימוש בתוסף

 

פיתוח תוסף וורדפרס – מנוע יצירת מספר קטלוגי אוטומטי למוצרים

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

התוסף אושר ומוצג להורדה באתר התוספים הרשמי של וורדפרס. ניתן להוריד אותו כאן https://wordpress.org/plugins/atr-random-sku-for-woocommerce/

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

התוסף עובד באופן הבא:

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

מסך ניהול תוסף בחירת מספר קטלוגי אוטומטית
מסך ניהול תוסף בחירת מספר קטלוגי אוטומטית

לאחר מכן, כשנכנסים לעריכת מוצר, יוצג כפתור חדש שיפעל לפי הבחירה ב:

  • בחירת מספר אקראי (ואז ייבחר מספר במבנה שהגדרנו בניהול בתוסף) – מיועד לשימוש כאשר לעורך המוצר אין מספר מוכן מראש.
  • או – רק בדיקה האם המספר הקטלוגי שנמצא כבר בתיבה כבר קיים במערכת – מיועד למצב שבו לעורך המוצר כבר יש מספר קטלוגי מוכן למוצר אבל הוא רוצה לוודא שהמספר אינו קיים כבר במערכת. (ווקומרס לא מונע יצירת מספרים קטלוגיים כפולים)
  • בצד ימין יש תיבת סימון המאפשרת לבחור אם לכתוב את המספר שייבחר במקום המספר המופיע כבר בתיבת המספר. מטרת אפשרות זו היא למנוע מחיקת מספר קיים אם רוצים רק לבדוק אם מספר חדש קיים במערכת.

הקשה על כפתור יצירת המספר הקטלוגי תציג בחלק התחתון את המספר שהמערכת בחרה ויצוין אם הוא קיים כבר במערכת.

אם בחרנו לכתוב את המספר בתיבת המספר, הוא ייכתב במקום המספר הקיים (או התיבה הריקה)

יש לשים לב כי מאחורי הקלעים, ללא טעינה מחדש של הדף, המערכת פונה לשרת ובודקת אם המספר קיים כבר או לא.

מסך עריכת מוצר עם כפתור בחירת מספר קטלוגי
מסך עריכת מוצר עם כפתור בחירת מספר קטלוגי

 

פיתוח תוסף וורדפרס – יצירת תפריט מגה

תוסף שפותח על ידי ומיועד לשימוש על ידי מפתחים לשליטה רחבה יותר על מבנה התפריטים בוורדפרס.

התוסף אושר ומוצג להורדה באתר התוספים הרשמי של וורדפרס. ניתן להוריד אותו כאן https://wordpress.org/plugins/atr-advanced-menu/

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

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

דוגמא נוספת, הקשה על אלמנט בתפריט מציגה וידאו וכן הלאה.

התפריט מיועד למפתחים מאחר והוא דורש התאמה של קוד CSS לאתר המיועד ואינו מספק מנגנון ניהול בתחום זה.

אפשרויות

  • שמירת כל פריט בעריכת התפריט מבלי לטעון מחדש את דף העריכה.
  • כל פריט תפריט מנוהל בנפרד
  • הצג תמונות בפריטי תפריט.
  • ניתן לבחור בין אייקון מגופן ווב (כמו Font Awesome), תמונה מספריית המדיה, תמונה מיצגת של הפוסט או ללא תמונה כלל.
  • בנוסף לתמונה ניתן לבחור להציג בתפריט אוטומטית את כותרת התמונה, תיאור וכותרת משנה.
  • פריטים בתפריט יכולים לטעון תוכן מלא של פוסט (ובכך, מאפשר להזריק HTML, וידאו, תמונה וכו 'או אפילו shortcode) או את תקציר הפוסט ישירות לתוכו.
  • ניתן להגדיר מחלקת CSS ייחודית לכל פאנל נפתח בתפריט. בדרך זו ניתן לשלוט בפריסת כל פאנל בנפרד.
  • כל העריכה של התפריט נעשה על ידי עורך התפריטים המוכר של וורדפרס.

ניתן לראות דמו של התפריט באתר http://atr-am.atarimtr.com/

רוצים לשמוע עוד על התוסף? צרו קשר בטופס למטה.

 

 

א. אליצור שיווק בע"מ

אתר קטלוג למבקרים אקראיים ואפשרות הזמנת מוצרים למשתמשים רשומים כאשר התשלום לא מתבצע באתר. האתר מחובר למערכת ניהול מלאי וחשבונות במשרד אחורי.

כתובת האתר: http://elitzur.co.il

א. אליצור עוסק בשיווק מוצרים למשרדים ולמוסדות. החברה מספקת מוצרים רק ללקוחות רשומים.

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

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

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

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

דרישה נוספת שעלתה היתה לחבר את מערכת ההזמנות באתר למערכת ניהול המלאי והחשבונות של המשרד כך שכל הזמנה מהאתר תירשם אוטומטית במערכת האחורית במשרד לצורך אספקה והוצאת חשבונית.

במהלך ההקמה הוספתי גם מנגנון המאפשר להגדיר ללקוח את רשימת המוצרים המועדפת עליו כך שבהקשה אחת כל ההזמנה עוברת לסל הקניות וכך מייעלת את תהליך ההזמנה. ( משרד שעושה הזמנת מוצרים נוטה לחזור לעל אותה הזמנה בכל פעם ולכן זה מאוד הגיוני)

כך פותחו באתר היכולות הבאות, כולן בתכנות ייעודי לאליצור ללא תוספים חיצוניים מיוחדים:

  1. לקוחות לא מזוהים – רואים קטלוג מוצרים ללא מחיר וללא אפשרות לבצע הזמנה
  2. לקוחות מזוהים – רואים את כל המוצרים ויכולים לבצע הזמנה (ללא תהליך תשלום כלל וללא הצגת מחירים)
  3. ללקוח מזוהה מוצג כפתור בראש כל דף והוא  יכול לבחור לבצע הזמנה חוזרת קבועה בהקשה אחת. ההזמנה עוברת לסל והלקוח יכול להוסיף או לגרוע ממנה כרצונו.
  4. חיבור מערכת ההזמנות באתר למערכת ניהול החשבונות והמלאי במשרד האחורי. כל ההזמנות מועברות אוטומטית למערכת זו.

תוספים אחרים שהתקנתי ושיניתי בהם את הקוד לצורך התאמה לצרכים של אליצור:

  1. חיפוש מוצרים מהיר ללא טעינת דף
  2. סל קניות צף המלווה את כל הדפים באתר
  3. אפשרות לראות את הלקוחות שנרשמו לאחרונה.
  4. וכמובן את כל התוספים הרגילים המותקנים בחנות כאשר כמעט לכולם היה צריך לבצע התאמות מיוחדות.

רוצים לשמוע עוד? צרו קשר בטופס למטה.