Para crear un botón de copiar al portapapeles en WordPress tan sólo necesitarás de un código Javascript envuelto en html. Sin necesidad de plugins, de manera manual, podrás insertar esta funcionalidad en cualquier página en la que desees que un usuario copie y pege un texto.
* En este ejemplo se copia el texto «Soy un Pro«
<script>
function copiarAlPortapapeles() {
const textoACopiar = "Soy un Pro";
navigator.clipboard.writeText(textoACopiar).then(() => {
const boton = document.getElementById("botonCopiar");
boton.textContent = "Copiado";
// Restaurar el texto original del botón después de 2 segundos
setTimeout(() => {
boton.textContent = "Copiar";
}, 2000);
}).catch(err => {
console.error('Error al copiar: ', err);
});
}
</script>
<button id="botonCopiar" onclick="copiarAlPortapapeles()">Copiar</button>
Así quedaría el botón:
Los estilos del botón pueden variar dependiendo del tema que uses y de la configuración en el personalizador de WordPress.
Notas:
JavaScript: Es el lenguaje del script que define la funcionalidad (copiar al portapapeles).
HTML: Es el lenguaje de marcado que estructura la página (por ejemplo, el botón).