"Custom Code" ב-Webflow
כפתור WhatsApp ל-Webflow
הוסיפו כפתור WhatsApp צף לאתר Webflow שלכם. בחרו הודעת פתיחה, ומבקרים יוכלו לשלוח הודעה למספר העסקי שלכם.
התקנה תוך 2 דק' יעד: Project Settings -> Custom Code -> Footer Code
התקנה צעד אחר צעד ל-Webflow
עקבו אחרי השלבים האלה כדי להוסיף את קוד ההתקנה של WAButton לאתר Webflow שלכם.
- 1
פתחו את הגדרות הפרויקט ב-Webflow
פתחו את הפרויקט שלכם ב-Webflow. עברו אל Project Settings > Custom Code.
טיפ מקצועי: אם תרצו, אפשר להוסיף קוד מותאם גם לדפים מסוימים בהגדרות הדף של Webflow.
- 2
הדביקו בשדה "Footer Code"
גללו אל "Footer Code" ("Before </body> tag") והדביקו את קטע הקוד.
טיפ מקצועי: WAButton מגביל את הסגנונות שלו לשמות מחלקות עם הקידומת "wabutton-", כך ששמות המחלקות ורשת ה-CSS שלכם ב-Webflow נשארים ללא שינוי.
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 3
פרסמו את האתר
לחצו על "Save Changes", ואז על "Publish" כדי לפרסם בדומיין המותאם שלכם.
טיפ מקצועי: פרסמו גם בדומיין הבדיקות וגם בדומיין הייצור כדי לבדוק לפני אישור הלקוח.
למה בעלי חנויות וסוכנויות בוחרים ב-WAButton ל-Webflow
אסתטיקה של מעצבים
טיפוגרפיה מלוטשת, צלליות עדינות ומיקרו-אינטראקציות ברמת גימור גבוהה.
מסירה ללקוחות הסוכנות
שתפו עם הלקוחות תצוגות מקדימות חיות ואינטראקטיביות של הווידג'ט לפני העלייה לאוויר.
לא נוגע במחלקות ה-CSS שלכם
הסגנונות מוגבלים לשמות מחלקות עם הקידומת "wabutton-" ורכיב הפתיחה ממוקם במיקום קבוע, כך שהמחלקות והפריסה שלכם ב-Webflow נשארות כמו שהן.
שאלות נפוצות
האם הסגנונות של WAButton יתנגשו במחלקות ה-CSS שלי ב-Webflow?
- לא. WAButton מגביל את הסגנונות שלו לשמות מחלקות משלו עם הקידומת "wabutton-", כך שהם לא נוגעים במחלקות שלכם ב-Webflow.
כלים חינמיים קשורים
צרו קישורי WhatsApp, קודי QR והודעות לעסק שלכם.
הוסיפו את WhatsApp לאתר שלכם.
תנו למבקרים דרך לשאול על המוצרים, המחירים או הזמינות שלכם. ענו באפליקציית WhatsApp שאתם כבר משתמשים בה.
יש תוכנית חינמית. בלי כרטיס אשראי.