Hello para Shopify

1. Inscreva-se no Hello - Assim que você criar uma conta, terá acesso ao Zonos Dashboard.
2. Instalação - Siga as instruções abaixo para instalar o Hello na sua plataforma Shopify.

Nota: As credenciais do Zonos, incluindo a chave do site do Hello, podem ser encontradas em https://dashboard.zonos.com/settings/dashboard/integrate.

Pronto para instalar o Hello? Estamos ansiosos para começar!

1. Vá aqui e clique em Inscreva-se gratuitamente para começar.

2. Assim que terminar o processo de registro, verifique sua caixa de entrada para um email de ativação da sua conta Zonos.

3. Após verificar seu email, você receberá um segundo email com seu script personalizado do Hello.

4. Copie o script personalizado do Hello encontrado no email.

Nota: Adicione uma classificação de envio para garantir que o Hello funcione da maneira mais precisa possível como um plugin independente.

1. Agora, faça login na sua loja Shopify e vá para Loja Online.
2. No seu tema atual, clique em Ações -> Editar código.
3. Nos arquivos do seu tema, clique em theme.liquid.
4. Na parte inferior do arquivo theme.liquid, coloque seu script personalizado do Zonos antes da tag de fechamento do corpo.
5. Em seguida, clique em Salvar.
6. Agora você deve ver o Hello na página inicial do seu site. Se não, tente um hard refresh ou clear seu cache.

Se você estiver usando o Shopify como sua plataforma, temos um script que você pode usar para extrair os dados do produto dos detalhes do produto do Shopify.

O código abaixo tem uma função que será executada nas páginas de produto e na página do carrinho.

<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>

Use Hello para ocultar conteúdo dos compradores internacionais.

A classe z-intl é baseada no país doméstico atual. Se Hello estiver definido para um país internacional, a classe z-intl atuará como uma classe oculta, ocultando o conteúdo ao qual z-intl está vinculado.

Use o seguinte CSS para ocultar conteúdo. Substitua seu-conteúdo pelo conteúdo flutuante que deseja ocultar.
z-intl seu-conteúdo { display: none; }

Agora você pode ocultar Hello de seus clientes domésticos para dar espaço a outras caixas de diálogo.

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

Adicione o id #zonos combinado com o código do país que serve como a classe CSS para esse país na função z-intl { display: none; }.

A linha deve se parecer com isso:

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