הטמעת קוד מותאם אישית - עזרה ב-Webflow

Last updated on 10/23/2025@mrbirddev

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

אלמנט Code Embed תומך רק ב-HTML, CSS בתגי <style>, ו-JS בתגי <script>. אינך יכול לשלב שפות צד שרת (למשל, Perl, PHP, Python, Ruby) באלמנט Code Embed.

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

כיצד להוסיף אלמנט Code Embed

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

קוד מותאם אישית באלמנט Code Embed לא יכול לעלות על 50,000 תווים. אם הקוד שברצונך להטמיע ארוך יותר, תוכל לאחסן אותו בשרת אחר ולהתייחס לסקריפט בהטמעה שלך. תוכל גם למזער את הקוד המותאם אישית שלך באמצעות כלי צד שלישי או לפצל את הקוד למספר אלמנטים של Embed (בתנאי שזה לא שובר פונקציות JavaScript כלשהן).

כיצד להוסיף קוד מותאם אישית ישירות לעיצוב שלך

העתק את הקוד שברצונך להטמיע ללוח שלך
פתח את לוח ההוספה והוסף אלמנט Code Embed לקנבס של Webflow
הדבק את הקוד המותאם אישית שהעתקת בשלב 1
שמור וסגור את המודאל

אם הקוד המותאם אישית שלך כולל תגי פתיחה ו/או סגירה, ודא להוסיף אותם כדי להבטיח שהקוד שלך יעבוד כמצופה. בנוסף, אל תכלול תגי <html>, <body> או <head> בקוד המותאם אישית שלך, אחרת האתר/פריסה שלך יישברו.

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

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

כיצד להוסיף קוד מותאם אישית לאלמנט טקסט עשיר

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

כיצד להשתמש בתוכן דינמי בתוך הקוד המותאם אישית שלך

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

כיצד לערוך את אלמנט הטמעת הקוד

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

לבחור את אלמנט הטמעת קוד על הקנבס וללחוץ פעמיים
לבחור את אלמנט הטמעת קוד על הקנבס וללחוץ על Enter
לבחור את אלמנט הטמעת קוד על הקנבס וללחוץ על סמל ההגדרות “גלגל שיניים”
לבחור את אלמנט הטמעת קוד על הקנבס וללחוץ על פתח עורך קוד בלוח הגדרות תחת הגדרות הטמעת קוד

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

כיצד להגדיר ממדים על אלמנט הטמעת הקוד

אם הקוד המותאם אישית בתוך אלמנט הטמעת הקוד לא מגדיר במפורש גודל או ממדים, התוכן יכול לעיתים קרובות לתפוס את כל רוחב האלמנט ההורה שלו. ייתכן שתוכל להוסיף height="100%" width="100%" בקוד המותאם אישית שלך, מה שיאפשר לך להתאים את הרוחב והגובה של אלמנט ההטמעה והתוכן מפאנל הסגנון.

כיצד להציג תצוגה מקדימה של התוכן המוטמע

קוד מותאם אישית עטוף בתגי <iframe></iframe> או <style> יציג תצוגה מקדימה על הקנבס או בתוך אלמנט הטקסט העשיר שלך, אך חלק מהטמעות קוד ניתן לראות רק באתר החי. בכל פעם שמשתמשים בתג בעורך הקוד, תראה מציין מיקום עבור אותו אלמנט במעצב.

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

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

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

למידע נוסף: ראה שימוש ב-.webflow.io כדומיין בימוי לבדיקה ומשוב.

שאלות נפוצות וטיפים לפתרון בעיות

האם אני יכול להשתמש בשפות צד שרת באלמנט הטמעת קוד? לא ניתן לשלב שפות צד שרת (למשל, Perl, PHP, Python, Ruby) באלמנט הטמעת קוד. אלמנט הטמעת הקוד תומך רק בHTML, CSS בתגי <style>, וJS בתגי <script>.

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

עזרה! הקוד המותאם אישית שלי לא עובד!
בדוק שוב שהקוד שלך כולל את התגים הפותחים ו/או הסוגרים המתאימים ולא כולל תגים כמו <html>, <body>, או <head>.

מאוגוסט 2020, אתרים חדשים שפורסמו ב-Webflow כוללים את jQuery v3.5.1. ייבוא גרסאות אחרות של jQuery עם קוד מותאם אישית עשוי לגרום להתנגשויות והתנהגות בלתי צפויה באתר שלך. סקריפטים שמשפיעים על אירועי DOM כמו onClick, onHover, וכו', עשויים גם לגרום להתנהגות בלתי צפויה.

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

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

חזרה לעזרה של webflow

Last updated on 10/23/2025@mrbirddev