Whatsapp

הטמעת iFrame

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

בעמוד זה

  • מהו iFrame?
  • כיצד מטמיעים iFrame?
  • טוב לדעת!

מהו iFrame?

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

כיצד מטמיעים iFrame?

הטמעת iFrame באתר מתבצעת בשני שלבים פשוטים:

1

העתקת קוד ההטמעה (Embed)

כמעט כל שירות חיצוני (Google Maps, YouTube, Typeform) מספק קוד הטמעה מוכן.

  • חפשו את כפתור ה-Share (שיתוף) או Embed (הטמעה) בשירות בו אתם משתמשים.
  • העתיקו את שורת הקוד המתחילה בתגית <iframe....

העתקת קוד ההטמעה (Embed)

2

הטמעה בגריד טקסט

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

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

הטמעה בגריד טקסט

טוב לדעת!

ניתן להזין iFrame גם בתוך תיבת טקסט רגילה (RichText) ללא צורך ברכיב ייעודי. כך תעשו זאת:

1

הזנת Iframe תחת Richtext

ניתן להזין iFrame גם בתוך תיבת טקסט רגילה (RichText) ללא צורך ברכיב ייעודי. כך תעשו זאת:

 

  1. בתוך עורך הטקסט, עברו לתפריט העליון ולחצו על View.
  2. בחרו באפשרות Source code (קוד מקור).
  3. בחלונית שתיפתח, הדביקו את קוד ה-iFrame במיקום הרצוי ולחצו על Save.

הזנת Iframe תחת Richtext

2

אבטחה

ודאו שאתם מטמיעים קוד רק מאתרים מוכרים ובטוחים.

3

רספונסיביות

חלק מקודי ה-iFrame מגיעים עם רוחב וגובה קבועים (Width/Height). מומלץ לוודא שהתוכן נראה טוב גם במובייל לאחר ההטמעה.