ギフトラッピングを実装できる日本語対応の Shopify アプリを調査してみた

## はじめに
Shopify では、デフォルトの機能でギフトラッピング機能をストアに追加することはできません。その為、ギフトラッピング機能を追加するには、Shopify App Store から Shopify アプリをストアにインストールする必要があります。しかし、数多くのギフトラッピング Shopify アプリの中から最適なアプリを見つけ出すのは時間と労力が必要です。そこで今回は、ギフトラッピング機能を導入できる Shopify アプリを紹介します！

参考記事
- [Shopifyでギフトラッピングを設定する方法を考察](https://zenn.dev/natsume_katu/articles/08136554b697ed)
- [Shopify でギフトラッピングを実現する方法を徹底解説！](https://unblog.unreact.jp/blog/5tiqjn7cw8v8)
- [Shopifyで商品購入時に「ギフトラッピング」を設定する方法について徹底解説！](https://unreact.jp/blog/shopify-blog-gift)
- [Shopifyでギフトラッピング機能を実現するアプリについて徹底解説｜ご利用ガイド](https://unreact.jp/shopify-apps/sa-030-ur-gift-wrapping/guide)

## おすすめのギフトラッピング Shopify アプリ

おすすめのギフトラッピング Shopify アプリは、「[シンプルギフトラッピング｜お手軽ギフト包装アプリ](https://apps.shopify.com/shopify-application-404?locale=ja)」です。日本語に対応しており、比較的安価なのがおすすめのポイントです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/c5de56fb-d058-de29-8860-4fb4b4924090.png)

### アプリの概要
「シンプルギフトラッピング｜お手軽ギフト包装」は、ストアにギフトラッピング選択機能を導入できるアプリです。表示するギフトラッピングは簡単に設定できます。

### 主な機能

- カートページでギフトラッピングの追加注文を行える
- 表示するギフトラッピングの種類や金額を自由に設定できる
- ギフトラッピング追加フォームのデザインをカスタマイズできる

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/ffc7cf79-b2b4-3d2e-e154-b4155edd34dd.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/36dd6ac8-e858-af0e-f286-a0459148c7fe.png)


### シンプルギフトラッピング｜お手軽ギフト包装アプリの追加方法

「[シンプルギフトラッピング｜お手軽ギフト包装アプリ](https://apps.shopify.com/shopify-application-404?locale=ja)」からアプリをインストールします。

「インストール」ボタンをクリックします。

![スクリーンショット 2024-08-23 201332.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/2feaaf9e-d98d-3fe2-46d6-42d1bd7b5d61.png)

「インストール」ボタンをクリックします。

![スクリーンショット 2024-08-23 201432.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/dc48c6af-568a-c0a1-7aad-f222f9548c5e.png)

こちらのアプリ管理画面が表示されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/fbac3d56-d703-806c-6d5d-18ee93e2d2e2.png)

これでアプリのインストールは完了です。

ギフトラッピング商品を選択して、「設定を保存する」ボタンをクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/5f42d0b5-af4e-87a9-c61f-6b4f1f26699e.png)

「テーマに追加」ボタンをクリックして、テーマに App Block を追加します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/52685ff6-71eb-b656-8d7f-53ec5fb1aaaa.png)

セクションが追加されたとしてもカートに商品が入っていない場合は何も表示されません。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/01efbcd5-158b-e496-35d4-43458e9cb49e.png)

もし、App Block を追加した際に以下のエラーが出た場合は、手動で App Block を追加してください。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/56598507-4c3f-f9c0-da9a-6fe9f9fc01e0.png)


「セクションを追加」から「シンプルギフトラッピング｜お手軽ギフト包装」を選択すると、App Block を追加できます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/8fd9c677-93eb-17b4-2ded-368174c1d51f.png)

カートに商品が追加されている場合は、以下のような画面になります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/6483eeaa-3fe7-de2c-909a-2842b318ada9.png)

「ギフトラッピングを追加」ボタンをクリックすると、ポップアップが表示され、ギフトラッピング商品を追加することができます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/7e464c21-aafc-176a-f148-18c614eb8a08.png)

追加後に、ギフトラッピング商品を削除することも可能です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/242fcdc8-5fae-8d26-0321-bb3461cf3bd0.png)

通常のセクションと同様にギフトラッピング App Block の文言やデザインをカスタマイズできます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/2c52a61b-1af9-da13-7ed0-5bdfa04a7f2e.png)

「ボタン設定」では、カートページに表示される「ギフトラッピングを追加」ボタンのスタイルを変更できます。

「ボタンのテキスト」でボタンの文言、「ボタンの背景色」でボタンの背景の色、「ボタンの文字の色」でボタンの文字の色、「ボタンの枠線の色」でボタンの枠線の色、「ボタンの丸み」でボタンの枠線の丸み、「ボタンの位置」でボタンのテキストの位置を変更できます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/f87f57a1-3a66-c5a1-da22-f683439fc47b.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/f2cbb9ee-688d-b61f-518f-3df945b87fe4.png)


「ポップアップの設定」では、「ギフトラッピングを追加」を押した際に表示されるポップアップのスタイルの変更ができます。

「ギフトラッピング欄のラベルテキスト」でポップアップのラベルの文字、「バリエーション名のラベルテキスト」でバリエーション欄のラベルの文字、「備考入力欄のラベルテキスト」で備考欄のラベルの文字、「備考のプレースホルダ—」で備考のプレースホルダ—の文字を変更できます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/de593abe-7319-0227-7e02-6189e4ff2187.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/e05f87ad-24ba-6b65-5504-b7df4200b231.png)

これで、ギフトラッピング Shopify アプリの設定からスタイル変更まで完了です。

## 海外のギフトラッピング Shopify アプリ

海外のアプリでも良いという方は、以下のアプリがおすすめです。

### Gift Wrap Plus

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/9899eb90-f1f6-b8de-e2a4-7b7d6289d16b.png)

#### アプリの概要
Shopifyのデフォルトでは、ギフトラッピング機能が付属していません。ギフトラッピングをご希望のお客様は、同時にそれをカスタマイズするための多くの追加機能を持つ私たちのアプリを使用することができます。自動的にギフトラップ機能をあなたのストアに追加し、ギフトラップ商品ごとに異なる価格帯を作成することができます。商品レベルでギフトラップを追加することができます。つまり、ギフトラッププラスを使用すると、1つの商品、特に多くの商品、コレクションにギフトラップを追加することができます。

#### 主な機能
- コレクションのみのギフトラッピングを作成できる
- すべての商品に対してギフトラッピングを作成できる
- 特定の商品のみにギフトラッピングを作成できる

### EasyFlow Product Options

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/665523/76ced589-3fb9-d510-9aae-84f3a5229932.png)

#### アプリ概要

当社の直感的な製品オプションバリアントアプリを使用して、顧客がニーズに合わせて製品をカスタマイズできるようにします。私たちのバリアントオプションアプリは、ストアフロントで高速にロードされます。テキストボックス、イメージスウォッチ、ドロップダウン、チェックボックス、ボタン、ファイルアップロードなどを使って無限の商品オプション、バリアントを作成できます。多通貨対応のアドオンでアップセルし、より高いAOVを実現します。オプションの一括編集/適用、オプションセットの効率的な管理。バリアントオプションアプリを使えば、今まで以上に素早く商品にオプションを追加できます。

#### 主な機能

- バリアントオプションと商品オプションの数は無制限
- テキスト入力、画像スウォッチ、ドロップダウン、チェックボックス、ファイルアップロード、その他のオプション
- 条件付きロジック： 選択によってオプションを表示/非表示。Shopify バリアントと連動される
- 収益を上げるために価格アドオンでアップセル、多通貨サポート
- 一括編集/適用： 既存のオプションをコピーして商品に追加することで時間を節約できる

## まとめ
今回は、ギフトラッピングを実装できる日本語対応の Shopify アプリを紹介しました。
ギフトラッピング機能は、Shopify のデフォルト機能やコーディングでの実装が難しいため、アプリをインストールするしかありません。皆さんの工数を少しでも削減できればと思います。

## 参考・関連記事

- [Shopifyでギフトラッピングを設定する方法を考察](https://zenn.dev/natsume_katu/articles/08136554b697ed)
- [Shopify でギフトラッピングを実現する方法を徹底解説！](https://unblog.unreact.jp/blog/5tiqjn7cw8v8)
- [Shopifyで商品購入時に「ギフトラッピング」を設定する方法について徹底解説！](https://unreact.jp/blog/shopify-blog-gift)
- [Shopifyでギフトラッピング機能を実現するアプリについて徹底解説｜ご利用ガイド](https://unreact.jp/shopify-apps/sa-030-ur-gift-wrapping/guide)