"Copy Link" Button (Elementor Tutorial)

[@PastorWagner]

Thank you!

[@snapran]

Thanks Alot!

[@ralphberk2583]

Thanks, very useful!

[@Stason775]

Thank you! This code works great on pages. How do I run this code in Popup Elementor?

[@WickyDesign]

Awesome! Running JavaScript in Elementor popups don't work very well. I use the JetPopup plugin to run JavaScript inside Elementor popups:
crocoblock.com/plugins/jetpopup/?ref=2562

[@caldayham]

thank you!

[@thepartydude]

Hey thanks! How can I do this, but instead of just copying the URL, they can share that URL like when you wanna share it on Mobile (so they can choose between of sharing it on Whatsapp, Facebook, Instagram, etc)

[@qinpra]

Hey Mark, want to ask. I have 5 contents displayed through listing grid and it was created using jetengine CustomContentType. In the listing template, I applied your approach in this video. so all 5 listings have that copytoclipboard button. But, all the button only copying one text only instead of copying the text on each listings. Am I missing something or this approach on the video designed not for a listing?

[@memeslapshorts]

how to make this button just copy a text ? please answer😊

[@jonwars123]

Also looking to copy just the text thanks

[@Stason775]

const copyBtn = document.getElementById('copyURL');
copyBtn.addEventListener('click', () => {
const textToCopy = "YOUR TEXT";
navigator.clipboard.writeText(textToCopy).then(() => {
alert('Text copied successfully!');
}).catch(() => {
alert('Error copying text to clipboard');
});
});

[@fa7849]

I want, after copying, a popup for the visitor to go to this site or not. can you do that please?

[@WickyDesign]

Thanks for the tip! The updated code should now give a popup asking if they want to redirect to the copied URL.
const copyBtn = document.getElementById('copyURL');
copyBtn.addEventListener('click', () => {
const url = window.location.href;
navigator.clipboard.writeText(url).then(() => {
const confirmation = window.confirm('URL copied to clipboard. Do you want to go to the copied URL?');
if (confirmation) {
const newWindow = window.open(url, '_blank');
newWindow.focus();
} else {
// Close the popup or perform any other desired action
// For example, you can clear the clipboard:
navigator.clipboard.writeText('');
}
}).catch(() => {
alert('Error copying URL to clipboard');
});
});