Hello para Shopify

1. Regístrese en Hello - Una vez que cree una cuenta, se le dará acceso al Zonos Dashboard.
2. Instalación - Siga las instrucciones a continuación para instalar Hello en su plataforma Shopify.

Nota: Las credenciales de Zonos, incluido su clave de sitio de Hello, se pueden encontrar en https://dashboard.zonos.com/settings/dashboard/integrate.

¿Listo para instalar Hello? ¡Estamos emocionados de ayudarle a comenzar!

1. Vaya aquí y haga clic en Regístrese gratis para comenzar.

2. Una vez que termine el proceso de registro, revise su bandeja de entrada para encontrar un correo electrónico para activar su cuenta de Zonos.

3. Después de verificar su correo electrónico, recibirá un segundo correo electrónico con su script personalizado de Hello.

4. Copie el script personalizado de Hello que se encuentra en el correo electrónico.

Nota: Agregue una calificación de envío para asegurarse de que Hello funcione de la manera más precisa posible como un plugin independiente.

1. Ahora, inicie sesión en su tienda Shopify y vaya a Tienda en línea.
2. En su tema actual, haga clic en Acciones -> Editar código.
3. En los archivos de su tema, haga clic en theme.liquid.
4. Al final del archivo theme.liquid, coloque su script personalizado de Zonos antes de la etiqueta de cierre del cuerpo.
5. Luego, haga clic en Guardar.
6. Ahora debería ver Hello en la página de inicio de su sitio web. Si no, intente una actualización forzada o clear su caché.

Si está utilizando Shopify como su plataforma, tenemos un script que puede usar para extraer los datos del producto de los detalles de su producto en Shopify.

El siguiente código tiene una función que se ejecutará en las páginas de productos y en la página del carrito.

<script>
    function znDutyTaxEstimateOnDetailPage() {
        {% if product and product.price %}
          zonos.quote({
            items: [{ price: "{{ product.price | money_without_currency }}", name: "{{product.title | replace: '"', '\"'}}", url: "{{ shop.secure_url }}{{ product.url }}", image: "https:{{ product.featured_image | product_img_url: 'medium' }}"}],
            currencyCode: '{{ shop.currency }}'

          });

      {% endif %}

  }

  function znDutyTaxEstimateOnCartPage() {
  if (window.location.href.indexOf("cart") > -1) {
  zonos.quote({
  items: [
  {% for item in cart.items %}
  { price: "{{ item.price | money_without_currency }}", quantity: {{item.quantity}}, name: "{{ item.title | replace: '"', '\"'}}", url: "{{ shop.secure_url }}{{item.url}}", image: "https:{{item.image| product_img_url: 'medium'}}"},
  {% endfor %}
  ],currencyCode: '{{ shop.currency }}'});
  }
  }

  znDutyTaxEstimateOnDetailPage();
  znDutyTaxEstimateOnCartPage();
</script>

Utilice Hello para ocultar contenido de los compradores internacionales.

La clase z-intl se basa en el país nacional actual. Si Hello se establece en un país internacional, la clase z-intl actuará como una clase oculta, ocultando el contenido al que está vinculada z-intl.

Utilice el siguiente CSS para ocultar contenido. Reemplace your-content con el contenido flotante que desea ocultar.
z-intl your-content { display: none; }

Ahora puede ocultar Hello a sus clientes nacionales para dar espacio a otras cajas de diálogo.

#zonos {
  display: none;
}
z-intl #zonos {
  display: block;
}

Agregue la identificación #zonos combinada con el código de país que también funciona como la clase CSS para ese país a la función z-intl { display: none; }.

La línea debería lucir algo así:

z-intl #zonos.US {
  display: none;
}