CMS: יצירת טופס מותאם אישית עם אלמנטים של קלט ששולחים נתונים לאוסף שלכם

זמן קריאה: 17 דקות
בעמוד הזה נציג את כל השלבים הדרושים ליצירת טופס מותאם אישית שמאפשר לגולשים להשתמש באלמנטים של קלט, כמו תיבות טקסט, תפריטים נפתחים, אלמנטים של בחירת תאריך ושעה ועוד, כדי לשלוח את הפרטים שלהם ישירות לאוספים ב-CMS, כולל יצירת אוסף לאחסון הנתונים שמתקבלים, הוספת אלמנטים לקלט וכפתור שליחה ושימוש במערכי נתונים כדי לחבר את הכול יחד.
צילום מסך של שימוש באלמנטים של קלט ליצירת טופס מותאם אישית.
צריכים טופס מוכן ופשוט יותר?
ב-Wix Forms יש לכם טמפלייטים לטפסים שמצריכים פחות עבודת הגדרה, כמו טופסי יצירת קשר, טופסי הזמנה, טופסי הרשמה ועוד.
לפני שתתחילו:

שלב 1 | יצירת אוסף והגדרת ההרשאות

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

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

כדי ליצור אוסף לאחסון הנתונים המתקבלים:

  1. עברו ל-CMS בדאשבורד של האתר.
  2. הקליקו על Create Collection (יצירת אוסף).
  3. הקליקו על Start from Scratch (התחלה מאפס). טיפ: אפשרות אחרת היא להקליק על Create with AI כדי שהבינה המלאכותית (AI) תיצור עבורכם אוסף.
  4. הקליקו על Next (הבא).
  5. הכניסו שם לאוסף. 
  6. (קידוד בלבד) הכניסו מזהה האוסף שישמש בקוד.
  7. השאירו את האפשרות Multiple item collection (Default) (אוסף מרובה פריטים – ברירת מחדל) מסומנת והקליקו על Create (יצירה).
  8. הקליקו על More Actions (פעולות נוספות) ובחרו Permissions & Privacy (הרשאות ופרטיות).
צילום מסך של בחירת הרשאות ופרטיות באוסף.
  1. בחרו באילו הרשאות להשתמש עבור האוסף:
    הערה: בעלי אתרים ובעלי תפקידים תמיד נחשבים לאדמינים בכניסה לאתר. כלומר, הם תמיד רשאים לראות, להוסיף, לעדכן ולמחוק תוכן באוסף דרך האתר. כלל זה תקף בלי קשר להרשאת האוסף שתבחרו.

שלב 2 | הוספת אלמנטים של קלט לאתר

ראשית, עליכם לעבור ב-editor לעמוד או למקטע שבהם אתם רוצים ליצור את הטופס המותאם אישית. לאחר מכן, הוסיפו את כל האלמנטים לקלט שהגולשים ישתמשו בהם כדי לשלוח את התגובות שלהם. חשוב לזכור שלכל אלמנט קלט יש מגבלות מבחינת סוגי השדות שהוא יכול להתחבר אליהם.
אילו אלמנטים של קלט אפשר להגדיר כדי לאסוף תוכן?
אתם יכולים לבחור מבין האלמנטים הבאים של קלט שמאפשרים לאסוף תוכן: קלט טקסט, תיבת טקסט, טקסט עשיר, כפתורי רדיו, תיבות סימון מרובות, תיבת סימון אחת, תפריט נפתח, תגי בחירה, תפריט בחר תאריכים, בוחר שעה, סליידר, כפתור העלאה קלט דירוגים, קלט כתובת, מתג וקלט חתימה.
Studio Editor
Wix Editor
  1. היכנסו ל-editor.
  2. עברו אל העמוד או המקטע שבהם אתם רוצים ליצור טופס בהתאמה אישית.
  3. הקליקו משמאל על Add Elements   (הוספת אלמנטים).
  4. הקליקו על Input (קלט).
  5. הקליקו על סוג אלמנט הקלט שאתם רוצים להוסיף.
  6. הקליקו על אלמנט הקלט הרלוונטי וגררו אותו אל העמוד.
צילום מסך של הוספת אלמנט תפריט נפתח ב-Editor.
  1. חזרו על שלבים 3‏-6 למעלה כדי להוסיף את כל האלמנטים של הקלט הדרושים לטופס.
צילום מסך של אלמנטים רבים של קלט שנוספו לעמוד.

שלב 3 | חיבור האלמנטים של הקלט לאוסף

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

אתם יכולים להשתמש בפריטים מאוסף אחר עבור האפשרויות שמופיעות בתפריט הנפתח וברשימות תגי הבחירה. כדי לעשות זאת, חברו את הפריטים ברשימה למערך נתונים אחר שמתחבר לשדה באוסף אחר.
Studio Editor
Wix Editor
  1. ב-editor, הקליקו על אחד מהאלמנטים של הקלט שהוספתם עכשיו.
  2. הקליקו על אייקון החיבור ל-CMS .
  3. התחברו למערך נתונים שמקושר לאוסף שבו יאוחסן התוכן שהגולשים שולחים: 
    • אם אין לכם מערך נתונים בעמוד:
      1. הקליקו מימין על ‎+ Add a Dataset (הוספת מערך נתונים), בחרו את האוסף שאתם רוצים לחבר, הכניסו את שם מערך הנתונים והקליקו על Create (יצירה).  
      2. הקליקו על Collect content (איסוף תוכן).
    • אם כבר יש לכם מערך נתונים בעמוד:
      1. הקליקו על Collect content (איסוף תוכן).
      2. הקליקו על התפריט הנפתח Choose a dataset (בחירת מערך נתונים) ובחרו את מערך הנתונים הרלוונטי. לחלופין, הקליקו על Add a Dataset (הוספת מערך נתונים) כדי ליצור מערך נתונים חדש, ואז בחרו את האוסף שאליו אתם רוצים להתחבר, הזינו את שם מערך הנתונים והקליקו על Create (יצירה).
  4. חברו את אלמנט הקלט לשדה אוסף חדש:
    1. הקליקו על התפריט הנפתח Value connects to (הערך מתחבר אל) ובחרו באפשרות Add new field (הוספת שדה חדש):
    2. הזינו שם שדה לשדה האוסף החדש.
    3. בחרו את סוג השדה מהתפריט הנפתח. סוג השדה קובע איזה סוג של נתונים אפשר לאחסן בשדה.
    4. הקליקו על Add (הוספה). 
  1. (במידת הצורך) הקליקו על המתג Connect list items (חיבור פרטי רשימה) כדי לבחור איפה לנהל את אפשרויות הבחירה של האלמנט:
    • במצב מופעל: השתמשו בשדה מאוסף אחר של CMS עבור האפשרויות. חברו את מערך הנתונים הרלוונטי ובחרו את השדות שבהם ייעשה שימוש מהתפריט הנפתח Labels and values connect to (תוויות וערכים מתחברים אל).
    • במצב כבוי: הקליקו על Manage Choices (ניהול אפשרויות) כדי ליצור את אפשרויות הבחירה של האלמנט בנפרד מה-CMS.
  1. חזרו על השלבים האלה עבור כל אחד מהאלמנטים של הקלט הכלולים בטופס המותאם אישית.

שלב 4 | הגדרת המצבים של מערך הנתונים

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

אם חיברתם את התפריט הנפתח או את רשימות תגי הבחירה למערך נתונים ואוסף אחרים, מערך הנתונים אמור להיות מוגדר אוטומטית למצב Read & Write (קריאה וכתיבה). עם זאת, אם חיברתם אותם למערך נתונים קיים, הקפידו להגדיר אותו למצב Read & Write (קריאה וכתיבה) או Read (קריאה). זה מאפשר לרשימות האפשרויות להציג פריטים מהאוסף האחר.
Studio Editor
Wix Editor
  1. בחלונית מימין, הקליקו על Dataset Settings (הגדרות מערך נתונים) תחת התפריט הנפתח הראשון של Choose a dataset (בחירת מערך נתונים). מערך הנתונים הזה מתחבר לאוסף שבו תשמרו את הנתונים שיתקבלו.
  1. הקליקו על התפריט הנפתח Dataset mode (מצב מערך נתונים) ובחרו באפשרות Write (כתיבה).
  1. (אם חיברתם פריטים ברשימה ל-CMS) הגדירו את המצב של מערך הנתונים שמחובר לפריטים ברשימה:
    1. הקליקו על Back to Dropdown element (חזרה לאלמנט התפריט הנפתח) בחלונית למעלה.
    2. הקליקו על Dataset Settings (הגדרות מערך הנתונים) מתחת למערך הנתונים שנבחר בקטע List Connections (חיבורי רשימה).
    3. הקליקו על התפריט הנפתח Dataset mode (מצב מערך נתונים) ובחרו באפשרות Read (קריאה) או Read & Write (קריאה וכתיבה).
    4. (לא חובה) הקליקו על ‎+ Add Filter (הוספת מסנן) אם אתם רוצים ליצור מסנן כדי להגדיר פריטים מסוימים שלא יופיעו ברשימת אפשרויות הבחירה.
    5. (לא חובה) הקליקו על ‎+ Add Sort כדי לבחור את הסדר שבו יופיעו הפריטים ברפיטר או בגלריה.

שלב 5 | יצירת כפתור שליחה

אחרי שהגולשים מקיימים אינטראקציה עם האלמנטים של הקלט בטופס המותאם אישית, הם צריכים דרך להגיש את התגובות שלהם. הוסיפו כפתור או תמונה וחברו אותם לאותו מערך נתונים שמחובר לאוסף הנתונים שמתקבלים. אחר כך, הגדירו את פעולת הקליק של הכפתור או התמונה ל-Submit (שליחה). כשהגולשים מקליקים על כפתור השליחה, נוצר באוסף פריט חדש עם ערכים מכל אלמנט קלט בשדות הרלוונטיים.
Studio Editor
Wix Editor
  1. הקליקו משמאל על Add Elements   (הוספת אלמנטים).
  2. הקליקו על Button (כפתור).
  3. הקליקו על הכפתור שישמש ככפתור השליחה וגררו אותו אל העמוד. אתם יכולים להשתמש בכל אחד מסוגי הכפתורים הבאים: Themed Buttons (כפתורי ערכת עיצוב), Text & Icon Buttons (כפתורי טקסט ואייקון), Icon Buttons (כפתורי אייקון) או Image Buttons (כפתורי תמונה).
    טיפ: לחלופין, אתם יכולים להוסיף תמונה ולהשתמש בה בתור כפתור השליחה.
צילום מסך של הוספת כפתור לשימוש בתור כפתור השליחה.
  1. הקליקו על Change Text & Icon (שינוי טקסט ואייקון) והזינו את הטקסט שאתם רוצים להציג בכפתור (למשל, Submit – שליחה).
  2. הקליקו על אייקון החיבור ל-CMS .
  3. הקליקו על התפריט הנפתח Choose a dataset (בחירת מערך נתונים) ובחרו את מערך הנתונים שמחובר לאוסף שליחת החומרים.
  4. הקליקו על התפריט הנפתח Click action connects to (פעולת קליק מתחברת אל) ובחרו באפשרות Submit (שליחה).
  5. (לא חובה) הוסיפו הודעות הצלחה וכשל שיופיעו כאשר השליחה של חומרים מתבצעת בהצלחה או מסתיימת בכשל:
    1. הקליקו על ‎+ Add success message (הוספת הודעת הצלחה) ואז הקליקו על ‎+ Add failure message (הוספת הודעת כשל).
    2. הקליקו על שתי ההודעות וגררו אותן אל המקום שבו אתם רוצים שיופיעו. אין בעיה שתהיה חפיפה בין ההודעות, כי הן לא מוצגות באותו הזמן.
    3. הקליקו על Edit Text (עריכת טקסט) בכל הודעה כדי לערוך את ההודעות.
  6. בחרו את הכפתור והקליקו על אייקון החיבור ל-CMS . לאחר מכן הקליקו על התפריט הנפתח When successful, navigate to  (בהצלחה, עברו אל) ובחרו אפשרות:
    • Stay on this page: הגולשים נשארים באותו עמוד אחרי שליחת הטופס.
    • A link: הגולשים מועברים לעמוד אחר לאחר שליחת הטופס. הקליקו על Choose (בחירה) תחת Choose a link (בחירת לינק) והגדירו את הלינק.
  1. הקליקו על הכפתור ובחרו באייקון העיצוב כדי לעצב את מראה כפתור השליחה.

שלב 6 | התאמה אישית של האלמנטים של הקלט

אתם יכולים להתאים אישית כל אחד מהאלמנטים של הקלט כדי ליצור טופס עם מראה אחיד שתואם למראה ולתחושה של האתר.
Studio Editor
Wix Editor
  1. ב-editor, הקליקו על כל אחד מהאלמנטים לקלט שאתם רוצים לערוך.
  2. הקליקו על Settings (הגדרות) כדי להזין את כותרת השדה, להגדיר את השדה כחובה או לשנות הגדרות שונות בהתאם לסוג הקלט.
  1. הקליקו על אייקון הפריסה כדי לשנות את יישור הטקסט ואפשרויות פריסה אחרות.
  2. הקליקו על אייקון העיצוב כדי לבחור ערכת עיצוב מוכנה, ואז בחרו באפשרות Customize Design (עריכת עיצוב) כדי להמשיך להתאים את המראה של האלמנט.
  3. (לא חובה) הקליקו על אייקון האנימציה כדי להוסיף אנימציה לאלמנט.
  4. חזרו על השלבים האלה עבור כל אלמנט קלט שאתם רוצים לערוך.
מוכנים לעלות לאוויר?
הקליקו על Preview (תצוגה מקדימה) מימין למעלה ב-editor כדי לבדוק את הטופס המותאם אישית החדש. כשהכול נראה נהדר ועובד כמו שצריך, הקליקו על Publish (פרסום) כדי להעלות את השינויים לאוויר.

אם הפעלתם את ארגז החול (Sandbox), סנכרנו את אוסף ארגז החול עם האוסף הלייב כדי שהשינויים בבסיס הנתונים יעלו לאוויר.

שאלות נפוצות

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