הטמעת טופס FillFaster באמצעות iframe

מדריך זה יראה לכם כיצד להטמיע טופס FillFaster באתר או באפליקציית אינטרנט באמצעות iframe, כולל כיצד לטפל בתקשורת בין הדף הראשי ל-iframe.

אירועים שנשלחים מ-FillFaster

FillFaster שולח את האירועים הבאים לדף הראשי:

1. form_loaded: נשלח כאשר הטופס נטען במלואו.

   {
       "action": "form_loaded"
   }

2. submitted_successfully: נשלח כאשר הטופס הוגש בהצלחה.

 {
     "status": "submitted_successfully",
     "submission_id": "sdf23g..."
 }

הטמעה עם iframe

כדי להטמיע טופס FillFaster באמצעות iframe, ניתן להשתמש בקוד הדוגמה הבא:

<script type="text/javascript">
    // מאזין אירועים להודעות מה-iframe
    window.addEventListener('message', function(event) {
        // מומלץ לבדוק את event.origin למטרות אבטחה
        // if (event.origin !== "https://fillfaster.com") return;

        console.log("אירוע התקבל:", event.data);

        // טיפול בסוגי הודעות שונים
        if (event.data.action === 'form_loaded') {
            // טיפול באירוע טעינת הטופס
            console.log('אירוע טעינת הטופס התקבל');
            // הוסיפו כאן את הלוגיקה שלכם לאירוע form_loaded
        }

        if (event.data.status === 'submitted_successfully') {
            // טיפול בהגשה מוצלחת
            console.log('הטופס הוגש בהצלחה');
            console.log('מזהה הגשה:', event.data.submission_id);
            // הוסיפו כאן את הלוגיקה שלכם להצלחת הגשה, למשל הפניה לדף תודה או הצגת הודעת הצלחה
            // window.location.href = '/thank-you-page';
        }

    }, false);
</script>

<iframe src="https://fillfaster.com/fill/b8cqP.." width="100%"></iframe>

הוראות שלב אחר שלב

1. הוספת מאזין האירועים: הכניסו את תג ה-<script> עם מאזין האירועים ל-HTML שלכם. סקריפט זה מאזין להודעות מה-iframe ומטפל באירועים בהתאם.

2. הטמעת הטופס: השתמשו בתג ה-<iframe> כדי להטמיע את טופס FillFaster שלכם. ודאו שתכונת ה-src מצביעה על כתובת הטופס הספציפית שלכם ב-FillFaster.

3. טיפול באירועים:

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