Please ensure Javascript is enabled for purposes of website accessibility

כל המאמרים של יהב יאלר

יהב יאלר -

מאמרים

כיצד משלבים קוד בדף נחיתה?

יצירת לידים (דפי נחיתה)

 

מטרת המאמר:  כיצד משלבים קוד בדף נחיתה?

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

  1. פתחו את דף הנחיתה ובחרו את האזור שבו ברצונכם להציג תוכן חיצוני (כמו למשל טופס סליקה, יומן פגישות וכו').
  2. הוסיפו בלוק פסקה ולחצו על האייקון < > המאפשר שתילת קוד HTML.
  3. הדביקו את קוד ה־HTML הבא (והתאימו אותו לצורך שלכם).<iframe src="YOURLINKHERE" width="100%" height="750" style="border:1px solid black;"> </iframe>
  4. החליפו את כתובת ה־src לכתובת הדף הרלוונטי שלכם – לדוגמה, דף סליקה, מערכת משולם או עמוד הזמנת פגישה ב־Calendly.
  5. התאימו את גובה (height) ורוחב (width) החלון כך שישתלב אסתטית בדף הנחיתה.
  6. שמרו ובדקו את התוצאה – כעת התוכן החיצוני (עמוד תשלום, טופס, יומן וכו’) יופיע בתוך דף הנחיתה עצמו.


ובהרחבה:


שקלתם פעם לשלב קוד בדף הנחיתה שלכם?
וכן, אפילו לייצר דף נחיתה שלם באמצעות קוד HTML?
אז קודם כל – זה אפשרי!

איך זה עובד

לא מסובך בכלל:
כל מה שצריך לעשות הוא להציג דבר הנקרא IFRAME בתוך איזור מוגדר בדף הנחיתה עצמו.
את זה נעשה דרך "בלוק פסקה".

בתוך בלוק הפסקה ישנו אייקון קטן הנראה כך: < >"" המסמל בעצם – שתילת קוד (הקוד האפשרי במקרה שלנו הוא קוד html))


שנייה, לא להיבהל!

את חלקו הגדול של הקוד כבר יש לכם.

לאחר שנקליק על האייקון נראה את הדבר הבא:

עליו נצטרך רק להוסיף קודHTML  שנראה כך:

<iframe src="https://meshulam.co.il/purchase?b=ae315ce39db254702416da691b62a95d" width="100%" height="750" style="border:1px solid black;">
</iframe>

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

הטקסט הבא המסומן בורוד מתייחס לגודל (גובה ורוחב) החלון הנדרש – אותו נוכל לשנות ולהתאימו לדף הנחיתה שלנו.

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

 

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

הטמעת סרטון vimeo במערכת – דפי נחיתה או פורטל קורסים

יצירת לידים (דפי נחיתה)

קורס דיגיטלי

מטרת המאמר:
איך משלבים סרטון מתוך Vimeo בתוך דף נחיתה (או קורס בפורטל)

בקצרה:

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


בהרחבה:

שלב 1: מציאת קוד ההטמעה  (Embed Code)

  1. יש להיכנס לחשבון האישי שלכם ב־Vimeo.
  2. לגשת לסרטון הרצוי וללחוץ על כפתור Share (סמל של ניירת או חץ)
  3. בחלונית שתיפתח יוצג הקישור לסרטון
  4. יש להעתיק את הקוד -  זהו הקוד שיוטמע בדף הנחיתה.

שלב 2: שילוב הקישור בדף הנחיתה

  1. חזרו אל דף הנחיתה שלכם או לשיעור הרלוונטי בפורטל הקורסים
  2. הוסיפו בלוק מסוג וידאו
    .
  3. לחצו על סמל העריכה (סמליל עפרון, או הקלקה כפולה) והדביקו את הקישור שהועתק מ־Vimeo
  4. שמרו את השינויים - הסרטון יוצג ישירות בתוך הדף שלכם.

שלב 3: הגדרות פרטיותלמי מותר לצפות?

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

אפשרות 1סרטון ציבורי

  • הסרטון חשוף לכולם, ניתן לצפייה ישירה דרך Vimeo או בכל אתר שבו הוא משולב.
  • מתאים לתכנים שיווקיים, דפי נחיתה כלליים או קמפיינים ממומנים.
  • יש לבחור ב־Privacy → Anyone can view .

אפשרות 2סרטון פרטי Unlisted

  • ניתן לצפות בו רק דרך דף הנחיתה או הקורס שלכם – גם אם מישהו ינסה להיכנס לקישור הישיר ב־Vimeo הוא לא יוצג.
  • מתאים במיוחד לקורסים דיגיטליים, תכנים בתשלום, או סרטוני הדרכה פנימיים.

אפשרות 3סרטון עם סיסמה

  • ניתן להגן על הסרטון בסיסמה – כל מי שיצפה בדף יצטרך להזין אותה.
  • שימושי כשמשתפים עם אנשים ספציפיים או צוות פנימי בלבד.

טיפ של מקצוענים

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

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

תהליך רכישה לקורסים הדיגיטליים

קורס דיגיטלי

כיצד ניתן לייצר תהליך רכישה לקורסים הדיגיטליים שלי?

ההדרכה המקוצרת 

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

  1. תהליך ההרשמה
    הקמת דף נחיתה - יש להקים דף נחיתה הכולל מידע בסיסי על הקורס וטופס הרשמה למילוי שם, מייל וטלפון.
    יצירת דף תודה - בנוסף, יש להגדיר דף תודה שיופיע לאחר מילוי הפרטים בטופס, המאשר את קליטת הנתונים ומפנה לשלב הבא –> תשלום. 
  2. תהליך הסליקה
    חיבור לדף התשלום של מערכת סליקה -
    לדוגמה, מערכת Grow (לשעבר משולם):
    בגרסה הישנה של Grow – יש להגדיר במערכת הסליקה רשימות קוד API, ואת רשימות התחילוו“סיימו תהליך”. יש להעתיק את מספר המס"ד של אותן רשימות מתוך smoove למערכת הסליקה.
    בגרסה החדשה של Grow – יש לייצר ב-smoove דף תודה שאליו יופנו לאחר תשלום, ולהגדיר בו כפתור חכם לקבלת פרטי הגישה לקורס. הכפתור יזהה את מי שהקליק כמסיים תהליך רכישה, ויבצע פעולת הוספה לרשימת "סיימו תהליך".
     
  3. הנפקת סיסמה אוטומטית
    הפעלת שדה סיסמה - יש להפעיל שדה סיסמה בהגדרות הכלליות של הקורסים הדיגיטליים.
    יצירת אוטומציה - יש ליצור אוטומציה שמתחילה ברגע ההצטרפות לרשימת "סיימו תהליך" ומנפיקה סיסמה אקראית לאיש הקשר.
    הטריגר יהיה 'הצטרפות לרשימה', והפעולה תהיה 'עדכון איש קשר' ובחירה בשדה הסיסמה.
     
  4. שליחת פרטי גישה במייל
    הוספת פעולה באוטומציה - לאחר הנפקת הסיסמה יש להוסיף לאוטומציה שלב נוסף של “שליחת מייל”.
    תוכן המייל יכלול קישור לפורטל הקורסים, שם המשתמש (המייל של הלקוח) והסיסמה שהונפקה (שדה סיסמה).
    כך מובטחת גישה מיידית לקורס לאחר התשלום.
     
  5. שיבוץ לרשימת הקורס
    הוספת פעולה באוטומציה - יש להוסיף שלב נוסף לאוטומציה, פעולת “צירוף לרשימה”. כל תלמיד משלם, ישויך אוטומטית לרשימת הקורס הרלוונטי, לצורך גישה לתוכן.
     
  6. אופציונלי - טיפול בנטישת עגלה
    הגדרת רשימות - יש להגדיר רשימות שיקלטו את אנשי הקשר שהשלימו רכישה, ואת אלה שלא השלימו.
    (בגרסה הישנה של Grow מדובר בכל מי שנמצא ברשימת "התחילו תהליך", ואילו בחדשה, אלו הנמצאים ברשימת דף התודה אך לא הקליקו על הכפתור החכם בדף התודה).
    יצירת אוטומציה - מכאן בעצם ניתן להפעיל אוטומציה ששולחת תזכורת או הצעה חוזרת למי שנטש את תהליך הרכישה 

המשך…