---
title: Como instalar el widget en Shopify
description: Widget
---
[Ir directamente al contenido](https://help.ifreturns.com/es/knowledge-center/how-to-install-the-widget-in-shopify#main-content)
- [Español](https://help.ifreturns.com/es/knowledge-center/how-to-install-the-widget-in-shopify)
- [English](https://help.ifreturns.com/en/knowledge-center/how-to-install-the-widget-in-shopify)
- [Italiano](https://help.ifreturns.com/it/knowledge-center/how-to-install-the-widget-in-shopify)
Español
Traducciones de Mostrar submenú de
[Portal del cliente](https://help.ifreturns.com/tickets-view?hsLang=es)
![Logo Negativo-4.png\]](https://help.ifreturns.com/hs-fs/hubfs/Logo%20Negativo-4.png?height=40&name=Logo%20Negativo-4.png)
Abrir navegación principal
Cerrar navegación principal
- - [Español](https://help.ifreturns.com/es/knowledge-center/how-to-install-the-widget-in-shopify)
- [English](https://help.ifreturns.com/en/knowledge-center/how-to-install-the-widget-in-shopify)
- [Italiano](https://help.ifreturns.com/it/knowledge-center/how-to-install-the-widget-in-shopify)
Español
Traducciones de Mostrar submenú de
- [Portal del cliente](https://help.ifreturns.com/tickets-view)
- Ir a ifreturns.com
Ir a ifreturns.com
¿Cómo podemos ayudarle?
- No hay sugerencias porque el campo de búsqueda está vacío.
1. [Knowledge Center](https://help.ifreturns.com/es/knowledge-center?hsLang=es)
2. [Primeros pasos](https://help.ifreturns.com/es/knowledge-center/primeros-pasos?hsLang=es)
3. [Personalizaciones](https://help.ifreturns.com/es/knowledge-center/primeros-pasos?hsLang=es#personalizaciones)
# Como instalar el widget en Shopify
## En este artículo explicaremos cómo crear e instalar widgets en Shopify.
#### **Aquí hay una guía paso a paso:**
1\. Vaya a Shopify -\> y haga clic en *"Sales Channels"*
2\. Una vez que haga clic en "Sales Channels", verá una ventana emergente -\> haga clic en *"Online Store"*
3\. Una vez que haga clic, verá una página de "Online Store":
- Haga clic en tres puntos (1)
- Luego haga clic en " Edit code "(2)
4.En la barra lateral izquierda, busque una carpeta llamada **"snippets" -\>** haga clic en la carpeta
5\. Al hacer clic en "snippets" se abrirá la carpeta. El siguiente paso es crear un archivo de fragmento. Haga clic en el **"Icono de archivo"** llamado **"Nuevo archivo.."**
6\. Pon un nombre “ifreturns-product-sizing-bar.liquid”
**Para obtener el código del archivo, debe comunicarse con el Account Manager**
7\. Una vez que obtenga el código, péguelo en el archivo y haga clic en el botón *"guardar".*
8\. El siguiente paso es encontrar una plantilla de página de **Descripción del Producto**. Vaya a "sections" para localizarlo
9\. Una vez que encuentre la plantilla de la Página de Descripción de Producto, pegue esta línea de código donde lo necesite:
10\. En la parte superior de la plantilla, haga clic en *"Guardar"* para aplicar nuevos cambios
#### **Si todo está configurado correctamente, verá una sección de tamaño del producto en la Página de Descripción del producto del sitio web**
Es posible personalizar el widget cambiando el color de fondo, el color del texto, el color de la línea de barras, etc. Verifique el código del widget para saber qué se puede cambiar.
- [Consultas o incidencias](https://help.ifreturns.com/es/knowledge-center/consultas-o-incidencias?hsLang=es)
- [Configuraciones](https://help.ifreturns.com/es/knowledge-center/configuraciones?hsLang=es)
- [Primeros pasos](https://help.ifreturns.com/es/knowledge-center/primeros-pasos?hsLang=es#main-content)
- [Descripción general del portal](https://help.ifreturns.com/es/knowledge-center/primeros-pasos?hsLang=es#descripci%C3%B3n-general-del-portal)
- [Analítica](https://help.ifreturns.com/es/knowledge-center/primeros-pasos?hsLang=es#anal%C3%ADtica)
- [Configuraciones en la aplicación](https://help.ifreturns.com/es/knowledge-center/primeros-pasos?hsLang=es#configuraciones-en-la-aplicaci%C3%B3n)
- [Configuraciones del portal de retorno](https://help.ifreturns.com/es/knowledge-center/primeros-pasos?hsLang=es#configuraciones-del-portal-de-retorno)
- [Configuraciones del Portal de devolución de UX / UI](https://help.ifreturns.com/es/knowledge-center/primeros-pasos?hsLang=es#configuraciones-del-portal-de-devoluci%C3%B3n-de-ux-ui)
- [Crea tu politica de devoluciones](https://help.ifreturns.com/es/knowledge-center/primeros-pasos?hsLang=es#crea-tu-politica-de-devoluciones)
- [Personalizaciones](https://help.ifreturns.com/es/knowledge-center/primeros-pasos?hsLang=es#personalizaciones)
- [Reembolsos](https://help.ifreturns.com/es/knowledge-center/reembolsos?hsLang=es#main-content)
- [Descripción general](https://help.ifreturns.com/es/knowledge-center/reembolsos?hsLang=es#descripci%C3%B3n-general)
- [Método de Reembolso](https://help.ifreturns.com/es/knowledge-center/reembolsos?hsLang=es#m%C3%A9todo-de-reembolso)
- [Otras configuraciones](https://help.ifreturns.com/es/knowledge-center/reembolsos?hsLang=es#otras-configuraciones)
- [Gestión de devoluciones](https://help.ifreturns.com/es/knowledge-center/gesti%C3%B3n-de-devoluciones?hsLang=es#main-content)
- [Operaciones diarias](https://help.ifreturns.com/es/knowledge-center/gesti%C3%B3n-de-devoluciones?hsLang=es#operaciones-diarias)
- [Métodos de Devolución](https://help.ifreturns.com/es/knowledge-center/gesti%C3%B3n-de-devoluciones?hsLang=es#m%C3%A9todos-de-devoluci%C3%B3n)
- [Motivos de Devolución](https://help.ifreturns.com/es/knowledge-center/gesti%C3%B3n-de-devoluciones?hsLang=es#motivos-de-devoluci%C3%B3n)
- [Políticas de Devoluciones](https://help.ifreturns.com/es/knowledge-center/gesti%C3%B3n-de-devoluciones?hsLang=es#pol%C3%ADticas-de-devoluciones)
- [Configuración de Reglas](https://help.ifreturns.com/es/knowledge-center/configuraci%C3%B3n-de-reglas?hsLang=es#main-content)
- [Información general](https://help.ifreturns.com/es/knowledge-center/configuraci%C3%B3n-de-reglas?hsLang=es#informaci%C3%B3n-general)
- [Acciones](https://help.ifreturns.com/es/knowledge-center/configuraci%C3%B3n-de-reglas?hsLang=es#acciones)
- [Condiciones](https://help.ifreturns.com/es/knowledge-center/configuraci%C3%B3n-de-reglas?hsLang=es#condiciones)
- [Operadores](https://help.ifreturns.com/es/knowledge-center/configuraci%C3%B3n-de-reglas?hsLang=es#operadores)
- [Las reglas más comunes](https://help.ifreturns.com/es/knowledge-center/configuraci%C3%B3n-de-reglas?hsLang=es#las-reglas-m%C3%A1s-comunes)
- [Integraciones de envío](https://help.ifreturns.com/es/knowledge-center/integraciones-de-env%C3%ADo?hsLang=es)
- [Facturas / Documentos](https://help.ifreturns.com/es/knowledge-center/facturas-documentos?hsLang=es)
- [Notas de publicación](https://help.ifreturns.com/es/knowledge-center/notas-de-publicaci%C3%B3n?hsLang=es#main-content)
- [Notas de publicación 1.1](https://help.ifreturns.com/es/knowledge-center/notas-de-publicaci%C3%B3n?hsLang=es#notas-de-publicaci%C3%B3n-1-1)
- [Notas de publicación 1.2](https://help.ifreturns.com/es/knowledge-center/notas-de-publicaci%C3%B3n?hsLang=es#notas-de-publicaci%C3%B3n-1-2)
- [Notas de publicación 1.3](https://help.ifreturns.com/es/knowledge-center/notas-de-publicaci%C3%B3n?hsLang=es#notas-de-publicaci%C3%B3n-1-3)
- [Notas de publicación 1.4](https://help.ifreturns.com/es/knowledge-center/notas-de-publicaci%C3%B3n?hsLang=es#notas-de-publicaci%C3%B3n-1-4)
- [Notas de publicación 2.0](https://help.ifreturns.com/es/knowledge-center/notas-de-publicaci%C3%B3n?hsLang=es#notas-de-publicaci%C3%B3n-2-0)
- [Notas de publicación 2.1](https://help.ifreturns.com/es/knowledge-center/notas-de-publicaci%C3%B3n?hsLang=es#notas-de-publicaci%C3%B3n-2-1)
- [Notas de publicación 2.2](https://help.ifreturns.com/es/knowledge-center/notas-de-publicaci%C3%B3n?hsLang=es#notas-de-publicaci%C3%B3n-2-2)
- [Notas de publicación 2.3](https://help.ifreturns.com/es/knowledge-center/notas-de-publicaci%C3%B3n?hsLang=es#notas-de-publicaci%C3%B3n-2-3)
- [Notas de publicación 3.0](https://help.ifreturns.com/es/knowledge-center/notas-de-publicaci%C3%B3n?hsLang=es#notas-de-publicaci%C3%B3n-3-0)
- [Notas de publicación 3.1](https://help.ifreturns.com/es/knowledge-center/notas-de-publicaci%C3%B3n?hsLang=es#notas-de-publicaci%C3%B3n-3-1)
- [Notas de publicación 3.2](https://help.ifreturns.com/es/knowledge-center/notas-de-publicaci%C3%B3n?hsLang=es#notas-de-publicaci%C3%B3n-3-2)
- [Notas de publicación 4.2](https://help.ifreturns.com/es/knowledge-center/notas-de-publicaci%C3%B3n?hsLang=es#notas-de-publicaci%C3%B3n-4-2)
- [Notas de publicación 5.0](https://help.ifreturns.com/es/knowledge-center/notas-de-publicaci%C3%B3n?hsLang=es#notas-de-publicaci%C3%B3n-5-0)
- [Preguntas Frecuentes](https://help.ifreturns.com/es/knowledge-center/preguntas-frecuentes?hsLang=es)
[](https://www.ifreturns.com/)
Knowledge center iF returns
Copyright © 2026, iF Returns