¿Cómo se integra manualmente el Widget de Producto en la plantilla de Shopify?

Además de la integración automática, tienes la opción de integrar manualmente el widget Producto en tu plantilla de Shopify.

Si tu tema no es compatible con los bloques de aplicaciones, deberás integrar manualmente el widget, es decir, agregar/copiar el script de las estrellas y la lista de opiniones directamente en el código de tu tema Shopify.

Para obtener más información sobre la nueva documentación de Shopify.

Procedimiento 

Preliminar: Conexión a la cuenta de Opiniones Verificadas

1/ Inicia sesión en tu cuenta de Opiniones Verificadas;

2/ Ve a Difusión de opiniones > Integrar mis widgets;

3/ Selecciona el widget que deseas integrar (si aún no has creado un widget de producto, sigue el procedimiento siguiente);

4/ Haz clic en el botón Integrar en la esquina superior derecha de la pantalla.

Paso 1: Integración del script Configuración inicial

Solo necesitas copiar y pegar el script como en la captura de pantalla anterior en "theme.liquid" antes de la etiqueta </body> del código HTML (si ya hay un script, debes reemplazarlo por el nuevo).

 

Para encontrar fácilmente el script de la versión anterior en el código, puedes hacer una búsqueda haciendo clic en las teclas Ctrl + F y luego ingresando AWS/PRODUCT_API/tag.min.js"</script>

Paso 2: Integración del script Nota del producto 

En Plantilla de producto líquido busca en el código NETREVIEWS_PRODUCT_STARS (si no encuentras NETREVIEWS_PRODUCT_STARS, deberás agregar el código HTML a continuación en el lugar exacto donde deseas posicionar esta calificación)
Debes eliminar la línea anterior para reemplazarla o simplemente copiar y pegar <div class="skeepers_product__stars" data-product-id="{{ product.id }}"></div>

Paso 3: Integración del script Lista de opiniones (bloque de opiniones)

En Plantilla de producto líquido, busca en el código NETREVIEWS_PRODUCT_REVIEWS (si no encuentras NETREVIEWS_PRODUCT_REVIEWS, deberás agregar el código HTML a continuación en el lugar exacto donde deseas posicionar la lista de opiniones)

Una vez más, elimina la línea anterior para reemplazarla o simplemente copia y pega <div class="skeepers_product__reviews" data-product-id="{{ product.id }}" data-locale=" " data-price="{{ product.price | money_without_currency }}" data-currency="{{ shop.currency }}" data-name="{{ product.title }}" data-url="{{ shop.url }}{{ product.url }}" data-image-url="{{ product | image_url: width: 200 }}"></div>

Todos los atributos están configurados excepto el atributo data-locale=" " que debe ser reemplazado por data-locale="es_ES"

Aquí tienes una lista de idiomas, en caso de que no tengas uno, se utilizará el inglés: en_US / en_UK / es_ES / pt_BR / pt_PT / it_IT / de_DE

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 3