Copy the current page Url link button

Share with friends

Facebook Twitter LinkedIn whatsapp

urlshr

Copy Link

Bookmark

The code bellow, adds a “copy page URL” button, which is a convenient feature that allows users to quickly copy the link of the current web page they are viewing.

Here are some advantages:

1. Time-saving: With the click of a button, users can quickly copy the page URL instead of having to manually highlight and copy the URL from the address bar. This can save several seconds for each copy operation.
2. User convenience: Users can easily share or save the URL of a page without having to navigate to the address bar, which can be especially useful for longer URLs.
3. Reduced errors: By eliminating the need to manually copy and paste URLs, the “copy page URL” button can help reduce errors caused by copying the wrong link or missing part of the URL.

    

      Copy
      
    
    
      function copy_link_button() {
	?>
<button id="copy-link-btn"><i class="fa fa-link"></i>Copy Link</button>;
      <script>
    const copyLinkBtn = document.getElementById('copy-link-btn');

    copyLinkBtn.addEventListener('click', () => {
        // Copy the link
        const link = window.location.href;
        navigator.clipboard.writeText(link);

        // Change the icon to a green checkmark for 3 seconds
        const icon = copyLinkBtn.querySelector('i');
        icon.classList.remove('fa-link');
        icon.classList.add('fa-check', 'green');

        setTimeout(() => {
            // Reset the icon after 3 seconds
            icon.classList.remove('fa-check', 'green');
            icon.classList.add('fa-link');
        }, 3000);
    });
</script>

    <?php
}

add_action( 'astra_entry_top', 'copy_link_button' );
    
    

	
How to use this
	
      Copy