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

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

בשביל שזהפופאפ יעלם בלחיצה על הכפתור וגם יוביל לפוטר
תצטרכו לכתוב קוד קטן בויג'ט 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

זהו, סיימנו!

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