כפתור וואטסאפ צף

ערוץ הלידים העיקרי ברוב דפי הנחיתה בישראל. ההודעה נפתחת כתובה מראש, כך שהפנייה מתחילה בלי שהמבקר צריך לנסח משפט ראשון. כפתור וואטסאפ צף הוא רכיב מתוך רכיבים של כליקס. מה שמורידים הוא רכיב שלם, גם כ-HTML עצמאי וגם כרכיב React. אין ספרייה חיצונית, אין שלב בנייה, ואם כליקס ייעלם מחר הקוד ימשיך לעבוד.

רכיב · לידים · בלי ספריות · וואטסאפ

<!-- כפתור וואטסאפ צף — להדביק לפני </body> -->
<a id="klix-wa" href="#" target="_blank" rel="noopener noreferrer" aria-label="דברו איתנו">
  <svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor" aria-hidden="true">
      <path d="M17.47 14.38c-.3-.15-1.75-.86-2.02-.96-.27-.1-.47-.15-.67.15-.2.3-.77.96-.94 1.16-.17.2-.35.22-.64.07-.3-.15-1.25-.46-2.38-1.47-.88-.78-1.47-1.75-1.65-2.05-.17-.3-.02-.46.13-.6.14-.14.3-.35.45-.53.15-.18.2-.3.3-.5.1-.2.05-.38-.02-.53-.08-.15-.67-1.6-.92-2.2-.24-.58-.49-.5-.67-.5h-.57c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.22 3.08c.15.2 2.1 3.2 5.08 4.49.71.3 1.26.49 1.7.63.71.23 1.36.19 1.87.12.57-.09 1.75-.72 2-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35z"/>
      <path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2zm0 18.15h-.01a8.23 8.23 0 0 1-4.19-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.2 8.2 0 0 1-1.26-4.38c0-4.54 3.7-8.23 8.25-8.23 2.2 0 4.27.86 5.83 2.41a8.18 8.18 0 0 1 2.41 5.83c0 4.54-3.7 8.23-8.24 8.23z"/>
    </svg>
  <span>דברו איתנו</span>
</a>

<style>
  #klix-wa{position:fixed;bottom:1.25rem;inset-inline-start:1.25rem;z-index:50;
    display:flex;align-items:center;gap:.5rem;padding:.85rem 1rem;border-radius:999px;
    background:#25D366;color:#fff;font-weight:700;text-decoration:none;direction:rtl;
    box-shadow:0 14px 34px -10px rgba(37,211,102,.8);transition:transform .2s,background .2s}
  #klix-wa:hover{background:#1fb855;transform:scale(1.05)}
  #klix-wa:active{transform:scale(1)}
  /* בטלפון הכיתוב מיותר, האייקון מזוהה בלי מילים */
  @media (max-width:639px){ #klix-wa span{display:none} }
</style>

<script>
(function () {
  // ═══ ערכו כאן ═══
  var PHONE = '972501234567';   // פורמט בינלאומי
  var MESSAGE = 'היי, הגעתי מהאתר ואשמח לפרטים';
  // ═════════════════

  var el = document.getElementById('klix-wa');
  if (!el) return;
  // ניקוי סימנים מהמספר וקידוד ההודעה. בלי זה וואטסאפ נפתח על שיחה ריקה
  // בלי שום שגיאה שמסבירה למה.
  el.href = 'https://wa.me/' + PHONE.replace(/\D/g, '') +
            '?text=' + encodeURIComponent(MESSAGE);
})();
</script>