איך להטמיע טופס Google ב-WordPress

תשובה מהירה: בטופס Google שלכם, לחצו Send, בחרו בסמל ההטמעה, והעתיקו את קוד ה-iframe. ב-WordPress, הוסיפו בלוק Custom HTML בעורך והדביקו את הקוד ישירות. אם הטופס לא מופיע לאחר השמירה, ייתכן שהגדרת ה-WordPress שלכם מסירה iframe — תוסף שמתיר הטמעות HTML גולמיות פותר זאת.

הטמעת טופס Google ישירות בדף או פוסט של WordPress שומרת על מבקרים באתר שלכם במקום לשלוח אותם לקישור נפרד של forms.google.com. המכניקה פשוטה — זהו אותו קוד הטמעת iframe ש-Google נותנת לכם עבור כל אתר — אך ל-WordPress יש כמה מוזרויות שכדאי להכיר לפני שאתם מדביקים אותו. מדריך זה מכסה את השלבים הספציפיים ל-WordPress; לתהליך ההטמעה הכללי בכל פלטפורמה, ראו את המדריך שלנו על הטמעת טופס Google באתר אינטרנט.

שלב 1: קבלו את קוד ההטמעה מטופסי Google

פתחו את הטופס שברצונכם להטמיע ולחצו Send בפינה הימנית העליונה. בתיבת הדו-שיח Send, לחצו על סמל ההטמעה — הוא נראה כמו < > — לצד סמלי הקישור והאימייל. Google יוצרת תג iframe, ותוכלו להתאים את הרוחב והגובה ברירת המחדל ישירות באותה תיבת דו-שיח לפני ההעתקה. לחצו Copy כדי לקבל את קטע ה-HTML המלא.

שלב 2: הוסיפו בלוק Custom HTML ב-WordPress

פתחו את הדף או הפוסט שבו אתם רוצים שהטופס יופיע, בעורך הבלוקים של WordPress. לחצו על + כדי להוסיף בלוק חדש, חפשו Custom HTML, ובחרו בו. הדביקו את קוד ה-iframe שהעתקתם מטופסי Google ישירות לתוך אותו בלוק — אין צורך לשנות אותו אלא אם אתם רוצים להתאים את הגודל. השתמשו בלשונית Preview של הבלוק (לצד לשונית ה-HTML, בתוך הבלוק) כדי לבדוק שהוא מוצג לפני שאתם שומרים את הדף.

כאשר ה-iframe מוסר: תיקון טופס שלא מוצג

בכמה תצורות WordPress, הטופס פשוט לא מופיע לאחר השמירה או הפרסום, גם אם הדבקתם את הקוד נכון. זה קורה בדרך כלל מכיוון שתוסף אבטחה או הגדרת אירוח מוקשחת מסננים תגי iframe גולמיים מתוכן הפוסט, מכיוון ש-iframe יכולים להיות סיכון אבטחה אם נותרים ללא בדיקה ממקורות לא מהימנים. אם זה קורה לכם, התיקון בדרך כלל הוא למצוא תוסף WordPress פשוט ומבוקר היטב שתפקידו הספציפי הוא לאפשר הטמעות מבוססות iframe או שורטקוד לעבור דרך מסנן התוכן — חפשו בספריית תוספי WordPress תוספי "iframe" או "embed" ובדקו ביקורות ועדכניות לפני התקנת אחד, מכיוון שלא בדקנו או המלצנו כאן על תוסף ספציפי. לחלופין, בדקו האם לתוסף האבטחה הקיים שלכם יש הגדרה שמתירה תגי HTML ספציפיים כמו iframe.

שלב 3: תקנו פס גלילה שחותך את הטופס שלכם

הגובה ברירת המחדל של Google להטמעה לרוב קצר מדי לכל דבר מעבר לכמה שאלות בודדות, מה שאומר שמשיבים מקבלים פס גלילה פנימי דחוס לתוך תיבה קטנה במקום לראות את הטופס כולו. פתחו את בלוק ה-Custom HTML, מצאו את המאפיין height="…" בתג ה-iframe, והגדילו את המספר — לטופס ארוך יותר, אל תפחדו להגדיר אותו הרבה מעל ברירת המחדל, מכיוון שרווח ריק נוסף בתחתית מפריע הרבה פחות למבקר מאשר חלון גלילה צפוף. אין נוסחה מדויקת; הגובה הנכון תלוי בכמה שאלות יש לכם, אז התאימו וצפו מראש עד שכל הטופס גלוי ללא פס גלילה משלו.

ריספונסיביות בנייד משתנה לפי ערכת עיצוב

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

מתי פשוט לקשר במקום להטמיע

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

רשימת בדיקה מהירה

שאלות נפוצות

איך משיגים את קוד ההטמעה של טופס Google?

פתחו את הטופס שלכם, לחצו Send, בחרו בסמל ההטמעה (< >), התאימו את הרוחב והגובה אם תרצו, ואז לחצו Copy כדי להעתיק את קוד ה-HTML של ה-iframe.

באיזה בלוק WordPress כדאי להשתמש כדי להטמיע טופס Google?

השתמשו בבלוק Custom HTML בעורך הבלוקים. הוסיפו בלוק חדש, חפשו "Custom HTML," והדביקו את קוד ה-iframe ש-Google נתן לכם ישירות לתוכו.

למה טופס Google שלי לא מופיע אחרי שהדבקתי את קוד ההטמעה ב-WordPress?

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

למה יש פס גלילה שחותך את הטופס המוטמע שלי?

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

מדריכים קשורים