機能
- 国際的な顧客を店舗に歓迎します。
- サイト全体で通貨換算を有効にします。
- 関税および税金の見積もりを表示します。
- Hello内のメッセージをローカライズします。
- 買い物体験をパーソナライズします。
- 隠れた国際手数料に対する顧客の不安を排除します。
- Zonos Helloは多国籍eコマースショップをサポートします。
1
始める
- Helloにサインアップ - アカウントを作成するとZonos ダッシュボードにアクセスできます。
- インストール - 以下の手順に従って、Shopifyプラットフォーム用のHelloをインストールします。
注意: Zonosの認証情報、およびHelloサイトキーはhttps://dashboard.zonos.com/settings/dashboard/integrateで見つけることができます。
2
インストール
Helloのインストールの準備はできましたか？あなたを始めることにワクワクしています！
3
サインアップ
4
カスタムスクリプトを追加
- まず、Shopifyストアにログインし、オンラインストアに移動します。
- 現在のテーマで、アクションをクリックしてコードを編集します。
- テーマファイルで、
theme.liquidをクリックします。 theme.liquidファイルの一番下に、カスタムZonosスクリプトを閉じるボディタグの前に配置します。- 次に、保存をクリックします。
- あなたのウェブサイトのホームページにHelloが表示されるはずです。表示されない場合は、ハードリフレッシュを試すか、clearキャッシュをクリアしてください。
5
関税および税金の見積もりを追加
Shopifyをプラットフォームとして使用している場合、Shopifyの製品詳細から製品データを取得するスクリプトがあります。
以下のコードには、製品ページとカートページで実行される関数があります。
Hello統合スクリプト
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<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>
6
ショッパーからコンテンツを隠す
Helloを使用して、国際的なショッパーからコンテンツを隠します。
z-intlクラスは、現在の国内の国に基づいています。Helloが国際的な国に設定されている場合、z-intlクラスは隠しクラスとして機能し、z-intlに関連付けられたコンテンツを隠します。
コンテンツを隠すには、次のCSSを使用します。your-contentを隠したい浮動コンテンツに置き換えてください。
z-intl your-content { display: none; }
これで、国内の顧客からHelloを隠して、他のダイアログボックスのためのスペースを作ることができます。
HelloカスタマイズCSS
1
2
3
4
5
6
#zonos {
display: none;
}
z-intl #zonos {
display: block;
}
6
特定の国に対して非表示にする
#zonos ID とその国の CSS クラスとしても機能する国コードを z-intl { display: none; } 関数に追加します。
行は次のようになります：
Hello カスタマイズ CSS
1
2
3
z-intl #zonos.US {
display: none;
}
Hello for Shopify
Shopify向けのHello統合について学びましょう。国際的な顧客に国内の顧客と同じようなショッピング体験を提供したいですかZonos Helloをご紹介します！
国際的な買い物客があなたのサイトに到着すると、Helloはすぐに買い物客を歓迎し、彼らの現地の言語でメッセージを送信し、あなたがグローバルに販売していることを知らせます。私たちの拡張機能を統合するのは簡単で、国際的な買い物客により良い体験を提供し始めることができます。