# Instalar en Shopify

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

![El logotipo de Shopify](https://gblobscdn.gitbook.com/assets%2F-L8qsmIDw5_reabURkaE%2F-LjQ2hrdF2Q-_Lxlf0pq%2F-LjQHhdFbw7FCr2hPWuF%2FShopify%20Logo.png?alt=media\&token=1f2bbd22-62e7-4093-bda7-5e39ecf1565c)

## 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 Shopify, necesitará lo siguiente: \
\- Acceso a su [cuenta de Shopify](https://accounts.shopify.com/store-login) \
\- 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](https://docs.1980tic.us/canales-de-mensajeria/widget-de-chat-online) de 1980TIC o al usar el [plugin de chat de Facebook ](https://docs.1980tic.us/canales-de-mensajeria/facebook-messenger/chat-online-de-facebook)para [Facebook Messenger.](https://docs.1980tic.us/canales-de-mensajeria/facebook-messenger)

{% 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](https://docs.1980tic.us/canales-de-mensajeria/widget-de-chat-online/broken-reference) en Configuración . Presione el respectivo botón azul **Editar** para encontrar el script generado.
{% endhint %}

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

### **Paso 1: Inicia sesión en Shopify** <a href="#step-1-log-in-to-shopify" id="step-1-log-in-to-shopify"></a>

Inicie sesión en su [cuenta de Shopify](https://accounts.shopify.com/store-login) y haga clic en **"Tienda en línea"** en la barra de navegación.

![Navegación a la página de la tienda en línea](https://www.kommunicate.io/blog/wp-content/uploads/2018/06/admin.png)

### **Paso 2: Haga clic en Editar código** <a href="#step-2-click-on-edit-code" id="step-2-click-on-edit-code"></a>

Navega a la sección **Temas** . Aquí, haga clic en el menú desplegable **Acciones** y seleccione la opción **Editar código** .

![La opción Editar código](https://www.kommunicate.io/blog/wp-content/uploads/2018/06/actions1.png)

### **Paso 3: Pegue el script** <a href="#step-3-paste-the-script" id="step-3-paste-the-script"></a>

Copie el script del plugin de la plataforma 1980TIC. En el panel izquierdo de la página Editar código, haga clic en la carpeta **Secciones** para expandirla. Presione la sección **footer.liquid** y pegue el script del complemento de chat.

![Pegar el guión](https://www.kommunicate.io/blog/wp-content/uploads/2018/06/add-script.png)

Una vez que haya pegado el script en la sección correspondiente, presione el botón morado **Guardar** en la parte superior izquierda.

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

Abra el sitio web y compruebe el plugin del 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 %}