קוד חברים, כפתורי השיתוף״ ברשתות בפוסט, יהיה כפתור ״העתק קישור״. כמו באתר ynet….

<style>
  .copy-btn {
      font-weight: normal; /* פונט רגיל עבור הכפתור */
      display: inline-flex;
      align-items: center;
  }
  .elementor-button-content-wrapper p {
      margin: 0;
  }
  .copy-prefix, .success-message {
      color: #0A2556; /* צבע הטקסט של ההעתקה וההודעה */
      margin-right: 5px; /* רווח של 5 פיקסל */
      margin-left: 5px;
      font-weight: normal; /* פונט רגיל */
  }
</style>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    var buttons = document.querySelectorAll(".copy-btn");
    var userLang = document.documentElement.lang || 'en';

    buttons.forEach(function(button) {
      // קביעת הטקסט לפי השפה
      var prefixText = '';
      if (userLang.startsWith("he")) {
        prefixText = "לחץ להעתקה ";
      } else if (userLang.startsWith("en")) {
        prefixText = "Click to copy&nbsp;";
      } else if (userLang.startsWith("de")) {
        prefixText = "Klicken zum Kopieren&nbsp;";
      } else {
        prefixText = "Click to copy&nbsp;";
      }

      // הוספת הטקסט לתחילת הכפתור
      button.innerHTML = `<span class="copy-prefix">${prefixText}</span> ` + button.innerHTML;

      // שמירת העיצוב המקורי של הכפתור
      var originalHTML = button.innerHTML;

      // מאזין ללחיצה
      button.addEventListener("click", function() {
        copyButtonText(button, prefixText, originalHTML);
      });
    });
  });

  function copyButtonText(button, prefixText, originalHTML) {
    // לוקחים את הקופון מהכפתור
    var couponElement = button.querySelector('.elementor-button-text');
    var couponCode = couponElement ? couponElement.innerText.trim() : ''; // לוקח את הטקסט של הקופון

    // יצירת שדה קלט זמני להעתקה
    var tempInput = document.createElement("input");
    tempInput.value = couponCode; // שמירת הקוד של הקופון בלבד
    document.body.appendChild(tempInput);

    tempInput.select();
    document.execCommand("copy");
    document.body.removeChild(tempInput);

    // הצגת הודעת העתקה
    var userLang = document.documentElement.lang || 'en';
    var successMessage = "";
    if (userLang.startsWith("he")) {
      successMessage = "הועתק ללוח!";
    } else if (userLang.startsWith("en")) {
      successMessage = "Copied to clipboard!";
    } else if (userLang.startsWith("de")) {
      successMessage = "In die Zwischenablage kopiert!";
    } else {
      successMessage = "Copied!";
    }

    // הוספת ההודעה לכפתור
    button.innerHTML = <span class="success-message">${successMessage}</span>;

    // החזרת הטקסט המקורי לאחר 4 שניות
    setTimeout(function() {
      // טוענים את הכפתור מחדש עם העיצוב המקורי
      button.innerHTML = originalHTML; // מחזירים את התוכן המקורי של הכפתור
    }, 4000);
  }
</script>