יצירת עמוד פרטי אירוע ייחודי משלכם

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

דרישות מוקדמות

לפני שתיצרו את עמוד פרטי האירוע, עליכם להוסיף את אפליקציית Wix Events לאתר. אתם צריכים גם לוודא שהמתג Wix App Collections מופעל. באמצעות אפליקציית Wix Events תוכלו ליצור אירועים ולהוסיף את הפרטים שלהם. שימו לב שלאתר שלכם נוסף אוסף בסיס נתונים בשם Events. האוסף הזה מכיל את כל נתוני האירועים שלכם.
טיפ:
אם אתם לא רואים את האוסף Events, נסו לרענן את חלון ה-Editor.
שימו לב:
יכול להיות שתצטרכו לפרסם את האתר שלכם (Publish) לפחות פעם אחת אחרי שתוסיפו את אפליקציית Wix Events, כדי שחלק מהפונקציונליות הנוספת שמתוארת למטה תפעל כמו שצריך.
כדאי גם לקרוא על הנושאים הבאים:

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

יצירת עמודים דינמיים

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

כדי ליצור עמוד פרטים דינמי:

  1. הקליקו על אייקון מנהל התוכן בצד שמאל של ה-Editor. 
  2. תחת Events (אירועים) הקליקו על אייקון הפעולות הנוספות ליד האוסף Events
  3. הקליקו על Add a Dynamic Page (הוספת עמוד דינמי).
  4. הקליקו על אייקון הפעולות הנוספות  ליד העמוד Events (Title).
  5. הקליקו על Settings (הגדרות). 
  6. תחת What's the page URL?‎ שנו את ‎/Title בסוף כתובת ה-URL ל-‎/Slug
    כתובת העמוד אמורה להיראות בערך כך: https://www..../Events/Slug. 
הערה
אם כבר הגדרתם עמוד דינמי באוסף Events, יכול להיות שתצטרכו לשנות את כתובת ה-URL כדי שהיא תהיה ייחודית.
עכשיו יש לנו עמוד פריטים דינמי ריק עם מערך נתונים דינמי שמחובר לאוסף Events.

הגדרת העמוד

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

חיבורי נתונים

מערך נתונים משמש כגשר בין נתוני האוסף Events לבין האלמנטים בעמוד שלנו. מכיוון שכבר יש לנו מערך נתונים בעמוד, אנחנו רק צריכים לחבר אותו לאלמנטים בעמוד באמצעות כפתור החיבור לנתונים .
אלה החיבורים שאנחנו יוצרים:
מזהה האלמנט
שם השדה
הנתונים בדוגמה
titleText
Title (כותרת)
Wix Meetup: San Francisco
dateText
Schedule formatted (לוח הזמנים)
December 17, 2018 at 7:00 PM
descriptionText
Description (תיאור)
Join us for the Wix Meetup in...‎
page1
Main image (תמונה ראשית)
-
בשלב זה, יש לנו עמוד פרטים ייחודי שעובד. עכשיו אנחנו צריכים להגדיר דרך שבה הגולשים יוכלו להגיע לעמודי הפרטים שלנו. בדרך כלל הגולשים מגיעים לעמוד פרטי אירוע ייחודי דרך גלריית אירועים ייחודית. בהנחה שכבר יצרתם גלריית אירועים ייחודית, תצטרכו להוסיף לינק מהגלריה לעמוד הפרטים שלכם.
כדי לקשר לעמוד הפרטים שלנו, אנחנו מוסיפים כפתור לרכיב התוכן החוזר (repeater) בגלריית האירועים שלנו. באמצעות כפתור החיבור לנתונים , תחת Link connects to (הקישור מוביל אל), נחבר את הכפתור לעמוד הדינמי שיצרנו קודם, Events/Events{Slug}.
אם תרצו, אתם יכולים להוסיף לינקים לפונקציונליות נוספת בעמוד הפרטים הייחודי שלכם. בדוגמה שלנו, הוספנו שלושה כפתורים:
  • Back to event list (חזרה לרשימת האירועים)
  • Add to Google calendar (הוספה ליומן Google)
  • Register for event (הרשמה לאירוע)

Back to Event List

כפתור החזרה מחזיר את הגולשים לגלריית האירועים הייחודית. כדי ליצור אותו, נוסיף כפתור ונשנה את הטקסט שלו ל-Back to event list. כיוון שגלריית האירועים הייחודית שלנו לא נוצרה בעמוד דינמי, אנחנו משתמשים בכפתור Link (קישור) כדי להגדיר את הלינק לעמוד עם הגלריה הייחודית שלנו.

Add to Google Calendar

הכפתור 'הוספה ליומן Google' מוסיף את האירוע ליומן Google של הגולש או הגולשת. כדי ליצור אותו, נוסיף כפתור ונשנה את הטקסט שלו לטקסט הוספה ליומן Google. כיוון שהלינק ליומן Google שמור באוסף Events, אנחנו משתמשים בכפתור החיבור לנתונים כדי לחבר אותו למערך הנתונים של העמוד. תחת Link connects to (הקישור מוביל אל), נבחר בשדה Google calendar url.

Register for Event

כפתור ההרשמה לאירוע מפנה את הגולש או הגולשת לטופס ההרשמה המובנה. כדי ליצור אותו, נוסיף כפתור ונשנה את הטקסט שלו לטקסט הרשמה לאירוע. שוב, כיוון שהלינק שמור באוסף Events, אנחנו משתמשים בכפתור החיבור לנתונים כדי לחבר אותו למערך הנתונים של העמוד. תחת Link connects to (הקישור מוביל אל), נבחר בשדה Registration url.
טיפ:
כפתור החזרה בעמוד ההרשמה יעביר את הגולשים לעמוד פרטי האירוע המובנה, ולא לגלריה הייחודית שלכם. אם אתם לא רוצים שהגולשים יקליקו על כפתור החזרה, אתם יכולים להסתיר אותו מאחורי אחד האלמנטים בעמוד. 

זה עזר לך?

|