1. דף הבית
  2. מדריכים לבניית אתרים
  3. יצירת טופס צור קשר באתר

יצירת טופס צור קשר באתר

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

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

לפני שמתחילים

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

1

פתיחת מנהל הטפסים

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

צילום מסך · שלב 1התפריט אפשרויות ניהול במערכת הניהול של 2all, עם הפריט אפשרויות מתקדמות מסומן באדום
מה רואים: התפריט אפשרויות ניהול פתוח, והפריט אפשרויות מתקדמות מסומן.

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

צילום מסך · שלב 1, צילום 2האזור ניהול כללי באפשרויות המתקדמות של 2all, עם הכפתור מנהל הטפסים מסומן
מה רואים: האזור ניהול כללי. הכפתור מנהל הטפסים מסומן באדום.
הנתיב המלא: אפשרויות ניהול / אפשרויות מתקדמות / ניהול כללי / מנהל הטפסים.
2

יצירת טופס חדש

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

צילום מסך · שלב 2המסך ניהול טפסי צור קשר במערכת הניהול של 2all, עם הכפתור צור טופס חדש מסומן
מה רואים: המסך ניהול טפסי צור קשר. הכפתור צור טופס חדש מסומן באדום.
3

הגדרות הטופס

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

צילום מסך · שלב 3הגדרות הטופס במערכת הניהול של 2all, עם שם הטופס, כתובות המייל, טקסט כפתור השליחה והכפתור שמור מסומנים
מה רואים: מימין הגדרות בסיסיות, משמאל עיצוב ואינטגרציה. מסומנים שם הטופס, כתובות מייל לשליחת הטופס, טקסט כפתור שליחה והכפתור שמור.
  • שם הטופסהשם בטבלת הטפסים. מתחתיו התיבה האם להציג באתר.דוגמה: טופס צור קשר, טופס הצעת מחיר.
  • כתובות מייל לשליחת הטופסלאן יישלחו הפניות. כמו שכתוב מתחת לשדה: כמה כתובות מפרידים עם ;.
  • URL הפנייה לאחר שליחהכתובת שהגולש יעבור אליה אחרי השליחה, למשל דף תודה.
  • טקסט סיוםהטקסט אחרי השליחה. מתחת לשדה מופיעים משתנים כמו [FULLNAME], [EMAIL] ו-[PHONE].דוגמה: תודה, הפרטים התקבלו.
  • שפת הטופסעברית, אנגלית, ערבית, רוסית או ספרדית.
  • שליחת עותק ללקוח וטקסט לעותק ללקוחתיבה ושדה טקסט לעותק שנשלח לגולש.
  • אופן הצגת הטופסאיך השדות מסודרים: לאורך, לאורך עם טקסט מעל השדה, לרוחב, או בשתיים עד חמש עמודות.
  • טקסט כפתור שליחהמה כתוב על הכפתור.דוגמה: שליחה, אני רוצה הצעת מחיר.
  • Placeholder, CSS מותאם, מזהה רשימת תפוצההגדרות מתקדמות. ליד CSS מותאם מופיעים שמות המחלקות לשימוש.
  • אינטגרציה CRMכתובת URL ושיטת בקשה (JSON POST, XML POST, FORM POST או FORM GET), לשליחת הפניות למערכת חיצונית.

לחצו שמור. הטופס החדש מופיע בטבלה.

4

פתיחת עריכת הטופס

בשורה של הטופס בטבלה לחצו עריכה.

צילום מסך · שלב 4טבלת הטפסים במערכת הניהול של 2all, עם הטופס החדש והכפתור עריכה בשורה שלו מסומנים
מה רואים: טבלת הטפסים. הטופס החדש והכפתור עריכה בשורה שלו מסומנים באדום.
  • עריכההוספה ועריכה של שדות.
  • הגדרותחזרה להגדרות מהשלב הקודם.
  • הוסף טופס רספונסיבימציג את הטופס בדף (שלב 7).
  • הצג, הצג נתונים, שיכפול, מחיקהכפתורים נוספים בשורה, בעמודות תצוגה מקדימה, הצגת נתונים, שיכפול ומחיקת הטופס.
5

הוספת שדה

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

צילום מסך · שלב 5הטופס להוספת שדה במערכת הניהול של 2all, עם סוג השדה, שם השדה, שדה חובה והכפתור הוסף מסומנים
מה רואים: החלק ערכים. מסומנים בחר איזה שדה ברצונך להוסיף (תיבת טקסט), שם השדה (שם מלא), האם זהו שדה חובה והכפתור הוסף.
  • בחר איזה שדה ברצונך להוסיףסוג השדה. ברשימה: תיבת טקסט, שדה טקסט, תיבת סימון, תיבת בחירה, כפתורי רדיו, הזנת סיסמא, טקסט חופשי, טעינת קובץ, בחירת נמענים, ובחירת תאריך ושעה.דוגמה: תיבת טקסט לשם ולטלפון, שדה טקסט להודעה.
  • שם השדההכותרת שהגולש רואה ליד השדה.
  • קבע מיקום השדה בטופסמספר שקובע את סדר השדה.
  • האם זהו שדה חובהכשמסומן, השדה מסומן בכוכבית בעמודה חובה.
  • התחלת שורהתיבת סימון, מסומנת מראש.
  • API Key Nameשם השדה במערכת חיצונית, לחיבור CRM.
  • בחר גודל תיבת טקסטכמו שכתוב במסך: השאר ריק לגודל ברירת מחדל.

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

6

השדות בטבלה

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

צילום מסך · שלב 6טבלת השדות של הטופס במערכת הניהול של 2all, עם הודעת ההצלחה ושני שדות שנוספו
מה רואים: הודעת ההצלחה, ושני שדות בטבלת השדות של הטופס.
7

הוספת הטופס לדף

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

צילום מסך · שלב 7ספריית האלמנטים בעורך האתר של 2all, עם הקטגוריה טפסים ברשימה העליונה מסומנת
מה רואים: ספריית האלמנטים. הקטגוריה טפסים מסומנת.

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

צילום מסך · שלב 7, צילום 2החלון ניהול טפסי צור קשר בעורך של 2all, עם הכפתור הוסף טופס רספונסיבי בשורת הטופס מסומן
מה רואים: החלון ניהול טפסי צור קשר. הכפתור הוסף טופס רספונסיבי בשורת הטופס מסומן.

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

צילום מסך · שלב 7, צילום 3הטופס החדש בדף בעורך של 2all, עם הטופס והכפתור שמור בסרגל מסומנים
מה רואים: הטופס בדף, עם השדות וכפתור השליחה. הכפתור שמור מסומן בסרגל.

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

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

בעיות נפוצות

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

השינויים בדף לא נשמרו? לחצו שמור בסרגל שמעל הדף.

בהצלחה!יש שאלה? צוות התמיכה של 2all כאן בשבילכם.
יצירת טופס צור קשר באתר
logo בניית אתרים
✕