# Instalar en WordPress

Agregar un widget de chat web en su sitio web de WordPress es un proceso rápido y fácil. No requiere habilidades de codificación ni conocimientos técnicos.

![El logotipo de WordPress](https://gblobscdn.gitbook.com/assets%2F-L8qsmIDw5_reabURkaE%2F-LjQ2hrdF2Q-_Lxlf0pq%2F-LjQG0cedBiDEhmlLlLk%2FWordPress%20Logo.png?alt=media\&token=cbaad76c-ba92-4fe2-89ce-5a3fcfb483b2)

## Configuración para la instalación <a href="#setting-up-for-installation" id="setting-up-for-installation"></a>

{% hint style="info" %}
Para instalar un widget de chat web en WordPress, necesitará lo siguiente: \
\- Acceso al panel de WordPress de su sitio web \
\- Un fragmento de código para su widget de chat web
{% endhint %}

Si aún no tiene un fragmento de código, lo generará al crear un widget de [chat del sitio web](/canales-de-mensajeria/widget-de-chat-online.md) de 1980TIC o al usar el [plugin de chat de Facebook](/canales-de-mensajeria/facebook-messenger/chat-online-de-facebook.md) para [Facebook Messenger.](/canales-de-mensajeria/facebook-messenger.md)

{% hint style="info" %}
Si ya tiene los canales conectados en la plataforma 1980TIC y necesita recuperar el fragmento de código generado, navegue a la sección [Administrar canales](broken://pages/-MT1KQ9133LGedd40mrq) en Configuración . Presione el respectivo botón azul **Editar** para encontrar el script generado.
{% endhint %}

## **Instalación en Wordpress** <a href="#installing-on-wordpress" id="installing-on-wordpress"></a>

### **Paso 1: Inicie sesión en WordPress** <a href="#step-1-log-in-to-wordpress" id="step-1-log-in-to-wordpress"></a>

Navegue hasta el panel de administración de WordPress de su sitio web e inicie sesión.

![](https://cdn-images-1.medium.com/max/1024/1*QkCWOjgjfmu6_ykDCy8C5A.png)

### **Paso 2: Navegue a la página de plugins** <a href="#step-2-navigate-to-the-plugins-page" id="step-2-navigate-to-the-plugins-page"></a>

Desde el panel de navegación izquierdo, haga clic en **Plugin** . En la página de plugins, presione el botón azul **Agregar nuevo** en la parte superior de la página **.**

![El botón Agregar nuevo plugin](https://cdn-images-1.medium.com/max/1024/1*JUqA1REsDszR-FRCBxFDLA.png)

### **Paso 3: Agregar un nuevo plugin** <a href="#step-3-add-new-plugin" id="step-3-add-new-plugin"></a>

Con la barra de búsqueda, busque el complemento **Insertar encabezado y pie de página** . Verá muchas opciones en la página de resultados de búsqueda que puede usar, pero usaremos el plugin "Insertar encabezado y pie de página" de WPBeginner para este tutorial. Presione el botón **Instalar ahora** y asegúrese de activar el complemento para utilizarlo.

![El complemento Insertar encabezados y pies de página](https://cdn-images-1.medium.com/max/1024/1*_6OTT-EJK6N_YcJn7EyhFQ.png)

### **Paso 4: Abra la consola de encabezados y pies de página** <a href="#step-4-open-headers-and-footer-console" id="step-4-open-headers-and-footer-console"></a>

En el menú de navegación de la izquierda, haga clic en **Configuración** y seleccione el plugin **Insertar encabezados y pies** de página en el submenú de configuración.

![Navegación a la página de la consola de complementos](https://cdn-images-1.medium.com/max/1024/1*8bbve-3rVerhBlkReOzKug.png)

### **Paso 5: Agregue el script de chat en vivo** <a href="#step-5-add-the-live-chat-script" id="step-5-add-the-live-chat-script"></a>

Copie el script de su plugin de 1980TIC y péguelo en la sección **Script en Pie de página** de la página de la consola Encabezado y pie de página.

![](https://cdn-images-1.medium.com/max/1024/1*JoZqxY_7VB1bOmP_jKkRhA.png)

Una vez que haya pegado el script, haga clic en el botón azul " **Guardar"** en la parte inferior de la página.

### **¡Hecho!** <a href="#done" id="done"></a>

Abra el sitio web y consulte el complemento de chat. Lo encontrará en la esquina inferior derecha. Ahora los visitantes de su sitio web pueden conversar sin esfuerzo con usted. Si usó los fragmentos de código generados desde la plataforma 1980TIC, podrá administrar las conversaciones y actualizar la apariencia del widget desde la Plataforma.

{% hint style="success" %}
¡El widget de chat ahora está activo en su sitio web!
{% endhint %}

## Limitaciones <a href="#limitations" id="limitations"></a>

### Cohete WP <a href="#wp-rocket" id="wp-rocket"></a>

Si está utilizando un plugin de caché de WordPress como WP-Rocket, es posible que deba agregar nuestro dominio de widget a los archivos excluidos de Javascript.

```
https://cdn.1980tic.us/webchat/widget/*
```

Archivos JavaScript excluidos

{% hint style="warning" %}
Una vez guardado, se recomienda borrar el caché en WordPress.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.1980tic.us/canales-de-mensajeria/widget-de-chat-online/instalar-en-wordpress.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
