אנימציה להדגשה של צ׳קבוקס אישור תקנון בעמוד תשלום – מומלץ!

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

אז יחד עם GPT, יצרתי אנימציה של חץ שמדגישה את הסימון הזה ומוודאת שאף אחד לא מפספס אותו.

הקוד המלא לאתר הוורדפרס-אלמנטור שלכם נמצא כאן למטה.

כדי להוסיף אותו לאתר שלכם:

1. כנסו לעמוד התשלום ותלחצו למעלה ״עריכה עם אלמנטור״
2. לחצו על הגלגל שיניים למעלה (״הגדרות עמוד״)
3. בטאב מתקדם > CSS מותאם, תוספיו את הקוד:

/* Add an animated arrow pointing to the specific checkbox - Code by LEMON SHLIF */

#terms {
    position: relative;
}

#terms::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -35px;
    /* Adjust for RTL direction */
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #0073e6;
    /* Arrow color */
    animation: slide-right-left 1.5s infinite;
}Code language: CSS (css)

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

הצגת פוסט זה באינסטגרם

‏‎פוסט משותף על ידי ‏‎Kfir Digital • בניית אתרים‎‏ (@‏‎kfir_digital‎‏)‎‏

התוצאה: