איך ליצור טופס יצירת קשר עם אלמנטור (הגרסה החינמית)

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

יצירת טופס "צור קשר" ב-3 שלבים פשוטים

שלב ראשון ליצור עמוד "צור קשר". ללחוץ על "עמודים" – "עמוד חדש" ולכתוב בכותרת "צור קשר" ושמירה לסיום.
שלב שני להוריד ולהתקין את התוסף CONTACT FORMS 7.
שלב שלישי להטמיע את הטופס באתר באמצעות אלמנטור.

*למי שיש אלמנטור פרו – יש שם אפשרות ליצור טפסים ללא הצורך להוריד תוסף נפרד. אבל בשיעור הזה אנחנו עובדים עם כלים חינמיים כמו אלמנטור, ולכן אנחנו נעבוד עם התוסף CONTACT FORMS 7 שגם לו גרסה חינמית.

שלב ראשון – יצירת עמוד "יצירת קשר"

נלך לעמודים, נבחר עמוד חדש:

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

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

שלב שני – הורדת התוסף CONTACT FORMS 7

נלך ל"תוספים" – ונבחר את האופציה "תוסף חדש".

נכתוב בשורת החיפוש – CONTACT FORMS 7. ואז נלחץ באזור התוסף הנכון "התקן עכשיו" ולאחר שהסתיימה ההתקנה נלחץ על "הפעלה".

שלב שלישי – הטמעת הטופס החדש באתר

עכשיו שהתקנו את התוסף נוכל לראות שיש לנו אפשרות של "צור קשר" בלשונית בוורדפרס. נלחץ על הלשונית "צור קשר" הזו.

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

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

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

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

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

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

סיכום והגדרות

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

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

בהצלחה!