בניית אתרים למובייל - כיצד מוסיפים כפתור "חייג" לאתר?

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

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

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

כיצד עושים זאת? פשוט מאוד…

כיצד נוסיף כפתור חיוג לאתר המובייל שלנו?

הקוד היוצר את כפתור החיוג (עובד גם באייפון וגם באנגרואיד) הוא זה:

<a href="tel:8005551212">חייג עכשיו</a>

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

מה שמסומן בכתום = הטלפון אליו תרצוו שהקישור יפנה יחייג

מה שמסומן בירוק = הטקסט שיוביל למסך החיוג

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

<a href="tel:8005551212"><img src="http://www.domain.com/call.png"></a>

מה שמסומן בכתום = הטלפון אליו תרצוו שהקישור יפנה יחייג

מה שמסומן בכחול = מקור התמונה כפתור לחיוג

וככה זה יכול להראות, אם אתם צופים בפוסט הזה עכשיו מהמובייל ובא לכם לחייג את המספר 1800-123456 אז תלחצו על הכפתור ותראו איך זה עובד 🙂

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

שיהיה אחלה שבוע אנשים 😉

בקטנה על YBPmedia

י.ב.פ מדיה – בניית אתרים הוקמה ע"י יואב בן פורת. כבר למעלה מ-15 שנה שאני מלווה מאות בעלי עסקים, חברות ויזמים בצעדיהם הראשונים באינטרנט ובפעילות השוטפת. החל מהקמת אתרי תדמית וחנויות אלקטרוניות, פורטלי תוכן ואפליקציות וכן הפקות גרפיקה וקריאייטיב. אתם מוזמנים ליצור קשר ולעלות יחד על גלי האוקיינוס של האינטרנט 🙂

yoav@ybpmedia.com