Shopifyで条件に応じて配送方法を非表示にできるか調べてみた【Shopify配送方法カスタマイズ】

## はじめに

Shopify では、商品を購入する際に複数の配送方法を設定できます。では、特定の条件に応じて特定の配送方法を非表示にすることができるのでしょうか？今回は、Shopify で配送方法をカスタマイズし、条件に応じて特定の配送オプションを非表示にできるかどうかを調査してみました。

以下の記事を参考にしています。

- [Shopify ストアで配送方法を条件に応じて非表示にするカスタマイズ方法を徹底解説！](https://unreact.jp/blog/shopify-delivery-hidden)
- [Shopifyで指定した条件に応じて特定の配送方法を非表示にできるアプリについて徹底解説｜ご利用ガイド](https://unreact.jp/shopify-apps/sa-053-ur-shipping-custom/guide)
- [Shopify で配送方法を非表示にする方法を考察](https://zenn.dev/natsume_katu/articles/28eff6a8937168)
- [Shopifyでチェックアウトをカスタマイズして配送方法を非表示にする方法を解説！](https://unblog.unreact.jp/blog/vyb-bu43od)


## Shopify の配送設定の基本

まずは、Shopify のデフォルトでできる配送設定について、ざっくりまとめてみます。

Shopify は、オンラインストア運営に欠かせない配送設定を簡単に行えるようにしてくれているので、初心者の方でも使いやすいのが特徴です。ここでは、配送方法を設定するための基本的な流れや、どんなことができるのかを詳しく見ていきましょう。

![スクリーンショット 2024-08-21 13.29.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/95094359-f5f0-23f8-242a-f81a08d7e6d9.png)


### 配送エリアの設定

配送エリアとは、配送先の地域ごとに異なる配送オプションや料金を設定できる機能です。たとえば、国内と海外で送料を変えたい場合や、地域ごとに異なる配送業者を使いたい場合に、この機能を使います。

管理画面の「設定 > 配送と配達」の各配送プロファイルから配送エリアを作成します。エリアごとに適用する配送方法や料金を設定できます。

![スクリーンショット 2024-08-21 13.16.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/992a30b8-aed1-bcb2-45be-5b2c585ae4ed.png)

### 配送方法と料金の設定

Shopify では、複数の配送方法を設定することができ、標準配送やエクスプレス配送、さらには無料配送まで、いろいろなオプションを組み合わせることが可能です。また、商品の重量や価格に基づいて、料金を細かく設定することもできるので、顧客にとってわかりやすい送料表示を実現できます。

複数の配送方法を作成する場合は、「設定 > 配達と配送」の「新しいプロファイル」から作成することができます。

![スクリーンショット 2024-08-21 13.21.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/141314be-77e1-72f9-6b75-07c242b83ae1.png)

### 配送業者との連携

Shopify では、いくつかの配送業者と連携しており、リアルタイムでの送料計算ができます。顧客がチェックアウト時に最適な送料を確認できるので、ストアオーナーにとっても安心です。

 FedEx や UPS、DHL などの主要な配送業者には対応しているのですが、日本の配送業者には対応していません。日本の配送業者と連携したい場合は、Shopify アプリを使う必要があります。

### 商品ごとの配送設定

Shopify はデフォルトで商品ごとに異なる配送方法や料金をすることが可能です。たとえば、大型商品には特別な配送方法を設定して、追加料金を設定することができます。

こちらも、「設定 > 配達と配送」の「新しいプロファイル」から作成することができます。

![スクリーンショット 2024-08-21 13.21.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/141314be-77e1-72f9-6b75-07c242b83ae1.png)


## 条件に応じた配送方法の非表示はできる？

それでは、本題です。Shopify で配送方法を条件に応じて非表示にすることはできるのでしょうか？

例えば、

- 冷凍して配送する必要のある商品が含まれている場合に、通常配送を選択できないように非表示にする
- VIP顧客（特定のタグを持つ顧客）には、通常配送を表示にする

などのユースケースを考えます。

結論から言うと、Shopify のデフォルトの機能だけでは、上記のような条件に応じて配送方法を非表示にすることはできません。

デフォルト機能では実現できませんが、Shopify アプリを使用することで条件に応じて配送方法を非表示にすることができます！

## おすすめアプリの紹介

以下の「シンプル配送カスタマイズ｜お手軽条件ごとの配送方法」は、条件に応じて配送方法を非表示にすることができる日本製の Shopify アプリです。アプリのインストールは[こちら](https://apps.shopify.com/shopify-application-432?locale=ja)からできます。

![スクリーンショット 2024-08-21 14.11.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/14661cce-a838-1479-9b7a-a79dac442f10.png)

以下は「[Shopify App Store のアプリ説明欄](https://apps.shopify.com/shopify-application-432?locale=ja)」からの引用です。

> シンプルな日本製の配送カスタマイズアプリ。指定した条件下で特定の配送方法を非表示にできます。
>「シンプル配送カスタマイズ｜お手軽条件ごとの配送方法」は、指定した条件下で特定の配送方法を非表示にできるアプリです。「シンプル配送カスタマイズ｜お手軽条件ごとの配送方法」を利用することで、商品に応じた適切な配送方法を顧客に提供できます。 
>
> - 条件を満たす場合に指定した配送方法が非表示になります
> - 配送カスタマイズ設定が簡単にできます
> - 複数の条件設定ができます
> - 配送カスタマイズ設定を一覧で確認・削除できます

上記のアプリがおすすめな理由としては、

- Shopify でできない条件分岐で配送方法をカスタマイズできる
- 日本製のアプリである
- 他のアプリに対して比較的安価である

ことがあげられます。

アプリの詳細な使い方は、以下のご利用ガイドが参考になります。
[Shopifyで指定した条件に応じて特定の配送方法を非表示にできるアプリについて徹底解説｜ご利用ガイド](https://unreact.jp/shopify-apps/sa-053-ur-shipping-custom/guide)


## 実際にカスタマイズできるか試してみた

実際に、上記のおすすめアプリ「シンプル配送カスタマイズ｜お手軽条件ごとの配送方法」を使って、配送方法をカスタマイズできるか試してみます。

今回は、カートに特定の商品が含まれる場合に「冷凍配送」だけ表示させるように設定してみます。


### 配送プロファイルの設定

アプリの設定をする前準備を行います。「冷凍配送」という配送方法を追加します。

Shopify管理画面の「設定 > 配送と配達」を開きます。「基本の配送料」に「一般設定」と言う名前の配送プロファイルがあるので、クリックして編集画面に移動します。

![スクリーンショット 2024-08-21 14.41.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/02991a54-bfd7-18c3-4632-5926b86b181e.png)

「送料を追加する」というボタンがあるので、クリックしてください。

![スクリーンショット 2024-08-21 14.59.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/438c0820-2545-eda2-0bfc-0a72cc8c5000.png)

「送料を追加する」というポップアップが表示されるので、以下の画像のように「冷凍配送」を追加します。

![スクリーンショット 2024-08-21 15.00.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/5030dcc4-6c10-e33f-9b0e-37a93d1a0869.png)

「冷凍配送」が追加されていればOKです。

![スクリーンショット 2024-08-21 15.01.28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/fb94d136-9cff-dd54-7ea3-eabcfa1e68ff.png)

最後にプロファイルを「保存する」ボタンで保存しておきましょう。

![スクリーンショット 2024-08-21 15.02.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/e99c59ed-52e1-86d2-15cd-6c40baf21f4b.png)

決済画面にも表示されるようになりました。

![スクリーンショット 2024-08-21 15.05.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/98c83a45-9c41-43d9-8a68-5731a7e53c71.png)


### アプリをインストール

それでは、アプリをインストールします。

Shopify アプリストアにアクセスし、「インストール」ボタンをクリックします。
[シンプル配送カスタマイズ｜お手軽条件ごとの配送方法](https://apps.shopify.com/shopify-application-432?locale=ja)

![スクリーンショット 2024-08-21 14.28.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/c1316e4a-52ea-0802-87a4-8831b2293285.png)

アプリのインストールが完了すると、アプリの管理画面が表示されます。

![スクリーンショット 2024-08-21 14.29.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/9d0e5a24-2978-03a0-795c-ece133a5f620.png)

### 配送カスタマイズ設定

では実際に、

- カートに特定の商品が含まれる場合に「冷凍配送」だけ表示させる

という要件を実現したいと思います。

アプリでできるのは、配送方法の非表示なので、

- カートに特定の商品が含まれる場合に「通常配送」を非表示にする

という設定を作成します。

アプリ管理画面の「配送カスタマイズ設定を追加」ボタンをクリックします。

![スクリーンショット 2024-08-21 15.09.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/1fabf550-7dfe-d5e9-46b6-c1968cd7dd01.png)

「配送カスタマイズ設定名」を入力します。これは、顧客には表示されないのでわかりやすく「特定の商品を含む場合に通常配送を非表示」と入力します。

「配送カスタマイズ設定を有効化する」のドロップダウンで、設定の有効化・無効化を切り替えることができます。

![スクリーンショット 2024-08-21 15.12.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/9f83c560-87d4-9fa6-7004-73a0c022f0b9.png)

次に条件を設定します。「条件を追加」で「特定の商品が含まれる場合に」という条件を設定します。今回はお試しなのでストア上で購入できるものであれば何でも構いません。

![スクリーンショット 2024-08-21 15.16.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/3cd93876-6749-4935-9460-06f0c6db5a07.png)

![スクリーンショット 2024-08-21 15.18.11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/bc2164cb-8fda-fa13-2e88-be67e7455faf.png)

「非表示にする配送設定」で「通常配送」を選択します。

![スクリーンショット 2024-08-21 15.21.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/e610ea4e-67d9-b70a-7d2a-5734709f5398.png)

設定を「保存する」ボタンで保存します。

![スクリーンショット 2024-08-21 15.23.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/0a682a04-8b56-cfc8-2aae-5cbe9084c698.png)

設定が有効な状態で追加されていればOKです。

![スクリーンショット 2024-08-21 15.24.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/cb339430-74d4-141a-4bb6-21746cdf0c22.png)


### 実際に非表示になるか確認する

ここまでで設定は完了なので、実際に設定した商品を購入しようとすると通常配送が非表示になるのか確認してみます。

「The Collection Snowboard: Liquid」という商品を購入しようとすると「通常配送」が表示されず、
「冷凍配送」だけ表示されていました！

![スクリーンショット 2024-08-21 15.26.11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/b0d42df2-5531-690f-36a5-da8e93857ccc.png)


## まとめ

今回は、Shopify で条件に応じて配送方法を非表示にすることができるかどうかを調査し、実際にカスタマイズを試してみました。結果として、Shopify のデフォルト機能だけでは、特定の条件に応じて配送方法を非表示にすることは難しいことが分かりました。しかし、サードパーティアプリを活用することで、簡単にこの要件を実現できることが確認できました。

今回の調査と実装が、皆さんのストア運営に少しでも役立つことを願っています。ぜひ、この記事を参考にして、配送設定を見直してみてください！


## 参考記事
今回は、以下の記事を参考にしています。

- [Shopify ストアで配送方法を条件に応じて非表示にするカスタマイズ方法を徹底解説！](https://unreact.jp/blog/shopify-delivery-hidden)
- [Shopifyで指定した条件に応じて特定の配送方法を非表示にできるアプリについて徹底解説｜ご利用ガイド](https://unreact.jp/shopify-apps/sa-053-ur-shipping-custom/guide)
- [Shopify で配送方法を非表示にする方法を考察](https://zenn.dev/natsume_katu/articles/28eff6a8937168)
- [Shopifyでチェックアウトをカスタマイズして配送方法を非表示にする方法を解説！](https://unblog.unreact.jp/blog/vyb-bu43od)