Configura y usa ShipCalc.

1. Instala ShipCalc

ShipCalc se instala desde la Shopify App Store. La prueba gratuita de 14 días empieza al instalar, con todas las funciones disponibles.

1. Abre la ficha de ShipCalc en la Shopify App Store.
2. Haz clic en Install y aprueba la app.
3. ShipCalc se abre en tu panel de control de Shopify con una lista de primeros pasos.

La página de primeros pasos tiene enlaces de un clic que abren el editor de temas en el lugar correcto para cada ubicación.

2. Añade el bloque de página de producto

El bloque de página de producto permite al cliente consultar el envío antes de añadir un artículo al carrito. Usa la variante y la cantidad seleccionadas.

1. En los primeros pasos de ShipCalc, haz clic en Add Product Page Block. El editor de temas se abre en una plantilla de producto.
2. Haz clic en Add block (Agregar bloque) en la sección de información del producto y elige el bloque de ShipCalc.
3. Arrástralo a su sitio: bajo el precio o bajo los botones de compra funciona bien.
4. Haz clic en Save (Guardar).

3. Añade el bloque de página del carrito

El bloque del carrito calcula cada artículo y cantidad del carrito, así el cliente ve el envío de todo el pedido.

1. En ShipCalc, haz clic en Add Cart Page Block. El editor de temas se abre en la plantilla del carrito.
2. Haz clic en Add block (Agregar bloque) y elige el bloque de carrito de ShipCalc.
3. Colócalo cerca del subtotal y del botón de pago y haz clic en Save (Guardar).

4. Activa el carrito lateral

Cada tema construye su carrito lateral (o desplegable) de forma distinta, así que ShipCalc lo admite mediante una inserción de app que detecta el carrito abierto y coloca una calculadora compacta y plegable sobre el botón de pago.

1. Abre el editor de temas y selecciona App embeds (Inserciones de aplicaciones) en la barra lateral izquierda.
2. Activa la inserción de ShipCalc para el carrito lateral.
3. La mayoría de los temas funcionan con la detección automática. Si el tuyo no, introduce el selector CSS de tu carrito lateral en los ajustes de la inserción.
4. Haz clic en Save (Guardar) y abre el carrito lateral en tu tienda en vivo para comprobar la ubicación.

5. Personaliza el widget

Los ajustes visuales y de textos están en la página Appearance de ShipCalc, con una vista previa en vivo antes de que los cambios lleguen a tu tienda.

Diseño y estilo

• Diseño de tarjeta o mínimo.
• Colores de acento, fondo, texto y borde.
• Radio de las esquinas, espaciado y tamaños de texto.
• Heredar la tipografía y los estilos básicos de controles de tu tema.

Textos

• Título, texto de ayuda y texto del botón.
• Etiquetas y textos de ejemplo de país y código postal.
• Mensajes de cálculo, sin tarifas, error y carrito vacío.
• Un texto para los métodos de envío gratuitos.

Todos los textos que ven los clientes pueden escribirse en el idioma de tu tienda.

CSS personalizado

Para un control más fino, el editor de CSS te permite añadir reglas dirigidas al widget, útiles para espaciados propios del tema o estados al pasar el ratón.

6. Países y códigos postales

Elige de dónde se obtiene el país de destino:

• Fixed country (país fijo): calcula siempre para un país que elijas.
• Shopper’s Shopify country (país de Shopify del cliente): usa el país de localización de Shopify Markets.
• Country selector (selector de país): el cliente elige entre los países que permitas.

Después, elige cómo funcionan los códigos postales:

• Required (obligatorio): el cliente debe introducir un código postal.
• Optional (opcional): el cliente puede añadirlo para obtener un cálculo más preciso.
• Country only (solo país): oculta el campo de código postal; ShipCalc puede devolver una estimación para el país elegido.

También puedes ocultar la calculadora a los visitantes de determinados países, o mostrarla solo a los de los países que elijas.

7. Opciones de visualización de tarifas

• Muestra todas las tarifas disponibles, solo la más barata o solo la más cara.
• Muestra los detalles de entrega bajo una tarifa cuando Shopify los devuelve.
• Usa tu propio texto para los métodos gratuitos (por ejemplo, «Envío gratis»).

8. Ubicación manual (avanzado)

Si el diseño de tu tema no permite un bloque de app donde lo necesitas, añade a tu tema un elemento contenedor y el cargador de ShipCalc:

<div data-shipcalc-m="product"></div>
<script src="/apps/shipcalc/manual.js" defer></script>

Usa data-shipcalc-m="cart" para una ubicación en el carrito. La calculadora manual usa los mismos ajustes, estilos y analytics que los bloques de app.

9. Analytics

La página Analytics muestra cómo usan los clientes la calculadora:

• Total de consultas a lo largo del tiempo y actividad reciente.
• Consultas por origen: página de producto, página del carrito o carrito lateral.
• Combinaciones de código postal y país más frecuentes.
• Métodos de envío que se mostraron a los clientes.
• Errores, para detectar destinos sin tarifas.

10. Eventos de marketing

ShipCalc puede enviar un evento Calculate Shipping a Google Analytics 4, Google Tag Manager y Meta Pixel cuando esas herramientas ya están en tu tienda. ShipCalc no instala scripts de seguimiento.

1. Abre Marketing events en ShipCalc.
2. Elige a qué plataformas enviar.
3. Opcionalmente, cambia el nombre, la categoría, la etiqueta o el valor del evento, o añade parámetros personalizados.
4. Guarda.

Los eventos incluyen el origen del widget (producto, carrito o lateral), el país y si se introdujo un código postal.

11. Diagnóstico

La página Diagnostics ejecuta una consulta real sin pasar por tu tienda, algo útil tras cambiar zonas o tarifas de envío.

1. Abre Diagnostics en ShipCalc.
2. Elige un producto, un país y un código postal.
3. Ejecuta la consulta para ver exactamente qué devuelve Shopify.

12. Solución de problemas

La calculadora no aparece en la página de producto

• Comprueba que el bloque se añadió a la plantilla que usan realmente tus productos y que guardaste.
• Asegúrate de que el bloque no está dentro de una sección oculta o contraída.
• Comprueba que las reglas de país de visitantes en Appearance no lo ocultan para tu ubicación.

No se devuelven tarifas

• Confirma que el destino pertenece a un mercado activo y a una zona de envío en Shopify.
• Comprueba que el perfil de envío y el peso del producto cumplen tus condiciones de tarifa.
• Prueba el mismo destino en Diagnostics para ver qué devuelve Shopify.
• Reescribe el mensaje de «sin tarifas» para que el cliente sepa qué hacer a continuación.

Para una lista más completa, lee Las tarifas de envío de Shopify no aparecen.

No aparece en mi carrito lateral

• Confirma que la inserción de app del carrito lateral está activada y guardada.
• Prueba a definir el selector del carrito lateral en los ajustes de la inserción.
• Contáctanos con el nombre de tu tema.

13. Soporte

El panel de ShipCalc tiene una página Support con respuestas rápidas y un formulario de contacto. También puedes escribirnos aquí y te responderemos por correo.