לעיתים נרצה שטופס ההרשמה שיצרנו ללקוחותינו, יופיע גם בתוך האתר האישי שלנו. אם אנחנו משתמשים באלמנטור ובוורדפרס, נוכל להטמיע את אותו טופס הרשמה אשר כבר מקושר לקבוצת הדיוור שלנו. או להבדיל אם נרצה ליצור טופס חדש ולהטמיע אותו באתר, נפעל לפי המדריך הבא:
שלב ראשון
1. ניצור טופס ב"שלח מסר" דרך "יצירת טופס חדש"
נרחף מעל לשונית המנויים
נלך לכותרת "טפסים" בירוק
מתחתיה, ,"יצירת טופס חדש"
2. ב"יצירת טופס חדש" ייפתח לנו מסך אשר ניתן לבחור בו את סוג הטופס.
3. נבחר את סוג הטופס
4. נלחץ על לשונית "קוד לייצוא"
ת הקוד אל "notepad"
7. נכנס לוורדפרס עד שתהיה מולינו האפשרות של "אלמנטור"
שלב שני
בתוך וורדפרס:
נלחץ על "עריכה באמצעות אלמנטור"
2. נלחץ על "שורטקאד":
3. לאחר גרירה של האלמנט למקום הרצוי בדף (בצד שמאל), מופיע החלון הזה בצד:
4.לכאן נדביק את הקוד IFRAME, אותו אנו לוקחים מ"שלח מסר".
5. נלחץ על "החל" ו/או "עדכן" למטה בצד ימין:
במידה והינכם רוצים REF בטופס IFRAME המוטמע באלמנטור:
1. תחילה יש להוסיף את השדה REF כשדה טקסט:
2. לאחר מכן, להגדיר את השדה כמוסתר ולהוסיף את הפרמטר למתכנתים כ"ref".
לאחר מכן, הקישור שנעביר הלאה יראה כך לדוגמא
https://yourdomin.com/start?ref=test
כמובן ניתן לשנות את המילה test לפי הצרכים של הרישום.
שלב אחרון
1. מעתיקים את הקוד IFRAME- לתוך קובץ NOTEPAD.
2. מוסיפים ירידת שורה בסוף הדיב האחרון לפני התגית הסוגרת.
הטופס נראה חתוך במסך הנייד?
מה הסיבה שזה קורה?
בטופס אופקי, השורות נופלות כדי שהטופס יהיה רספונסיבי. גובה הטופס הרשום בקוד עצמו של האיפריים לא מספיק גבוה, לכן נצטרך לשנות אותו ידנית.
משנים את הפרמטר HEIGHT- גובה האלמנט במובייל.
בדסקטופ, יהיה ריווח גדול יותר מתחת לטופס.
אפשרות נוספת היא להתאים לכל תצוגה קוד משלו.
למה הכוונה?
מאותו קוד הIFRAME ליצור שתי גרסאות:
גרסה אחת שהיא עם HEIGHT מותאם למובייל
גרסה אחרת שהיא עם HEIGHT מותאם לדסקטופ
זה אותו הקוד, רק שפרמטר הגובה הוא שונה.