יצא לכם לבנות פופאפ עם הטבה מסויימת? יופי!
כרגע אתם רוצים שהגולש יממש את ההטבה
האופציה הכי טובה זה להוביל אותו לטופס יצירת קשר.
נגיד ותרצו להוביל אותו לפוטר באותו עמוד שהוא נמצא
אז לינק לפוטר יוביל לשם, רק מה?
הפופאפ לא נעלם מאליו
יש לו איקס ועליו לא לחצו, רק על הכפתור למימוש ההטבה
בשביל שזהפופאפ יעלם בלחיצה על הכפתור וגם יוביל לפוטר
תצטרכו לכתוב קוד קטן בויג'ט html
עם id על הקונטיינר של הפופאפ
אז הנה הדרכה מצולמת מפורטת לתהליך
לכפתור של הפופאפ תיתנו קישור שיוביל לפוטר
לפוטר תכניסו ID באותו שם שנתתם לקישור
עד כאן מוכר ופשוט.
יופי, נמשיך הלאה,
נכניס ויג'ט HTML לתוך הקונטיינר של הפופאפ
עליו נכתוב את הקוד הזה.
קוד:
<script>
jQuery( document ).ready( function( $ ) {
$( document ).on( 'click', '.close-popup', function( event ) {
elementorProFrontend.modules.popup.closePopup( {}, event );
} );
} );
</script>
<script>
jQuery( document ).ready(function($){ $(document).on('click','.elementor-location-popup a', function(event){ elementorProFrontend.modules.popup.closePopup( {}, event); }) });
</script>
נבחר את הקונטיינר וניתן לו ID בשם ready
זהו, סיימנו!
עכשיו הפופאפ יוביל ישירות לפוטר ויעלם בלי צורך בלחיצה על האיקס.
רוצים לנסות בלייב איך עובד? כנסו ותהנו!