שילוב כפתור WhatsApp דינמי עם פרטי המוצר בעמוד מוצר

שלבים להטמעת הקוד באתר

  1. התקינו תוסף Code Snippets:
  2. גשו ללוח הבקרה של WordPress.
  3. בתפריט הימני, לחצו על  Code Snippets → Add New. → JavaScript Snippet
  4. תנו שם (למשל: כפתור WhatsApp דינמי).
  5. הדביקו את הקוד בשדה הקוד.
  6. הוסיפו את מספר הטלפון ללא הספרה 0 בשדה let phoneNumber = "972535446973"; // עדכן כאן את מספר הוואטסאפ שלך
  7. בחרו באפשרות Run snippet everywhere (הפעלת הקוד בכל האתר).
  8. שמרו והפעילו את הסניפט.

הוספת הכפתור באלמנטור

  1. פתחו את Elementor בעמוד מוצר.
  2. גררו ווידג'ט כפתור למקום הרצוי.

בתפריט הכפתור:

  1. טקסט הכפתור: "שלח הודעה ב-WhatsApp"
  2. קישור: # (ישאיר את הקישור ריק, הקוד יעדכן אותו אוטומטית).
  3. בכרטיסיית מתקדם:  → הוסיפו: whatsapp-button

שמרו את השינויים.

document.addEventListener("DOMContentLoaded", function () {
setTimeout(function () { // השהייה קלה כדי לוודא שהדף נטען
let buttonWrapper = document.getElementById("whatsapp-button"); // מזהה את ה-DIV של הכפתור
if (!buttonWrapper) {
console.log("⚠️ כפתור וואטסאפ לא נמצא! ודא שה-ID נכון.");
return;
}

let button = buttonWrapper.querySelector(".elementor-button-link"); // מזהה את ה-<a> של הכפתור
if (!button) {
console.log("⚠️ לא נמצא כפתור <a> בתוך ה-DIV.");
return;
}

let productTitleElement = document.querySelector(".product_title"); // מזהה את כותרת המוצר
if (!productTitleElement) {
console.log("⚠️ שם המוצר לא נמצא! ודא שאתה בעמוד מוצר.");
return;
}

let productTitle = productTitleElement.innerText.trim(); // קבלת שם המוצר
let productURL = window.location.href; // קישור לעמוד המוצר
let phoneNumber = "972535446973"; // עדכן כאן את מספר הוואטסאפ שלך

// המרת שם המוצר והקישור לקוד URL תקין
let encodedProductTitle = encodeURIComponent(productTitle);
let encodedProductURL = encodeURIComponent(productURL);

// יצירת הקישור עם שם המוצר וקישור לעמוד
let whatsappURL = `https://wa.me/${phoneNumber}?text=שלום, אני מתעניין במוצר: ${encodedProductTitle}%0A📌 קישור למוצר: ${encodedProductURL}`;

console.log("🔍 קישור וואטסאפ שנוצר:", whatsappURL); // בדיקה של הקישור

// בדיקה האם הקישור חוקי לפני עדכון הכפתור
if (whatsappURL.includes("undefined") || whatsappURL.includes("null") || !productTitle) {
console.log("⚠️ שם המוצר ריק או קישור לא תקין. לא מעדכן את הכפתור.");
return;
}

button.setAttribute("href", whatsappURL);
button.setAttribute("target", "_blank"); // פותח את הוואטסאפ בלשונית חדשה

console.log("✅ קישור וואטסאפ עודכן בהצלחה:", whatsappURL);
}, 1500); // השהייה קצרה לטעינה מלאה של הדף
});