Crear boton de copiar link de publicación

 

1° Crear un boton, icono o texto con enlace "#" e ID "copyURL"

2° Insertar este codigo JavaScript abajo del enlace:

<script>

const copyBtn = document.getElementById('copyURL');

copyBtn.addEventListener('click', () => {

  const url = window.location.href;

  navigator.clipboard.writeText(url).then(() => {

    alert('URL copied successfully!');

  }).catch(() => {

    alert('Error copying URL to clipboard');

  });

});

</script>

3° Agregar este CSS para evitar errores de diseño

selector:hover {

  cursor: pointer;

}

Fuente:

https://wickydesign.com/copy-link-button-elementor-tutorial/