בית הספר לוורדפרס » עיצוב טופס יצירת קשר באלמנטור

עיצוב טופס יצירת קשר באלמנטור

נכתב ע"י יוחאי ירמיהו7 שאלות

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

אורך השיעור: 9:15 דקות

קורסים המכילים את השיעור וידאו:

תוכן השיעור:

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

יצירת טופס יצירת קשר באלמנטור ברוחב שורה

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

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

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

הגדרת מרווחים, טקסט וצבעים

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

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

עיצוב שדות וכפתורים

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

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

צבע הודעות של טופס שנשלח

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

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

הצטרפו לקהילות המובילות של בוני האתרים בישראל

זה הזמן להצטרף לקהילה שלנו ולקבל סיוע ותמיכה בקבוצות המובילות בארץ לבוני אתרים בוורדפרס (-:

מתחילים בקטן - קורסים לבוני אתרים בפחות מ-99 ₪

קורסים מקיפים ומומלצים ללימוד בניית אתרים

לבנות אתר ב-10 ימים

קורס מזורז שילמד אותך לבנות אתרים ב-10 ימים. נקודת כניסה מעולה לתחום של בניית אתרים במחיר משתלם.

קורס לבנות אתר ב-10 ימים 52 שיעורים שילמדו אותך הכל על בניית אתרים
בונוס 1: לבנות אתר מתבנית מוכנה לאנשים עסוקים שלא רוצים להשקיע 10 ימים
בונוס 2: גיבוי, שחזור, ותחזוקה לאתר איך לבצע גיבויים ולתחזק אתר ללא תקלות
בונוס 3: אלמנטור קונטיינר (Container) איך ליצור תוכן באמצעות אלמנטור קונטיינר
בונוס 4: קורס אחסון אתרים ב-Cloudways אחסון אתרים על גבי חברות השרתים המובילות בעולם
בונוס 5: קורס קלאודפלייר + מייל עסקי בחינם איך להשתמש בקלאודפלייר + יצירת מייל עסקי בחינם
בונוס 6: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
תמיכה לשנה לשאלות בעמודי השיעורים
גישה לקבוצת הפייסבוק של הקורס
גישה לכל החיים
תעודה הכשרה בסיום הקורס (קובץ PDF)
גישה לעדכונים ושיעורים חדשים
100% החזר כספי ל-14 ימים

רכשו את הקורס 578 סטודנטים לפניך (-:

מסלול וורדפרס Expert

למעלה מ-10 קורסים מלאים ומעל 600 שיעורים שילמדו אותך הכל על בניית אתרים ברמה הגבוהה ביותר בארץ.

קורס וורדפרס Beginner קורס בניית אתרים למתחילים – (2,250 ₪)
קורס וורדפרס Tool Kit הצעת מחיר + אפיון + צ’ק ליסט + התנהלות עם לקוחות
קורס בניית אתר ב-10 ימים איך לבנות אתר במהירות שיא
קורס וורדפרס Next Level מחיר הקורס 2,500 ₪
קורס וורדפרס SEO התאמת אתרים לגוגל – (750 ₪)
קורס: אלמנטור Ninja הקורס שיהפוך אותך לנינג’ה באלמנטור – (999 ₪)
קורס: אלמנטור PRO + אנימציות יצירת אתרים מורכבים ואנימציה – (550 ₪)
קורס וורדפרס Rocket שיפור מהירות לאתר – (999 ₪)
קורס וורדפרס Security חיזוק אבטחה לאתר – (750 ₪)
קורס וורדפרס Global בניית אתרים דו לשוניים בכל השפות – (750 ₪)
בונוס 1: גיבוי, שחזור, ותחזוקה לאתר תחזוקת אתרים ומניעת בעיות ותקלות
בונוס 2: אנליטיקה ומעקב לאתר גוגל אנליטיקס, סרץ קונסול ויאנדקס מטריקה
בונוס 3: איך לקבל יותר פניות מהאתר הוספת כפתורי יצירת קשר + שיפור המרות
בונוס 4: קלאודפלייר + מייל עסקי בחינם שימוש בקלאודפלייר ויצירת מייל עסקי בחינם
בונוס 5: התקנת אתר על המחשב איך להשתמש במחשב ולחסוך עלויות אחסון
בונוס 6: קורס Cloudways אחסון אתרים בחברות השרתים המובילות בעולם
בונוס 7: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
בונוס 8: אופטימיזציה לתמונות איך להעלות תמונות שיעזרו לאתר להתקדם בגוגל
בונוס 9: יסודות העיצוב לבוני אתרים כל מה שצריך לדעת כדי לעצב את האתר המושלם
בונוס 10: זכויות יוצרים בדיגיטל איך להימנע מתביעה משפטית כאשר בונים אתר
בונוס 11: 20 אלף בחודש מבניית אתרים איך למצוא לקוחות ולייצר הכנסה מבניית אתרים
בונוס 12: משיחת מכירה לכסף בחשבון איך לשפר את התהליך מכירה ולסגור יותר עסקאות
בונוס 13: התנהלות עם לקוחות + ניהול פרויקטים איך מתנהל פרויקט בניית אתרים כולל תחזוקה לאתר
705 שיעורים למתחילים + למתקדמים
תמיכה לשנה לשאלות בעמודי השיעורים
גישה לקבוצת הפייסבוק של הקורס
גישה לכל החיים
תעודה הכשרה בסיום הקורס (קובץ PDF)
גישה לעדכונים ושיעורים חדשים
100% החזר כספי ל-14 ימים

רכשו את הקורס 483 סטודנטים לפניך (-:

יוחאי ירמיהו

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

שרגא קישון
וורדפרס Expert
היי יוחאי,
בהגדרת טופס –> ב’פעולות אחרי שליחה’, אני לא רואה את אופציית הפעולה של שמור לידים, ואני גם לא רואה אותה כאופציית הוספה עם +.
אתה יודע איפה ניתן להגדיר אותה שתהיה זמינה להוספה לפעולות אחרי שליחה?
תודה רבה,
שרגא
עדכון:
יוחאי, תתעלם מהשאלה בבקשה. מצאתי את הפתרון בהגדרות אלמנטור.
תודה,
שרגא
1. יוחאי ירמיהו
  הנהלת האתר
  היי שרגא,
  אני רואה שהסתדרת אבל אני בכל זאת אענה למקרה שמישהו אחר יחווה את אותה בעיה.
  זה אמור להיות פעיל באופן ברירת מחדל אבל אפשר לנסות את הדבר הבא.
  תיכנס להגדרות של אלמנטור ובתפריט העליון של העמוד שנפתח תלחץ על הכפתור של מאפיינים.
  בעמוד הבא שייפתח תנסה למצוא את האפשרות של Form Submissions ותוודא שאתה משנה את האפשרות הזאת ממצב של ברירת מחדל או לא פעיל למצב של פעיל.
  אני לא בטוח בזה ב-100% אבל אני חושב שזה אמור לפתור את הבעיה.
שרגא קישון
וורדפרס Expert
היי יוחאי וכולם,
מעדכן שמה שפתר לי את הבעיה הוא כניסה להגדרות אלמנטור –< תחת לשונית מאפיינים, יש להעביר את הלידים למצב פעיל, אחרי שמבצעים, האופציה להוסיף ""שמירת לידים" בפעולות אחרי שליחה בטופס מתאפשרת. (ראו צילום מסך)
בברכה,
שרגא
1. יוחאי ירמיהו
  הנהלת האתר
  תודה על השיתוף, אני חושב שאתה על גרסה ישנה יותר של אלמנטור כי אצלי לפחות כרגע האפשרות של לידים לא מופיעה בהגדרות (אבל כן אני גם זכרתי שזה הופיע בעבר).
שרגא קישון
וורדפרס Expert
אני על גרסת 3.15.0 האחרונה שיצאה ב-31.7.2023
1. יוחאי ירמיהו
  הנהלת האתר
  כן גם אני על הגרסה הזאת, אז כנראה זה עניין של תרגום ואצלי זה פשוט מופיע באנגלית על Form Submissions (שאולי הם תרגמו את זה לעברית בתור לידים).
  דרך אגב בעתיד שאתה מגיב לתגובה תשתדל בבקשה להגיב על אותו שרשור של שאלה ולא לפתוח תגובה חדשה ככה שהתגובות באותו נושא יהיו מקושרות.
  1. שרגא קישון
    וורדפרס Expert
    אופס, צודק
    סליחה ותודה
    שרגא