Existen dos métodos de instalación. 

Para que el widget de tallas funcione correctamente, seguiremos este orden:

1. Preparación: Obtención del código en el Merchant Dashboard de Reveni.
2. Implementación: Elegir entre el Método Visual (Recomendado) o el Método de Código.

METODO 1: Desde el Editor Visual del Tema (Recomendado)

Paso 1: Copiar el código del widget

Desde el panel de Reveni, ve a la sección "Sizing widget" en el menú lateral. En la parte inferior encontrarás la sección "Code" con el script que necesitas copiar. Este código debe añadirse antes de la etiqueta </html>.

Paso 2: Acceder al panel de Shopify

Entra en tu panel de administración de Shopify. En el menú lateral izquierdo, ve a Sales channels > Online Store.

Paso 3: Ir a Temas (Themes)

En Shopify, ve a Online Store > Themes. Haz clic en "Customize" (Personalizar) en tu tema actual (ej. Dawn).

Paso 4: Navegar a la plantilla de producto

Una vez dentro del editor visual del tema, haz clic en el desplegable superior donde dice "Home page" y selecciona "Products" en el menú que aparece.

Paso 5: Seleccionar la plantilla de producto

Selecciona "Default product" (o la plantilla de producto que quieras editar). Esto te llevará a la vista de edición de la página de producto.

Paso 6: Añadir un bloque "Custom liquid"

En el panel lateral izquierdo, dentro de la sección Template > Product information, haz clic en "Add block". En el listado de bloques disponibles, selecciona "Custom liquid".

Paso 7: Pegar el código del widget

Se abrirá el bloque de Custom liquid con un campo de texto. Pega ahí el código del script de Reveni que copiaste en el Paso 1. Puedes arrastrar el bloque para posicionarlo donde prefieras dentro de la información del producto (por ejemplo, debajo del selector de tallas).

Paso 8: Guardar

Haz clic en el botón "Save" (esquina superior derecha) para guardar los cambios. El widget de Reveni debería aparecer ahora en la página de producto indicando si el producto talla grande o pequeño.

MÉTODO 2: Editando el código del tema directamente (Alternativa)

Paso 1: Acceder al editor de código

Desde el editor visual del tema, haz clic en el menú "..." (tres puntos) en la esquina superior izquierda junto al nombre del tema y selecciona "Edit code".

Paso 2: Editar el archivo main-product.liquid

En el explorador de archivos del lado izquierdo, dentro de la carpeta "sections", busca y abre el archivo "main-product.liquid". Pega el script de Reveni justo antes del cierre de la etiqueta </html> o en la ubicación deseada dentro del template del producto. Guarda los cambios.