יצירה והצגה של טפסים קופצים

Published: 16 ביולי 2026 · Last updated: 21 ביולי 2026 · By Marcus Biel

חלון קופץ מוצג מעל תוכן האתר. הוא מציב את הצעת ההרשמה ישירות מול עיני המבקר, תוך השארת הדף שמתחתיו במקומו.

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

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

יצירת חלון קופץ

פתחו את “Signup Forms”, לחצו על “Create Form” ובחרו “Popup”. הזינו שם פנימי ברור והמשיכו לבונה.

אפשר גם לערוך חלון קופץ קיים על ידי לחיצה על שמו ב-סקירת טפסי ההרשמה.

השתמשו בשם שמסביר את ההצעה או את המיקום, כגון “Homepage Discount Popup”, “Webinar Registration Popup” או “Guide Download Popup”. השם הפנימי אינו מוצג אוטומטית למבקרים.

בחירת תבנית לחלון קופץ

חלונות קופצים מציעים טופס ריק, טופס רגיל וארבע תבניות מעוצבות:

• הנחה נקייה
• מדריך חמים
• וובינר כהה
• קהילה רכה

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

עיצוב החלון הקופץ

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

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

בחרו את בלוק טופס ההרשמה כדי להגדיר שדות, מידע נדרש, תגיות מוסתרות, מחוון התקדמות, מונה מנויים, שדות קלט ולחצן שליחה. פתחו את “Page settings” כדי לשנות את רקע החלון הקופץ ואת ברירות המחדל של המראה הכללי.

החלון הקופץ מופיע מעל האתר וכולל אמצעי סגירה. השאירו מספיק מרחב חזותי סביב טקסטים ושדות חשובים, כדי שהטופס יישאר קל לשימוש במסך קטן.

הגדרת התנהגות החלון הקופץ

בחרו את בלוק טופס ההרשמה ופתחו את “Widget Settings”. סעיף זה קובע מתי החלון הקופץ מוצג ובאיזו תדירות המבקר יכול לראות אותו.

השהיית הצגה

“Display Delay” מגדירה כמה שניות Maildroppa ממתינה לפני הצגת החלון הקופץ בדף אתר מוטמע.

הזינו 0 כדי להציג אותו ללא השהיה נוספת. השתמשו בערך גדול יותר כאשר המבקרים צריכים זמן לקרוא את הדף לפני שההצעה מופיעה. הבונה מקבל השהיה של עד 86,400 שניות.

בחרו את ההשהיה בהתאם לדף. השהיה קצרה עשויה להתאים לדף קמפיין ממוקד, בעוד שהשהיה ארוכה יותר יכולה להרגיש פחות מפריעה במאמר.

תדירות הצגה

“Display Frequency” קובעת את פרק הזמן שלאחריו ניתן להציג שוב את החלון הקופץ לאותו מבקר. האפשרויות הזמינות הן:

• תמיד
• פעם בשעה
• פעם ביום
• פעם בשבוע
• פעם בחודש

השתמשו ב-“Always” בזהירות. חלון קופץ שקוטע שוב ושוב את אותו מבקר עלול להפוך למתסכל. תדירות יומית או שבועית היא לעיתים קרובות נקודת התחלה טובה יותר להצעה כללית באתר.

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

שימוש בכוונת יציאה

הפעילו את “Exit Intent Popup” כאשר החלון הקופץ אמור להיפתח לאחר שהמבקר מזיז את הסמן אל מחוץ לאזור הדף, דבר המצביע על כך שהוא עשוי לעמוד לעזוב.

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

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

פתיחת חלון קופץ באופן ידני ממרכיב בדף

חלון קופץ יכול להיפתח כאשר מבקר לוחץ על לחצן, תמונה או קישור ספציפיים באתר שלכם. זהו טריגר לחיצה ידני. הוא שונה מ-“Exit Intent Popup”, המגיב כאשר המבקר מזיז את הסמן אל מחוץ לדף.

הגדירו והתקינו את טריגר הלחיצה הידני באופן הבא:

1. פתחו את החלון הקופץ בבונה טפסי ההרשמה.
2. לחצו על בלוק טופס ההרשמה בקנבס ופתחו את “Settings” בצד ימין.
3. הרחיבו את “Widget Settings” והפעילו את “Open popup when a customer clicks a page element”.
4. לחצו על “Save changes”.
5. חזרו לסקירת טפסי ההרשמה והפעילו את החלון הקופץ אם הוא אינו פעיל.
6. לחצו על “Show Code Snippet” בשורה של אותו חלון קופץ.

תיבת הדו-שיח כוללת את שני הערכים הנדרשים באתר שלכם:

1. העתיקו את הקוד המלא מהכרטיסייה “JavaScript” והוסיפו אותו לדף האתר שבו החלון הקופץ אמור להיות זמין.
2. מתחת לקוד, העתיקו את המזהה המוצג תחת “Add this ID to element from which you want to manually trigger Popup”.
3. הוסיפו את הערך המדויק הזה למאפיין id של הלחצן, התמונה או הקישור שאמורים לפתוח את החלון הקופץ.

המזהה מופיע בפורמט הבא:

maildroppa-popup-btn-[form-id]

לדוגמה:

<button id="maildroppa-popup-btn-[form-id]">Get the guide</button>

ה-JavaScript טוען את החלון הקופץ. המזהה מחבר את החלון הקופץ למרכיב הדף שנבחר. שניהם חייבים להופיע באותו דף שפורסם. כאשר מבקר לוחץ על מרכיב עם אותו מזהה בדיוק, הסקריפט של Maildroppa פותח את החלון הקופץ.

אם ללחצן באתר שלכם כבר יש מזהה ממערכת חלונות קופצים אחרת, החליפו אותו במזהה הטריגר של Maildroppa כאשר Maildroppa אמורה לטפל בלחיצה. אל תמקמו את החלון הקופץ של Maildroppa בתוך חלון קופץ נוסף שמסופק על ידי בונה האתר שלכם.

השתמשו בכל מזהה HTML פעם אחת בלבד בכל דף. אם כמה מרכיבים צריכים לפתוח את אותו חלון קופץ, בקשו מהאדם שמטמיע את האתר לחבר את המרכיבים האלה בלי לשכפל את אותו מזהה.

חיבור תהליך ההרשמה

בדקו את תהליך ההרשמה שהוקצה בכותרת הבונה. הוא שולט בתגובת השליחה המיידית, בדוא״ל האישור הכפול ובתוצאה לאחר האישור.

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

תצוגה מקדימה ושמירה

לחצו על “Preview” כדי לבדוק את עיצוב החלון הקופץ ואת התנהגותו בלי לשנות את הגרסה שבשימוש באתר שלכם. בדקו את הפריסה, אמצעי הסגירה, סדר השדות, מרחב האימות ותגובת השליחה.

לחצו על “Save changes” כאשר החלון הקופץ מוכן. לאחר מכן חזרו לסקירת טפסי ההרשמה.

הפעלה והטמעה אוטומטית של החלון הקופץ

הפעילו את החלון הקופץ מתפריט הפעולות בעל שלוש הנקודות אם הוא עדיין אינו פעיל. לאחר מכן לחצו על “Show Code Snippet” והעתיקו את הקוד המלא מהכרטיסייה “JavaScript”.

הוסיפו את הסקריפט לכל דף באתר שבו החלון הקופץ אמור להיות זמין. הקוד כולל את מזהה הטופס הייחודי של החלון הקופץ וטוען את התצורה השמורה העדכנית שלו.

הכרטיסייה “HTML” מספקת את תגי הסימון שנוצרו עבור הטמעות מותאמות אישית. אם אתם משתמשים בה, בדקו בקפידה את כל ההתנהגות ואת שלבי השליחה, מכיוון שקוד האתר והסגנונות שלכם עלולים להשפיע על התוצאה.

סעיף זה חל כאשר החלון הקופץ אמור להיפתח אוטומטית בהתאם להשהיית ההצגה או להתנהגות כוונת היציאה שלו. עבור לחצן, תמונה או קישור שפותחים את החלון הקופץ בלחיצה, פעלו לפי

.

להוראות הטמעה כלליות, ראו בניית טופס מוטמע והטמעתו.

בדיקת החלון הקופץ באתר שלכם

בדקו את החלון הקופץ בדף האתר האמיתי לאחר הוספת הקוד:

1. בדקו את ההשהיה שהוגדרה.
2. בדקו את לחצן הסגירה ואת הלחיצה מחוץ לטופס.
3. אם האפשרות מופעלת, הזיזו את הסמן אל מחוץ לדף כדי לבדוק את כוונת היציאה.
4. אם האפשרות מופעלת, לחצו על מרכיב הדף שהוגדר כדי לבדוק את הטריגר הידני.
5. בדקו את הפריסה במסך צר.
6. שלחו את הטופס והשלימו את תהליך האישור הכפול.
7. ודאו את המנוי ואת התגיות המוסתרות ב-Maildroppa.

הגדרת התדירות עשויה למנוע מהחלון הקופץ להופיע שוב במהלך בדיקות חוזרות. השתמשו בחלון גלישה פרטית או נקו את אחסון הדפדפן הרלוונטי כאשר אתם זקוקים לביקור בדיקה נקי.

עדכון או השבתה של החלון הקופץ

כדי לעדכן את החלון הקופץ, פתחו אותו ב-Maildroppa, ערכו את העיצוב או את ההתנהגות, הציגו תצוגה מקדימה ולחצו על “Save changes”. קטע ה-JavaScript ימשיך להשתמש באותו מזהה טופס.

כדי להפסיק להציג אותו באופן זמני, בחרו “Deactivate” מתפריט הפעולות. ההשבתה שומרת על החלון הקופץ ועל נתוני הדוחות הקודמים שלו. הסירו גם את הסקריפט או את מרכיב הטריגר מהאתר אם אין בהם עוד צורך.