איך מטמיעים את סריקת העור של Lux AI באתר של המכון
· צוות Lux AI · זמן ביצוע: כ-5 דקות
אחרי ההצטרפות את מקבלת מאיתנו שני דברים: קישור ישיר לעמוד הסריקה של המכון שלך, וקוד הטמעה קצר שמכניס את הסריקה לתוך האתר עצמו. במדריך הזה נראה מה עושים עם כל אחד מהם, איך מטמיעים בוורדפרס ובאלמנטור, ומה בודקים בסוף. כל התהליך לוקח כמה דקות, ואם משהו מסתבך, אנחנו עושים אותו יחד איתך כחלק מההקמה.
מה קיבלת מאיתנו
שני פריטים, שניהם מבוססים על טוקן ייחודי של המכון שלך (מחרוזת ארוכה של אותיות ומספרים):
- קישור ישיר, בצורת
https://app.lux-ai.co.il/w/.... זה עמוד הסריקה המלא שלך, בעיצוב ובלוגו של המכון. לא צריך אתר בשבילו: שולחים אותו בוואטסאפ, שמים בביו באינסטגרם או בקישור בסטורי. - קוד הטמעה (iframe), שמציג את אותו עמוד סריקה בתוך עמוד באתר שלך, כך שהלקוחה לא עוזבת את האתר.
קוד ההטמעה נראה כך (הטוקן האמיתי שלך כבר משולב בקוד שקיבלת):
<iframe
src="https://app.lux-ai.co.il/w/הטוקן-שלך"
allow="camera"
style="width:100%;max-width:480px;height:720px;border:0;border-radius:16px">
</iframe>שימי לב לחלק allow="camera" — הוא חובה. בלעדיו הדפדפן יחסום את המצלמה והלקוחה לא תוכל לסרוק. אם את מעתיקה את הקוד ידנית, ודאי שהוא נשאר.
הטמעה בוורדפרס (עורך הבלוקים)
מומלץ ליצור עמוד ייעודי, למשל ״אבחון עור חכם״, ולקשר אליו מהתפריט הראשי:
- בלוח הניהול של וורדפרס: Pages ← Add New Page (עמודים ← הוספת עמוד).
- בתוך העמוד לחצו על ＋ להוספת בלוק, חפשו Custom HTML (HTML מותאם) ובחרו בו.
- הדביקו את קוד ההטמעה שקיבלתם לתוך הבלוק:
- לחצו Publish (פרסום). זהו, הסריקה באוויר.
הטמעה באלמנטור
- פתחו את העמוד הרצוי בעריכה עם אלמנטור.
- בחיפוש הווידג'טים הקלידו HTML וגררו את הווידג'ט HTML למקום הרצוי בעמוד.
- הדביקו את קוד ההטמעה בתיבת הקוד ושמרו (עדכון).
באתרים אחרים (Wix, Squarespace וכדומה) מחפשים את רכיב ״Embed HTML״ או ״קוד מוטמע״ ומדביקים שם את אותו קוד בדיוק.
אין לך אתר? הקישור הישיר עושה את אותה עבודה
עמוד הסריקה חי בכתובת של Lux עם המיתוג שלך, ולכן הקישור הישיר עובד בכל מקום שהלקוחות שלך כבר נמצאות בו: הודעת וואטסאפ ללקוחות (״רוצה לבדוק מה העור שלך צריך? קחי דקה וחצי:״), קישור בביו של האינסטגרם, סטורי עם קישור, או עמוד הפייסבוק. אפשר כמובן לשלב, גם באתר וגם בוואטסאפ. זה אותו עמוד ואותה מכסה.
שלוש בדיקות אחרי ההטמעה
- פתחו את העמוד מהנייד, לא רק מהמחשב. רוב הסריקות מגיעות מהסלולרי.
- התחילו סריקה אמיתית וודאו שהדפדפן מבקש הרשאת מצלמה ושהמצלמה נפתחת. אם לא, בדקו שה-
allow="camera"לא נמחק מהקוד. - ודאו שהאתר שלכם רץ על HTTPS (מנעול ליד הכתובת). דפדפנים לא פותחים מצלמה בעמוד לא מאובטח.
עוד נקודה קטנה: לווידג'ט יש מצב עיצוב בהיר וכהה. אם הצבעים לא מסתדרים עם האתר שלך, אמרי לנו ונחליף את המצב מהצד שלנו, אין צורך לשנות שום דבר בקוד.
משהו לא עובד?
- מופיע ״השירות אינו זמין״: הטמעת הווידג'ט מוגבלת לדומיין של האתר שלך מטעמי אבטחה. אם החלפתם דומיין או שההטמעה יושבת בסאב-דומיין אחר, עדכנו אותנו ונאשר אותו.
- הווידג'ט נחתך בגובה: אפשר להגדיל את ערך ה-height בקוד (למשל מ-720px ל-800px), זה כל השינוי.
- כל דבר אחר: שלחו לנו הודעה עם קישור לעמוד ואנחנו מטפלים.
השלב הבא: לחבר את החנות
אם יש לך חנות WooCommerce באתר, שני מדריכים קצרים משלימים את התמונה: שיוך רכישות אוטומטי כדי שכל מכירה תירשם בדוחות, וכפתור קנייה ישירה שממלא את העגלה בכל הסט.