הטמעה אוניברסלית בשורה אחת
כפתור WhatsApp ל-HTML & Custom Websites
הוסיפו כפתור WhatsApp צף לאתר HTML & Custom Websites שלכם. בחרו הודעת פתיחה, ומבקרים יוכלו לשלוח הודעה למספר העסקי שלכם.
התקנה תוך 1 דק' יעד: index.html (before </body>) or root layout component
התקנה צעד אחר צעד ל-HTML & Custom Websites
עקבו אחרי השלבים האלה כדי להוסיף את קוד ההתקנה של WAButton לאתר HTML & Custom Websites שלכם.
- 1
העתיקו את קטע קוד ההטמעה
העתיקו את קטע הסקריפט הייחודי שלכם מלוח הבקרה של הווידג'ט ב-WAButton או ממסך ההצטרפות.
טיפ מקצועי: ודאו שהתכונה "async" נשארת, כדי שהדפדפן יטען את הסקריפט באופן אסינכרוני ובלי חסימה.
- 2
הדביקו לפני התג הסוגר </body>
הדביקו את הקוד בקובץ ה-HTML הראשי, למשל index.html, או ברכיב הפריסה הראשי, למשל layout.tsx, App.vue או base.blade.php. הקוד צריך להופיע ממש לפני </body>.
טיפ מקצועי: מיקום הסקריפט ממש לפני </body> מאפשר לתוכן הדף להיטען קודם.
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 3
פתחו בדפדפן
שמרו את הקובץ ורעננו את הדפדפן. כפתור WhatsApp הצף יופיע מיד בפינה התחתונה.
למה בעלי חנויות וסוכנויות בוחרים ב-WAButton ל-HTML & Custom Websites
תג סקריפט אוניברסלי אחד
טוען אסינכרוני זעיר אחד שפועל בדיוק אותו דבר ב-HTML סטטי, ב-SSR ובמסגרות SPA.
סגנונות תחומים
כל סגנון מוגבל לשמות מחלקות עם הקידומת "wabutton-", כך שהוא לא משנה את העיצוב של מחלקות Tailwind, Bootstrap או CSS מותאמות שלכם.
סקריפט עצמאי
בנוי עם Preact ונשלח בתוך הסקריפט עצמו, כך שהדף שלכם לא צריך jQuery, לא React ולא גופני אייקונים.
מודע לניווט ב-SPA
שומר אוטומטית על מצב הווידג'ט במעברים בין נתיבים בצד הלקוח (React Router, Next.js, Vue Router).
שאלות נפוצות
האם WAButton עובד עם אפליקציות של דף יחיד (SPA) כמו React, Next.js או Vue?
- כן! WAButton מאותחל על האובייקט "window" ונשאר פעיל לאורך הניווט בצד הלקוח, בלי צורך להריץ אותו מחדש בכל שינוי נתיב.
האם WAButton יאט את ציון Google Lighthouse או PageSpeed Insights שלי?
- WAButton הוא סקריפט אסינכרוני של פחות מ-40KB (אחרי gzip) שמוגש מרשת הקצה של Cloudflare, כך שהוא לא חוסם את הצביעה הראשונה. חלון הצ'אט נטען רק כשמבקר פותח אותו. ההשפעה על הציון שלכם תלויה באתר שלכם, לכן הריצו את PageSpeed Insights לפני ההוספה ואחריה.
כלים חינמיים קשורים
צרו קישורי WhatsApp, קודי QR והודעות לעסק שלכם.
הוסיפו את WhatsApp לאתר שלכם.
תנו למבקרים דרך לשאול על המוצרים, המחירים או הזמינות שלכם. ענו באפליקציית WhatsApp שאתם כבר משתמשים בה.
יש תוכנית חינמית. בלי כרטיס אשראי.