Shopifyの標準機能でカート追加リンクを作る方法

Shopify · 4分で読めます

Jerry Abrahamson

Jerry Abrahamson

創業者兼CEO • 2022年1月10日

Shopifyの標準機能でカート追加リンクを作る方法

選んだ商品をあらかじめ入れた状態で、買い手を直接カートページに送るリンクを作りたいShopifyオーナー向けの記事です。

Shopifyのカート追加リンクを作るにはカートパーマリンクが必要です。難しく感じるかもしれませんが、JavaScript、Liquid CSS、HTMLに詳しければ簡単でしょう。最も簡単な方法を見ていきます。

方法1

追加URLは次のようになります:https://www.yourstorenamehere.com/cart/add?id=VARIANTID&quantity=1

  • 1. YOURSTORENAMEHEREを実際のストア名に、またはwww.yourstore.comをサイトURLに置き換えます。
  • 2. VARIANTIDを商品バリエーションのIDに置き換えます。
  • 3. '1'を追加したい数量に置き換えます。
  • 4. 複数の商品と数量を追加する場合:https://yourstorenamehere.com/cart/add?id=VARIANTID1&quantity=1&id=VARIANTID2&quantity=1
  • 5. VARIANTID1、VARIANTID2、それぞれの数量を編集します。

方法2

最初の方法でも動作しますが、もう1つ、カートパーマリンクを使う方法もあります。

商品入りの特定のカートでShopifyの支払い画面へ直接移動したい場合に使います。ニュースレターやブログに「今すぐ購入」ボタンを置く場合にも向いています。

カートパーマリンクは、カートや購入手続きへすぐアクセスできる既成リンクです。1つの販売者からカートで購入できるアプリに最も適しています。

例:https://yourstorenamehere.myshopify.com/cart/70881412:1,70881382:1

URLの形式:https://yourstorenamehere.com/cart/#{variant_id}:#{quantity}(, ...)

購入手続きのパラメーターを追加する

フィールドの事前入力は、パーマリンクのURLにクエリパラメーターを追加するだけです。次の形式を使います。

https://yourstorenamehere.com/cart/{variant_id}:{quantity}?checkout[email]=somebody@store.com&checkout[shipping_address][city]=thisismyhometown

[email]は入力可能なフィールドを表し、[shipping address][city]は入れ子を使って子フィールドに入力する例です。

事前入力できるパラメーターの一覧です。

Shopifyカートリンクのパラメーター

バリエーションIDに割引を適用する

追加リンク以外にも、パーマリンクへ直接割引を付けるなどの使い方があります。形式は/cart/{variant_id}:{quantity}?discount=testです。

testの部分に割引コードの文字列を使います。

割引付きで商品を1つ追加する

https://yourstorenamehere./cart/VARIANTID1:1?discount=DISCOUNTCODE

割引付きで商品を2つ追加する

https://yourstorenamehere/cart/VARIANTID1:1,VARIANTID2:1?discount=DISCOUNTCODE

':'の後の数字が数量です。'1'を希望数に置き換えられます。追跡用のクエリパラメーター、メモ、カート属性も追加できます。顧客アカウント対応ストアで未ログインなら、支払いに進む前にログインページへ移動します。

商品バリエーションIDを調べる

  • 1. Shopify管理画面へログインし、Products > All Productsを開きます。
  • 2. バリエーションがある商品を選びます。
  • 3. 次のどちらかを選びます:
    - 拠点が1つなら、商品詳細のVariants欄で対象の横にあるEditアイコンをクリックします。
    -複数拠点なら、商品詳細のVariants欄から対象を選びます。
  • 4. ブラウザーのアドレスバーを確認します。次のようなURLです:https://yourstorenamehere.myshopify.com/admin/products/70881382/variants/12345678910111

variants/の後の数字がバリエーションIDです。

まとめ

カート放棄はプラットフォームを問わず大きな課題で、迅速に支払える直接のカート追加リンクがないことが主因の1つです。

このリンクを作れば購入が増え、放棄が減ります。競合に先んじるため、顧客体験を改善する最後の仕上げの1つになるかもしれません。

Jerry Abrahamson

著者

Jerry Abrahamson

JerryはChargezenの創業者兼CEOです。ブランドが持続的なオムニチャネル事業を築けるよう支援しています。オムニチャネルコマースとSaaSで10年以上の経験を持ち、ブランドが継続的な収益源をつくる手助けに情熱を注いでいます。

定期購入の売上を伸ばしませんか?

Chargezenで解約を減らし、売上を伸ばし、業務を自動化している有力ブランドの仲間に加わりましょう。

今すぐ始める
宇宙を、手のひらに

売上が22%増えたら何をしますか?