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

Sigue el paso a paso de abajo para insertar la función de COPIAR un elemento de texto dentro de GreatPages.

1. Inicia sesión en tu cuenta y accede al editor de páginas;
2. A través de la barra de íconos ubicada en el lado izquierdo de tu pantalla, haz clic en el elemento de "Parágrafo";

3. Una vez que el elemento esté insertado en la página, haz clic para editarlo e ingresa el texto o número que necesitas que tu visitante copie. En el ejemplo de abajo, estamos usando una clave PIX;

4. Después de eso, haz clic en el ícono de engranaje que está en la esquina superior derecha de la pantalla;

5. Enseguida, haz clic en "Javascript & CSS";

6. Haz clic para "Adicionar" un nuevo código;

7. Elige un nombre para tu código, selecciona la opción "Funcionamento", agrega en el campo de texto todo el código de abajo 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 agregarlo al código. Para eso, haz clic en el elemento y presiona "Editar":

En la sección de "Código" estará el ID/CSS del elemento, basta con hacer clic para copiarlo

9. Copia el ID y accede nuevamente a la pestaña de Javascript/CSS y edita el código que habías agregado. El único cambio que será necesario hacer es alterar la parte del -> '#e_0000000'

10. Después de eso, haz clic en "Salvar";

De esta forma, todos los visitantes que hagan clic en este elemento lo tendrán ya copiado.

¿Te quedó alguna duda? ¡Habla con nuestro equipo en el Chat! Siempre estamos listos para ayudarte.

Actualizado el: 28/07/2026