כיצד ליצור וידג'ט

סקירה כללית

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

דפדפנים נתמכים

Safari 16.4+, Chrome 111+, Firefox 128+.

יצירת וידג’ט חדש

1. בלוח הבקרה, עברו אל וידג’טים
2. לחצו על וידג’ט חדש
3. תנו לווידג’ט שם, בחרו את המוצרים שהוא ימכור ולחצו על יצירת וידג’ט

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

הגדרת הווידג’ט

מה אתם מוכרים

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

תהליך ההזמנה

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

כללי מכירה

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

מראה

הוסיפו CSS מותאם אישית כדי לדייק את מראה הווידג’ט ולהתאים אותו למותג שלכם.

אנליטיקה

חברו את Google Analytics או את Google Tag Manager כדי לעקוב אחר אופן השימוש של המבקרים בווידג’ט.

הגדרות מתקדמות

הפנו את הלקוחות לדף לבחירתכם לאחר הרכישה, והגדירו את פרמטר ה-URL שבו משתמשים המשווקים שלכם, כדי שההזמנות שלהם ישויכו אליהם.

תצוגה מקדימה, פרסום והטמעה

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

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

כיצד הווידג’ט גולל את הדף

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

אם הדבר אינו מתאים לפריסה שלכם, מנעו מהדף לזוז על ידי הוספת "scrollOnStepChange": false לקוד הווידג’ט שהדבקתם:

<div id="embed_widget" data-th-embed data-th-config='{"widgetId":"YOUR-WIDGET-ID","scrollOnStepChange":false}'></div>

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

<div id="embed_widget" data-th-embed data-th-config='{"widgetId":"YOUR-WIDGET-ID","scrollOffset":80}'></div>

שכפול וידג’ט קיים (וידג’טים קלאסיים)

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

1. עברו אל וידג’טים
2. בחרו וידג’ט קיים
3. לחצו על שכפול
4. בחרו את ערוץ היעד ואשרו את הבחירה

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