Cómo insertar la función de COPIAR UN TEXTO dentro de GreatPages

Sigue la guía paso a paso a continuación para añadir la función COPY text element en GreatPages.

1.Inicia sesión en tu cuenta y accede al editor de páginas;

2. Utilizando la barra de iconos situada en la esquina izquierda de la pantalla, haga clic en el elemento "Párrafo";

3.Una vez insertado el elemento en la página, haz clic para editarlo e introduce el texto o número que quieras que el visitante copie, tal como se muestra en el ejemplo siguiente;

4. Después de eso, haz clic en el icono de engranaje situado en la esquina superior derecha de la pantalla;

5. A continuación, haz clic en "Javascript & CSS";

6. Haz clic en "Añadir código";

7. Elige un nombre para tu código, selecciona la opción "Functionality", añade todo el código que aparece a continuación en el campo de texto y guarda;

<script>
var id_elemento = '#e_0000000';
var elementos = document.querySelectorAll(id_elemento);
if(elementos){
    for (let index = 0; index < elementos.length; index++) {
        elementos[index].setAttribute('onclick','copyText(this)');
        
    }
}
window.copyText = function(element) {
  var range, selection, worked;

  if (document.body.createTextRange) {
    range = document.body.createTextRange();
    range.moveToElementText(element);
    range.select();
  } else if (window.getSelection) {
    selection = window.getSelection();        
    range = document.createRange();
    range.selectNodeContents(element);
    selection.removeAllRanges();
    selection.addRange(range);
  }
  
  try {
    document.execCommand('copy');
    alert('O texto foi copiado');
  }
  catch (err) {
    alert('Não foi possível copiar o texto');
  }
};
</script>

8. El siguiente paso es copiar el ID del elemento de texto para añadirlo al código. Para ello, haz clic en el elemento y pulsa "Editar":

9. En la sección "Código", encontrarás el ID/CSS del elemento; simplemente haz clic para Copiar;

9. Copia el ID, vuelve a la pestaña JavaScript/CSS y edita el código que añadiste anteriormente. El único cambio necesario es reemplazar la parte #e_0000000 por el ID del elemento que has copiado.

12. Después, haga clic en "Guardar";

De esta manera, los visitantes que hagan clic en este elemento lo tendrán ya copiado en su portapapeles.

¿Tienes alguna pregunta? ¡Contacta con nuestro equipo a través del chat! Siempre estamos listos para ayudar.

Actualizado el: 15/08/2026