---
description: Aprende cómo instalar un widget de chat web en tu tienda Shopify.
title: Instalar widget de chat en Shopify
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[Nuevo🔥 ¡Sé el primero en probar la API de llamadas de WhatsApp Business (Beta abierta)!![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/es/whatsapp-business-calling-api)

Ayúdame con... ⌘ 

1. [All Collections >](/es/help)
2. [ Canales >](/es/help/channels)
3. [ Widget de chat del sitio web >](/es/help/website-chat-widget)
4. Instalar widget de chat en Shopify

# Instalar widget de chat en Shopify

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg)

JQ Lee

· 09 May 2025

menos de un minuto leyendo

Agregar un widget de chat web a tu tienda Shopify es un proceso rápido y sencillo. No requiere ninguna capacidad de codificación o conocimientos técnicos. 

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png?fm=avif&w=1000) 

## Configuración para la instalación

Para instalar un widget de chat web en Shopify, necesitarás lo siguiente:

* Acceda a su cuenta [Shopify](https://accounts.shopify.com/store-login).
* Un fragmento de código para tu widget de chat web.

Si no tienes un fragmento de código ya, lo generarás al crear un [Widget de Chat Web](https://respond.io/es/help/website-chat-widget/website-chat-widget-overview) o al usar el [Plugin de Chat de Facebook](https://respond.io/es/help/facebook-messenger/facebook-chat-plugin) para [Facebook Messenger](https://respond.io/es/help/facebook-messenger/facebook-messenger-overview).

> Si ya tienes los canales conectados en la plataforma respond.io y necesitas recuperar el fragmento de código generado, sigue las [instrucciones aquí](https://respond.io/es/help/website-chat-widget/website-chat-widget-overview#finding%5Fthe%5Fwebsite%5Fchat%5Fwidget%5Fcode%5Fafter%5Fconnecting%5Fthe%5Fchannel).

## Instalando en Shopify

**Paso 1: Inicia sesión en Shopify.**

Inicie sesión en su [Shopify account](https://accounts.shopify.com/store-login) y haga clic en "Online Store" en la barra de navegación.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tRcn0OXfRGQUMZjFjphGO/501489927f139ed86837a55efd2c8faf/Screenshot_2025-05-09_at_9.45.09_AM.png?fm=avif&w=1000) 

**Paso 2: Haga clic en Editar Código**

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

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3cn3wZrdJVpQjhuXsIe706/ec513e34543161d111e48851eb599f06/Screenshot_2025-05-09_at_9.39.10_AM.png?fm=avif&w=1000) 

**Paso 3: Pegar el script**

Copie el script del plugin de la plataforma respond.io. En el panel izquierdo de la página Editar código, haga clic en la carpeta **Secciones** para expandirlo. Pulsa la sección **footer.liquid** y pega el script del plugin de chat.

Una vez que hayas pegado el script en la sección apropiada, presiona el botón **Guardar** en la parte superior izquierda.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/70gjY4BLtHDpF6SjG0APKT/8863b7fd0ec2ad0599ea4327059debae/Screenshot_2025-05-09_at_9.38.15_AM.png?fm=avif&w=1000) 

**¡Listo!**

Abre el sitio web y echa un vistazo al plugin de chat. La encontrará en la esquina inferior derecha. Ahora los visitantes de tu sitio web pueden chatear sin esfuerzo contigo. Si utilizaste los fragmentos de código generados a partir de la plataforma respond.io, podrás gestionar las conversaciones y actualizar la apariencia del widget desde la plataforma.

> El widget de chat ahora está activo en su sitio web.

> **Nota**: Si está usando un tema externo y el widget no funciona, intente insertar el código del sitio web en la sección **theme.liquid** antes de **</body>**

Compartir este artículo

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/help/website-chat-widget/install-on-shopify)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/help/website-chat-widget/install-on-shopify)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/help/website-chat-widget/install-on-shopify)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/website-chat-widget/install-on-shopify)

## 

Artículos relacionados 👩‍💻

* [Instalar Widget de Chat Web en SquarespaceAprenda cómo instalar un widget de chat web en su sitio web de Squarespace. ](/es/help/website-chat-widget/install-on-squarespace)
* [Instalar el widget de chat del sitio web en JoomlaAprende cómo instalar un widget de chat web en tu sitio web de Joomla. ](/es/help/website-chat-widget/install-on-joomla)
* [Instalar el widget de chat en el sitio web en WixAprende cómo instalar un widget de chat web en tu sitio web de Wix. ](/es/help/website-chat-widget/install-on-wix)
* [Instalar widget de chat en WordPressAprende cómo instalar un widget de chat web en tu sitio web de WordPress. ](/es/help/website-chat-widget/install-on-wordpress)
* [Inicio rápido del widget de chat del sitio webAgregue el widget de chat del sitio web respond.io a su sitio. ](/es/help/website-chat-widget/website-chat-widget)

¿No encuentras lo que estás buscando? 🔎

[Contacta a Soporte](/es/contact-us)

2025-12-05T03:56:42.714Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"Aprende cómo instalar un widget de chat web en tu tienda Shopify.","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg","name":"JQ Lee","url":"https://respond.io/es/author"},"dateCreated":"2023-02-27T08:55:38.000Z","dateModified":"2025-05-09T08:17:09.018Z","datePublished":"2023-02-27T08:55:38.000Z","headline":"Instalar widget de chat en Shopify","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png","mainEntityOfPage":"https://respond.io/es/help/website-chat-widget","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png","url":"https://respond.io/es/help/website-chat-widget/install-on-shopify"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/es/help","position":1},{"@type":"ListItem","name":"Canales","item":"https://respond.io/es/help/channels","position":2},{"@type":"ListItem","name":"Widget de chat del sitio web","item":"https://respond.io/es/help/website-chat-widget","position":3},{"@type":"ListItem","name":"Instalar widget de chat en Shopify","item":"https://respond.io/es/help/website-chat-widget/install-on-shopify","position":4}]}]
```
