מרכז התמיכה של Wix
  1. ראשי
  2. יצירת האתר
  3. פיצ'רים מתקדמים
  4. CMS
  5. חיבור אלמנטים של קלט משתמש ל-CMS
  6. CMS: הגדרת טופס מותאם אישית באמצעות אלמנטים של קלט מסוג תפריט נפתח

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

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

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

שלב 1 | הוספת אלמנט של תפריט נפתח

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

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

שלב 2 | התחברות ל-CMS

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

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

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. הקליקו על התפריט הנפתח Value connects to (הערך מתחבר אל) ובחרו באפשרות Add new field(הוספת שדה חדש).
    1. הזינו שם שדה לשדה האוסף החדש.
    2. בחרו את סוג השדה מהתפריט הנפתח. סוג השדה קובע איזה סוג של נתונים אפשר לאחסן בשדה.
    3. הקליקו על Add (הוספה). 
  1. הקליקו על המתג Connect list items (חיבור פרטי רשימה) כדי לבחור איפה לנהל את אפשרויות הבחירה של האלמנט:
    • במצב מופעל: השתמשו בשדה מאוסף אחר של CMS עבור האפשרויות. חברו את מערך הנתונים הרלוונטי ובחרו את השדות שבהם ייעשה שימוש מהתפריט הנפתח Labels and values connect to (תוויות וערכים מתחברים אל).
    • במצב כבוי: הקליקו על Manage Choices (ניהול אפשרויות) כדי ליצור את אפשרויות הבחירה של האלמנט בנפרד מה-CMS.

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

מכיוון שמערכי נתונים שולטים בחיבור בין האוספים שלכם לבין האלמנטים בעמוד, חשוב לוודא שכל מערך נתונים נמצא במצב הנכון. עבור מערך הנתונים שמחובר לאוסף הטפסים שהתקבלו, שנו את המצב ל-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 כדי לבחור את הסדר שבו יופיעו הפריטים ברפיטר או בגלריה.

שלב 4 | הגדרת הרשאות האוסף

הגדירו את ההרשאות עבור האוסף שבו יאוחסנו הטפסים שיתקבלו. אתם יכולים לבחור את ההגדרה המוכנה Collect content (איסוף תוכן) שמאפשרת לגולשים להוסיף תוכן ואז לציין מי יוכל להוסיף אותו. או באפשרות Custom permissions (הרשאות בהתאמה אישית) כדי לקבוע מי יוכלו להוסיף, לערוך, להציג ולמחוק את הפריטים באוסף.
Studio Editor
Wix Editor
  1. הקליקו על CMS משמאל ב-editor.
  2. הקליקו על Your Collections (האוספים שלכם).
  3. עברו עם העכבר מעל האוסף שהוגדר לאחסון הטפסים שהתקבלו והקליקו על סמל הפעולות הנוספות .
  4. הקליקו על Permissions & Privacy (הרשאות ופרטיות).
צילום מסך של בחירת ההרשאות והגדרות הפרטיות עבור אוסף CMS.
  1. בחרו את סוג ההרשאות שבו תרצו להשתמש עבור האוסף:
    הערה: בעלי אתרים ובעלי תפקידים תמיד נחשבים לאדמינים בכניסה לאתר פעיל. כלומר, הם תמיד רשאים לראות, להוסיף, לעדכן ולמחוק תוכן באוסף מאתר פעיל. הכלל הזה תקף ללא קשר להרשאת האוסף שתבחרו.

שלב 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 | התאמה אישית של אלמנט התפריט הנפתח

הגדירו את הכותרת, הטקסט הזמני ואפשרויות אחרות מההגדרות של התפריט הנפתח. ערכו את העיצוב והסגנון הכללי של האלמנט מהחלונית Design (עיצוב) והתאימו את היישור, הריווח ורוחב השוליים מהחלונית Layout (פריסה).
Studio Editor
Wix Editor
  1. ב-Editor, הקליקו על אלמנט התפריט הנפתח.
  2. הקליקו על Settings (הגדרות) וערכו את הפרטים הבאים:
    • Field title: הזינו כותרת שתופיע בראש אלמנט התפריט הנפתח.
    • Show initial text: בחרו את הטקסט הראשוני שהגולשים יראו לפני שיקליקו על אלמנט התפריט הנפתח:
      • None: הגולשים יראו תיבה ריקה לפני שיקליקו על אלמנט התפריט הנפתח.
      • Placeholder text: השתמשו בטקסט משלכם באלמנט התפריט הנפתח (לדוגמה, "בחרו צבע"). הזינו את הטקסט בשדה Placeholder text (טקסט זמני).
      • Item from dropdown: הציגו פריט מהרשימה הנפתחת. אם חיברתם את הרשימה ל-CMS, הפריט שיופיע הוא האפשרות הראשונה בתפריט הנפתח שהגולשים יכולים לבחור. אם לא חיברתם את הפריטים ברשימה ל-CMS, הקליקו על Select an item from your list (בחירת פריט מהרשימה) כדי לבחור איזה פריט יופיע.
      • Autocomplete: הקליקו על המתג כדי לקבוע מה קורה כשהגולשים מקלידים טקסט לחיפוש ברשימה הנפתחת:
        • במצב מופעל: בתפריט הנפתח יופיעו רק אפשרויות בחירה שתואמות לטקסט שהוקלד.
        • במצב כבוי: כל האפשרויות יופיעו בתפריט הנפתח.
    • Dropdown list type (סוג הרשימה הנפתחת): בחרו אפשרות:
      • Custom: התאימו אישית את אלמנט התפריט הנפתח בחלונית Design (עיצוב). במובייל, סוג הרשימה יהיה תמיד Browser (דפדפן).
      • Browser: השתמשו בערכת העיצוב המוגדרת כברירת המחדל של הדפדפן באלמנט התפריט הנפתח.
    • This field is: סמנו את תיבת הסימון Required (חובה) כדי לדרוש מהגולשים לבחור פריט מתוך התפריט הנפתח לפני שיוכלו לשלוח את הטופס שלהם.
  1. הקליקו על סמל הפריסה כדי להתאים את יישור הטקסט, הריווח ורוחב השוליים של האלמנט.
  2. הקליקו על אייקון העיצוב כדי לבחור ערכת עיצוב מוכנה, ואז בחרו באפשרות Customize Design (עריכת עיצוב) כדי להמשיך להתאים את המראה של אלמנט התפריט הנפתח.
  3. (לא חובה) הקליקו על אייקון האנימציה כדי להוסיף אנימציה לאלמנט התפריט הנפתח.
מוכנים לעלות לאוויר?
הקליקו על Preview (תצוגה מקדימה) מימין למעלה ב-editor כדי לבדוק את הטופס המותאם אישית החדש עם התפריט הנפתח. כשהכול נראה נהדר ועובד כמו שצריך, הקליקו על Publish (פרסום) כדי להעלות את השינויים לאוויר.

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

שאלות נפוצות

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

זה עזר לך?

|
בעמוד מידע הזה
  • שלב 1 | הוספת אלמנט של תפריט נפתח
  • שלב 2 | התחברות ל-CMS
  • שלב 3 | הגדרת המצבים של מערך הנתונים
  • שלב 4 | הגדרת הרשאות האוסף
  • שלב 5 | יצירת כפתור שליחה
  • שלב 6 | התאמה אישית של אלמנט התפריט הנפתח
  • שאלות נפוצות

זה עזר לך?

|