אוקיי, אז יש לכם כבר אתר בסיסי מגניב. הגיע הזמן ליצור טופס יצירת קשר, שאנשים יוכלו למלא ואתם תקבלו את זה ישר למייל שלכם. בואו נתחיל.
יצירת טופס "צור קשר" ב-3 שלבים פשוטים
שלב ראשון ניצור עמוד "צור קשר". כמו כל עמוד שאנחנו יוצרים. פשוט נלך ל"עמודים" – "עמוד חדש".
שלב שני נוריד ונתקין את התוסף CONTACT FORMS 7.
שלב שלישי נטמיע את הטופס באתר באמצעות אלמנטור
למי שיש אלמנטור פרו – יש שם אפשרות ליצור טפסים ללא הצורך להוריד תוסף נפרד. אבל השיעור הזה הוא חלק מהמדריך הבסיסי שבו אנחנו עובדים עם כלים חינמיים כמו אלמנטור, ולכן אנחנו נעבוד עם התוסף CONTACT FORMS 7 שהוא גם חינמי.
שלב ראשון – יצירת עמוד "יצירת קשר"
נלך לעמודים, נבחר עמוד חדש:
עכשיו נקרא לעמוד בשם. במקרה הזה אקרא לו "יצירת קשר". ואז נלחץ על "פרסום".
עכשיו יש לנו עמוד חדש עבור טופס יצירת הקשר שלנו. אם כבר יש לכם עמוד ליצירת קשר אז אין צורך ליצור עוד אחד – פשוט תתחילו מהשלב הבא.
מי שמסתבך עם יצירת עמודים והכנסת העמודים לתפריט יכול לחזור לשיעור 9 ולהיזכר. וכמובן, תמיד אפשר להשאיר שאלה בתגובה ואחזור אליכם עם תשובה.
שלב שני – הורדת התוסף CONTACT FORMS 7
נלך ל"תוספים" – ונבחר את האופציה "תוסף חדש".
נכתוב בשורת החיפוש – CONTACT FORMS 7. ואז נלחץ באזור התוסף הנכון "התקן עכשיו" ולאחר שהסתיימה ההתקנה נלחץ על "הפעלה".
שלב שלישי – הטמעת הטופס החדש באתר
עכשיו שהתקנו את התוסף נוכל לראות שיש לנו אפשרות של "צור קשר" בלשונית בוורדפרס. נלחץ על הלשונית "צור קשר" הזו.
עכשיו הגענו לעמוד של הטפסים. נוכל לראות שיש כבר טופס מוכן אוטומטית שנקרא "טופס יצירת קשר 1". אם נסתכל קצת שמאלה נראה שכתוב שם "שורט קוד". שורט קוד זה הקוד שאנחנו נעתיק כדי להדביק אותו בחזרה באלמנטור במקור הרצוי. בואו נעתיק את השורט קוד:
מעולה. עכשיו בואו נלך להדביק את זה בתוך האתר. נכנס אל העמוד שיצרנו עבור הטופס. "יצירת קשר" במקרה שלנו. ונלחץ על "ערוך באמצעות אלמנטור".
עכשיו, כשאנחנו בתוך עריכת העמוד באלמנטור ניצור אזור חדש ונבחר את האלמנט "שורטקוד".
נגרור את האלמנט "שורטקוד" אל האזור החדש שיצרנו עבורו. כמו שעובדים עם כל האלמנטים באלמנטור, אין הבדל. פשוט יוצרים אזור עבור האלמנט ואז גוררים את האלמנט אל האזור המתאים. פשוט וקל.
עכשיו, תחת לשונית העריכה של האלמנט ("עריכת שורטקוד") נכניס את הקוד שהעתקנו במקום המתאים.
תוך כמה רגעים אנחנו נראה את הטופס החדש מוטמע באתר. הטופס פשוט אך אלגנטי. בתור תוסף חינם אני ממש מרוצה. הוא משתלב יפה. נלחץ על "עדכן" כדי לשמור את השינויים, וזה הכל. תתחדשו!
לסיכום
עכשיו יש לכם טופס יצירת קשר בסיסי לאתר שלכם. אם תרצו לשנות בו דברים תוכלו להכנס דרך "צור קשר" אל הטופס ולשנות מה שאתם רוצים. אתם יכולים להסתכל באפשרויות ולראות שהמייל המתאים נמצא שם, ואם תרצו שההודעות ישלחו למייל אחר תוכלו לשנות ולשמור שם.
וכמובן, תמיד שווה לעשות טסט ולראות שהטופס עובד ובאמת מגיעות אליכם ההודעות לאימייל.
בהצלחה!
