Dynamic Copy-to-Clipboard

In todays video, you will learn how to create a Copy-to-Clipboard button on a dynamic page in Wix.

To create a Copy-to-Clipboard button on a dynamic page in Wix, you can follow these steps:

1. Select the page on which you want to add the button and open the Wix Editor.

2. Click on the "+" button in the left-hand menu and select "Add button" from the options.

3. Customize the button by choosing a style and color that matches your website's design.

4. With the button selected, click on the "Settings" button in the top menu.

5. In the "Button Link" field, select "Custom" and enter the following code:

   
   

javascript:void(copyToClipboard("TEXT_TO_COPY"));

Replace "TEXT_TO_COPY" with the dynamic text that you want to copy to the clipboard. This could be a text element, a data element, or any other dynamic content on your page.

1. Click "Apply" to save your changes.

2. Now you need to add the copyToClipboard function to your site's code. To do this, click on the "Code" icon in the left-hand menu, then select "Site code" and click "Edit site code".

3. In the code editor, add the following code:

   
   

function copyToClipboard(text) {
  var dummy = document.createElement("textarea");
  document.body.appendChild(dummy);
  dummy.value = text;
  dummy.select();
  document.execCommand("copy");
  document.body.removeChild(dummy);
}

1. Save your changes and preview your page. You should now see the Copy-to-Clipboard button in action!

2. 
   

Note: This code will only work on modern browsers that support the "execCommand" function, which may not be supported on some older browsers.