יצירת כפתור PayPal לאתר

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

יש להכין מראש גרפיקה (JPG) של הכפתור שנרצה להשתמש בו באתר הלקוח, ולהעלות אותה לשרת הפיתוח – בזמן העלייה לאוויר יש לעדכן את הכתובת בחשבון ה-PayPal.

1. יש להיכנס לחשבון ה-PayPal של הלקוח.
2. יש לבחור "Tools" ואז "PayPal Buttons" ואז "Create new button"
3. יש לבחור את הסוג "Buy Now"
4. יש להגדיר לכפתור שם משמעותי ו-ID (זה יופיע על החשבונית ללקוחות הלקוח, צריך שהם יבינו מה רכשו)
5. יש להגדיר מחיר ומטבע
6. יש לבחור "Customize text or appearance" ואז "Use your own button image"
7. יש לבחור "Track inventory, profit & loss" ושם לבחור "Save this button on PayPal"
8. יש לבחור "Customize Advanced Features"
9. יש להסיר את הסימון מ"כתובת הלקוח" אם היא אינה נחוצה
10. יש להגדיר דף שיווקי באתר (בכתובת הקבועה, לא בשרת הפיתוח) למקרה שהלקוח עוזב את תהליך הרכישה (כך לדוגמא דף שמפרט על המוצר או דף הבית) ולהוסיף סימון וי בקופסא ליד
11. יש להגדיר דף תודה באתר (בכתובת הקבועה, לא בשרת הפיתוח) לאחר שהלקוח סיים את הרכישה, ולהוסיף סימון וי בקופסא ליד

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

1. יש להכין תמונה כפולה של הכפתור, אחד מעל לשני, ולהעלות אותה במקום התמונה המקורית.
2. יש להוסיף ל-CSS באתר את הקוד הבא:

   .pricing-box-box form {
    height:30px;
    overflow:hidden;
   }
   .pricing-box-box form input[type="image"]:hover {
    position:relative;
    top:-30px;
   }

3. יש להחליף את הערכים של ה-30 פיקסלים בגובה הכפתור בפועל ובהפרש גבהים בין הכפתורים בתמונה.

הסרת הכפתור באלמנט קופסת מחיר: