הוספת כפתור העתקת קישור לעמודים שלך – מדריך מהיר לאלמנטוריסטים

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

כמה פעמים רציתם להעתיק את קישור העמוד כדי לשלוח ללקוח או לשתף בקלות – וגיליתם שאין כפתור שממש עושה את זה? באלמנטור יש כפתורי שיתוף, אבל לא כפתור “העתק קישור” פשוט. במדריך הזה תגלו איך ליצור כפתור כזה בעצמכם – בלי תוסף, בלי סיבוך, ובלי טיפת קוד PHP. רק וידג’ט כפתור + קוד HTML קצר, ויש לכם פתרון אלגנטי ונוח לשיתוף קישורים.

תהליך היצירה של כפתור העתקת קישור

• תוסיפו כפתור (או כל ווידג׳ט שבא לכם). תעצבו אותו כפי רצונכם. רק תוסיפו לcss id (זה שבלשונית מתקדם) את ה id הזה: elikocopy.
• שימו לב! בשדה הקישור של הווידג׳ט (אם יש) הקפידו להשאיר אותו ריק מתוכן ואפילו לא #.
• ליד הווידג׳ט או סתם בעמוד, תוסיפו ווידג׳ט html של אלמנטור ותוסיפו לתוכו את הקוד הבא:

<script>
const copyBtn = document.getElementById('elikocopy');

copyBtn.addEventListener('click', () => {
  const url = window.location.href;
  navigator.clipboard.writeText(url).then(() => {
    alert('העתקת בהצלחה את כתובת העמוד!');
  }).catch(() => {
    alert('יש בעיה בהעתקת כתובת העמוד');
  });
});
</script>

והופה.. סיימתם בהצלחה.. עכשיו יש לכם כפתור העתקת קישור העמוד שבו אתם נמצאים.. היה קשה? לא, אתם רואים.. מעולה.. בהצלחה בפרוייקט הבא שלכם..