איך להטמיע טופס באתר שלכם

איך להטמיע טופס באתר שלכם

לאחר שסיימתם לעצב את טופס ההרשמה שלכם ברב-מסר, השלב הבא הוא להטמיע אותו באתר כדי להתחיל לאסוף לידים. מעבר לאפשרות הסטנדרטית של הטמעה באתרים ודפי נחיתה, הוספנו יכולות חדשות המאפשרות לכם להטמיע את הטפסים בקלות גם בכלי בנייה מבוססי AI כמו Lovable ו-Base44.




לפני שאתם מפרסמים את הטופס אתם חייבים לוודא שתי הגדרות חשובות: קישור הטופס לרשימת נמענים, והגדרת דף תודה.


כדי להתחיל, לחצו על כפתור 'פרסום' בתוך עורך הטפסים.




בחלון שייפתח ('הטופס פורסם'), תוכלו לבחור את סוג קוד ההטמעה מתוך התפריט




קוד הטמעה לאתרים/דפי נחיתה סטנדרטיים



זוהי הדרך המסורתית להטמעת טפסים. המערכת מייצרת קוד JavaScript קצר שניתן להדביק בתוך עורך ה-HTML של האתר שלכם (וורדפרס, וויקס, או כל מערכת אחרת). הטופס יופיע כחלק בלתי נפרד מהדף במיקום שבו הדבקתם את הקוד.



מעתיקים את קוד ההטמעה ומדביקים אותו בדף שבאתר שלכם. אם אתם עורכים ישירות ב-HTML פשוט הדביקו את הקוד במקום הרצוי. אם אתם משתמשים בפלטפורמה דוגמת Wix, מוסיפים אלמנט 'קוד' או 'Embed' שמאפשר הכנסת קוד HTML ישירה ומדביקים את הקוד שם.



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




פרומפט הטמעה למערכת Lovable


עבור משתמשים הבונים את האתר שלהם באמצעות פלטפורמת ה-AI של Lovable, המערכת מייצרת פרומפט מוכן לשימוש. בבחירה באפשרות זו, תקבלו הנחיה באנגלית הכוללת את קוד ההטמעה עם הפרמטר הייעודי __loveable__=true.




כל שעליכם לעשות הוא להעתיק את הפרומפט ולהדביקו בצ'אט של Lovable.
המערכת תזהה את הקוד ותדע למקם את הטופס כאלמנט HTML מובנה (inline) בתוך האפליקציה או האתר שאתם בונים, תוך שמירה על תאימות מלאה.




לצפייה בהקלטת הוובינר - איך לבנות דף נחיתה חכם ב AI Lovable ולחבר אותו לרב מסר.

פרומפט הטמעה למערכת Base44


אם אתם עובדים עם מערכת Base44, תוכלו לבחור באפשרות 'פרומפט הטמעה למערכת Base44'.




המערכת תפיק עבורכם פרומפט ייעודי הכולל קוד עם הפרמטר __base44__=true.

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





טיפ: בכל אחת מהאפשרויות, תוכלו ללחוץ על 'הצגת קוד/פרומפט ההטמעה' כדי לראות את התוכן לפני ההעתקה, או על 'העתקת קוד/פרומפט ההטמעה' כדי להעבירו ישירות ללוח (Clipboard) שלכם.






לקריאת המאמר המקורי במרכז הידע שלנו לחצו כאן

    • Related Articles

    • הטמעת קוד html חופשי בדף

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

      אם אתם משתמשים בגוגל אנליטיקס (Google Analytics) אתם בטח יודעים כמה הכלי הזה גמיש, חזק וחיוני למעקב ולשיפור החשיפות של הדפים באתר שלכם. גם דף הנחיתה שאתם בונים ברב מסר יכול לכלול קוד מעקב של גוגל אנליטיקס, וכך להיכנס לאיסוף הסטטיסטיקות והתובנות באותו ...
    • איך להטמיע קוד מעקב של גוגל אנליטיקס בדף נחיתה

      אם אתם משתמשים בגוגל אנליטיקס (Google Analytics) אתם בטח יודעים כמה הכלי הזה גמיש, חזק וחיוני למעקב ולשיפור החשיפות של הדפים באתר שלכם. גם דף הנחיתה שאתם בונים ברב מסר יכול לכלול קוד מעקב של גוגל אנליטיקס, וכך להיכנס לאיסוף הסטטיסטיקות והתובנות באותו ...
    • עבודה עם העורך ליצירת טפסים; תבניות ודפי נחיתה

      את העורך בנינו כדי לאפשר לכם את מירב הגמישות והפשטות כשאתם יוצרים את התוכן שלכם: דיוור עשיר ומרהיב, טפסים ודפי נחיתה - כל אלה על בסיס תבניות מעוצבות (ומותאמות גם למובייל) שהכנו לכם מראש, או לפי העיצוב שאתם בונים בעצמכם. במשטח העבודה בצד שמאל מוצג ...
    • איך להטמיע פיקסל של פייסבוק בדף נחיתה

      אם אתם מנהלים עמודי פייסבוק, או משווקים באמצעות כלים דיגיטליים, אתם ודאי מכירים כבר את הפיקסל של Meta (מה שבעבר נקרא Facebook Pixel) – שירות הסטטיסטיקות ותובנות המעקב אחרי גלישה מבית 'מטא' (חברת האם של פייסבוק). מערכת רב-מסר מאפשרת בקלות ובמהירות ...