תוסף יצירת קשר חכם לוורדפרס fayzakseo Quick Contact

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

אבל מעבר לכך – רציתי לתת שקיפות ללקוח:
כמה אנשים לחצו על הכפתור? מתי? כמה מהם באמת יצרו קשר?

זו הייתה נקודת הפתיחה.

שלבי הפיתוח – קוד, קבצים, קפה חזק

התחלתי מכתיבת הקבצים העיקריים:

• fayzakseo-quick-contact.php

• click-tracking.php – לניהול הקלקות

• settings-page.php – הגדרות פשוטות למשתמש

• stats-page.php – הצגת סטטיסטיקות

הוספתי קבצי CSS ו־JS מותאמים, התממשקות לעיצוב רספונסיבי ו־RTL, ויצרתי קובץ .pot לתרגום.

התחושה הייתה שאני כבר לקראת סיום.

אבל אז… הגיעו רגעי השבירה.

באגים שלא רואים בקוד הראשון

ברגע שהתחלתי לבדוק את התוסף בסביבת פיתוח – גיליתי:

• הכפתור מוצג בצד הלא נכון, גם אם המשתמש בחר "שמאל".

• הלוגיקה ב־CSS הייתה סטטית מדי – ונאלצתי לכתוב מחדש את תנאי ההצגה.

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

וגם – בדיקות אבטחה גילו חורים:

• אין nonce בטפסים.

• אין חסימה לגולשים לא מורשים.

• פעולה של מחיקת נתונים הייתה נגישה מדי.

חיזוק הקוד ובדיקות איכות

לקחתי צעד אחורה, רשמתי כל תרחיש שעלול לקרוס – ותיקנתי.

✔️ אבטחה

• שימוש ב־wp_verify_nonce בכל טופס.

• הרשאות מוגבלות למחיקה רק למי שיש לו manage_options.

• הגנה מלאה על טפסים מפני CSRF.

✔️ תצוגה

• תמיכה ב־RTL.

• התאמה לכל רוחב מסך.

• שמירה על בחירות המשתמש.

✔️ מבנה קוד מסודר

• קבצים בתיקיות לפי תקן WordPress:

  • assets/ – קבצי CSS ו־JS

  • languages/ – קובץ תרגום

  • readme.txt מקצועי

השקה והפצה חכמה