> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/editar-diseno_cqi4da.png =700x385)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_gj8iia.png =650x1306)

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;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1yk6rmi.png =650x222)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1hbju72.png =650xauto)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/javacss_16sam90.png =650xauto)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/javacode_11yowcm.png =650x453)

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>
```

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1085etb.png =650x1736)

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**":

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_38rdri.png =650x237)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1cd22co.png =650xauto)

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.

||| Não adicione espaços nem outros caracteres.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1m4gtgk.png =650x1629)

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. :-)