Shopifyでノベルティ付与ができるアプリを紹介｜インストールから使い方まで徹底解説

## はじめに

本記事では、Shopify でノベルティ付与ができるアプリを紹介致します。アプリのインストール方法から使い方まで解説していきます。

それでは頑張っていきましょう。

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

- [Shopify のノベルティの設定方法｜アプリの使い方を徹底解説](https://unreact.jp/blog/shopify-app-novelty)
- [Shopify でノベルティを設定する方法を考察](https://zenn.dev/natsume_katu/articles/210a7ab34f0dd7)
- [【2024】Shopifyでのノベルティ付与について調べてみた](https://unblog.unreact.jp/blog/3wh78qcrddf3)
- [Shopifyで条件を満たす注文にノベルティ商品を自動で付与できるアプリについて徹底解説｜ご利用ガイド](https://unreact.jp/shopify-apps/sa-043-ur-novelty-app/guide)

## Shopify におけるノベルティ付与とは？

Shopify におけるノベルティ付与とは、特定の条件を満たした顧客に対して、商品とは別に無料でプレゼントを提供する仕組みを指します。

例えば、「一定金額以上の購入で無料ギフトをプレゼント」「特定の商品を購入すると無料ギフトをプレゼント」などの形で、顧客に追加の価値を提供します

Shopify アプリを用いることで、ノベルティ付与の設定や管理を簡単に行うことができます。

## Shopify でノベルティ付与ができるアプリ

今回は、Shopify でノベルティ付与ができるアプリとして、2 つのアプリを紹介致します。

- シンプルノベルティ｜お手軽ギフト特典
- Gift Box | Free Gift Selection

それでは順番に解説していきます。

### シンプルノベルティ｜お手軽ギフト特典

[![シンプルノベルティ｜お手軽ギフト特典](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823110723-sa-043-ur-novelty-app_feature-media.png)](https://apps.shopify.com/shopify-application-435?locale=ja)

「シンプルノベルティ｜お手軽ギフト特典」は、条件を満たした注文に対してノベルティを付与できるアプリです。

アプリの詳しい使い方は以下のご利用ガイドより確認できます。ご興味のある方は、是非ご利用ガイドを確認してみてください。

[Shopify で条件を満たす注文にノベルティ商品を自動で付与できるアプリについて徹底解説｜ご利用ガイド](https://unreact.jp/shopify-apps/sa-043-ur-novelty-app/guide)

以下、アプリの主な特徴です。

#### 注文の金額や個数に応じてノベルティを付与！

注文の金額や個数に応じてノベルティを付与できます。

![注文の金額や個数に応じてノベルティを付与！](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823111044-sa-043-ur-novelty-app_screenshots_1.png)

#### 設定した商品が注文に含まれる場合にノベルティを付与！

設定した商品が注文に含まれる場合にノベルティを付与できます。

![設定した商品が注文に含まれる場合にノベルティを付与！](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823110723-sa-043-ur-novelty-app_screenshots_2.png)

#### ノベルティ設定を簡単にできる！

ノベルティ設定を簡単にできます。

![ノベルティ設定を簡単にできる！](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823110723-sa-043-ur-novelty-app_screenshots_3.png)

#### ノベルティ対象注文に対して自動でタグ付けできる！

ノベルティ対象注文に対して自動でタグ付けできます。

![ノベルティ対象注文に対して自動でタグ付けできる！](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823110723-sa-043-ur-novelty-app_screenshots_4.png)

#### ノベルティ対象顧客に対して自動でタグ付けできる！

ノベルティ対象顧客に対して自動でタグ付けできます。

![ノベルティ対象顧客に対して自動でタグ付けできる！](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823110723-sa-043-ur-novelty-app_screenshots_5.png)

#### ノベルティの付与を初回限りにするかどうかを選べる！

ノベルティの付与を初回限りにするかどうかを選べます。

![ノベルティの付与を初回限りにするかどうかを選べる！](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823110723-sa-043-ur-novelty-app_screenshots_6.png)

それではアプリをインストールしていきましょう。

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

以下のアプリストアにアクセスしてください。

[「シンプルノベルティ｜お手軽ギフト特典」｜アプリストア](https://apps.shopify.com/shopify-application-435?locale=ja)

以下の画面遷移します。「インストール」ボタンをクリックしてください。

![アプリストア画面](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240810050923-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-10%252013.00.35.png)

以下の画面に遷移します。右下の「インストール」ボタンをクリックしてください。

![右下の「インストール」ボタンをクリック](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240810050940-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-10%252013.01.06.png)

以下の管理画面が表示されましたら、アプリのインストールは完了です。

![アプリのインストールは完了](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240810050940-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-10%252013.01.06.png)

#### 商品ノベルティを設定

今回は一例として、特定の商品を購入したら、ノベルティが付与されるような設定（商品ノベルティを設定）をしていきます。

なお、「シンプルノベルティ｜お手軽ギフト特典」は、注文の金額や個数に応じたノベルティ付与（注文ノベルティ）も設定することができます。
今回は、注文ノベルティの設定は割愛させていただきます。

##### 共通設定

それでは、まず共通設定を行います。

「ダッシュボード」ページに移動してください。

###### 1. ノベルティ設定を有効化

ノベルティ設置の有効化・無効化のドロップダウンで「有効」を選択してください。

![ノベルティ設定を有効化する](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240810051405-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-10%252013.03.14.png)

###### 2. ノベルティ対象注文に付与するタグの設定

設定するとノベルティの対象となる注文に自動でタグをつけることができます。

今回は、「ノベルティ対象」と入力してください。

![ノベルティ対象注文に付与するタグの設定](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823113014-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252020.29.49.png)

###### 3. ノベルティ対象顧客に付与するタグの設定

設定するとノベルティの対象となる顧客に自動でタグをつけることができます。

今回は、「ノベルティプレゼント済み」と入力してください。

![「ノベルティプレゼント済み」と入力](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823113147-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252020.31.26.png)

###### 4. 初回のみノベルティをプレゼントするかどうかを設定

チェックをつけると、ノベルティ対象顧客に付与するタグがついている顧客の注文にノベルティ商品が付与されなくなります。

今回は、チェックを入れておきましょう。

![初回のみノベルティをプレゼントするかドウかを設定](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823113304-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252020.32.42.png)

##### 商品ノベルティ設定を追加

次に、商品ノベルティの設定をしましょう。

商品ノベルティでは、注文に特定の商品が含まれる場合にノベルティを付与できます。

また、商品ノベルティ設定は複数作成でき、それぞれ対象商品とノベルティ商品を設定することができます。

「商品ノベルティを設定する」ボタンをクリックしてください。

![「商品ノベルティを設定する」ボタンをクリック](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823113732-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252020.37.03.png)

以下の「商品ノベルティ管理」画面が表示されるので、右上の「商品ノベルティ設定を追加」ボタンをクリックしてください。

![「商品ノベルティ設定を追加」ボタンをクリック](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240812055141-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-10%252013.17.38.png)

以下の画面に遷移します。

![以下の画面に遷移](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240812055253-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-10%252013.18.04.png)

###### 1. 商品ノベルティ設定名を入力

まず商品ノベルティ設定名を入力します。

「ノベルティ付与」と入力してください。

![「ノベルティ付与」と入力](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823115330-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252020.53.02.png)

###### 2. 商品を選択

次にノベルティを付与する商品を選択してください。

![ノベルティを付与する商品を選択](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823115500-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252020.54.37.png)

###### 3. ノベルティ商品を選択

付与するノベルティ商品を選択してください。

![ノベルティ商品を選択](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823115813-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252020.57.55.png)

###### 4. 商品ノベルティを保存

商品ノベルティを作成したら、「保存する」ボタンをクリックしてください。

![「保存する」ボタンをクリック](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823115916-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252020.58.58.png)

保存すると、以下の画面に移動します。作成した商品ノベルティ設定が表示されているのが確認できます。

![作成した商品ノベルティ設定が表示されているのが確認](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823120159-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252021.01.28.png)

以上で、特定の商品を購入したら、ノベルティが付与される商品ノベルティの作成が完了しました。

#### ストアフロントでの挙動の確認

挙動を確認します。

ノベルティ設定した商品の「商品」ページに移動してください。
「今すぐ購入」ボタンをクリックしてください。

![商品」ページに移動](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823120513-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252021.04.55.png)

商品を購入してください。

![商品を購入](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823120625-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252021.06.22.png)

管理画面の「注文管理」ページに移動してください。
タグに「ノベルティ対象」と付与されている注文をクリックしてください。

![「ノベルティ対象」と付与されている注文をクリック](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823120955-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252021.09.38.png)

ノベルティ商品が付与されているのが確認できます。

![ノベルティ商品が付与されているのが確認](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823121140-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252021.11.37.png)

### Gift Box | Free Gift Selection

[![Gift Box | Free Gift Selection](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823121320-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252021.13.17.png)](https://apps.shopify.com/gift-box?locale=ja)

Gift Box | Free Gift Selection は、カートへの無料ギフト追加ができるアプリです。

> 以下アプリストアからの引用です。
>
> - 無料ギフト – 無料製品を提供することで、顧客の購買意欲を高めます
> - ギフトルール – コレクション Y で$X を使う、商品 Z を購入するなどのルールを設定します
> - カート内のギフト – 無料ギフトはカートに直接追加されます
> - 完全な互換性 – 顧客は無料ギフトと割引コードの両方を楽しむことができます
> - ギフトの選択 – お客様がオプションのリストから自分のギフトを選択できるようにします。

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

それでは、アプリのインストールを行っていきましょう。以下のリンクにアクセスしてください。

[「Gift Box | Free Gift Selection」｜アプリストア](https://apps.shopify.com/gift-box?locale=ja)

「インストール」ボタンをクリックしてください。

![「インストール」ボタンをクリック](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823122939-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252021.29.19.png)

以下の画面に遷移します。

「インストール」ボタンをクリックしてください。

![「インストール」ボタンをクリック](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823123131-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252021.30.26.png)

以下の管理画面が表示されます。

![以下の管理画面が表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823123251-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252021.32.48.png)

#### ギフトセットアップ

今回は、特定の商品を購入したら、無料ギフトが付与されるようなギフトセットアップをしていきます。

「無料ギフトセレクション」をクリックしてください。

![「無料ギフトセレクション」をクリック](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823123549-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252021.35.30.png)

##### 1. ギフト名を入力

ギフト名を入力してください。

「ノベルティ」と入力してください。

![「ノベルティ」と入力](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823123956-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252021.39.34.png)

##### 2. 無料ギフトを選択

ギフトにしたい商品を選択します。

![ギフトを選択](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823124226-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252021.41.58.png)

##### 3. ギフト条件

ギフト条件を設定します。今回は「製品 x を購入」を選択してください。選択した商品を顧客が購入した際に、ギフトが付与されます。

![「製品 x を購入」を選択](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823124451-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252021.44.28.png)

ギフトを付与したい商品を選択してください。

![商品を選択](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823124756-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252021.45.34.png)

##### 4. ギフト数量

ギフトの数量を選択します。今回は、「ギフトは常に 1 つの製品です」を選択します。

![ギフト数量](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240825043617-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-25%252013.32.33.png)

##### 5. テキストをカスタマイズ

ストアフロントで表示されるのタイトルとサブタイトルをカスタマイズできます。

今回は、「タイトルとサブタイトルをカスタマイズする」を選択します。

空のカート・条件が満たされていない場合の文言を設定します。

タイトルに「製品を購入してください。」・サブタイトルに「無料ギフトを 1 つ選択してください。」と入力してください。

![空のカート・条件が満たされていない場合の文言を設定](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240825052131-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-25%252014.21.09.png)

次に、条件が満たされたときの文言を設定します。

タイトルに「無料ギフトを選んでください。」・サブタイトルに「選んだギフトは無料です。」と入力してください。

![条件が満たされたときの文言を設定](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240825052423-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-25%252014.24.07.png)

##### 6. 追加の条件

お客様が無料ギフトを受け取るための追加条件を設定できます。

今回は何も設定しません。

![追加の条件](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240825052530-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-25%252014.25.14.png)

##### 7. アクティブ日付

無料ギフトを付与できる期間を設定します。

![アクティブ日付](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240825052634-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-25%252014.26.17.png)

##### 8. 保存してアクティブ化

最後に設定が完了したら、「保存してアクティブ化」ボタンをクリックして、設定を保存しましょう。

![保存してアクティブ化](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240825044100-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-25%252013.40.41.png)

#### 文言のカスタマイズ

次に、文言のカスタマイズを行います。ストアフロントで表示されるポップアップの文言をカスタマイズします。

サイドバーの「設定」をクリックして、「設定」ページに移動してください。

![「設定」ページに移動](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240825045447-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-25%252013.54.16.png)

##### 1. ポップアップウィンドウのタイトル・サブタイトルの設定

ポップアップのタイトルを入力します。
今回は、「無料ギフトをプレゼント」と入力してください。

![タイトルの設定](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240825051322-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-25%252014.12.51.png)

サブタイトルの設定をします。

今回は、「字幕を非表示にする」にチェックを入れます。

![サブタイトルの設定](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240825051432-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-25%252014.14.15.png)

##### 2. ギフトが追加されたときのタイトル・サブタイトルの設定

ギフトがカートに追加されたときのタイトル・サブタイトルの設定をします。

タイトルには、「無料ギフトを追加しました。」と入力してください。

![「無料ギフトを追加しました。」と入力](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240825053453-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-25%252014.34.36.png)

サブタイトルを入力します。「追加したギフトは無料です。」と入力してください。

![「追加したギフトは無料です。」と入力](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545006/0a61d3f3-6d2f-e07f-3e0f-8007d70134ba.png)

以上で文言のカスタマイズは終了です。

#### ストアフロントでの挙動の確認

ストアフロントでの挙動を確認します。

まず、無料ギフトに設定した商品の「商品詳細」ページに移動してください。

「カートに追加」ボタンをクリックして、商品をカートに入れましょう。

![スクリーンショット 2024-08-25 15.25.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545006/04b4a483-ed0a-18a1-a993-2bc0a113cfc4.png)

カートページに移動します。右下の「ギフトアイコン」をクリックしてください。

![「ギフトアイコン」をクリック](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545006/64d393c9-6642-c320-ce4e-3508663fbaab.png)

以下のようなモーダルが表示されます。

![モーダルが表示](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545006/0eca0508-48a6-4cc3-0cc4-21e7fa73264a.png)

以下のようにカートに「ノベルティ２」が追加されます。

「ノベルティ２」をクリックしてください。

![スクリーンショット 2024-08-25 15.41.31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545006/b4206195-c557-219c-26a0-898a9139e64e.png)

Gift Box | Free Gift Selectionのアプリの使い方は以上です。

##　最後に

本記事では、Shopify でノベルティ付与ができるアプリを２つ紹介致しました。アプリのインストール方法から使い方まで解説しました。

それでは頑張っていきましょう。

今回紹介した Shopify アプリの中で気になるアプリがありましたら、ぜひ一度試してみてください。

[![シンプルノベルティ｜お手軽ギフト特典](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823110723-sa-043-ur-novelty-app_feature-media.png)](https://apps.shopify.com/shopify-application-435?locale=ja)

[![Gift Box | Free Gift Selection](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/240823121320-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202024-08-23%252021.13.17.png)](https://apps.shopify.com/gift-box?locale=ja)


## 参考記事

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

- [Shopify のノベルティの設定方法｜アプリの使い方を徹底解説](https://unreact.jp/blog/shopify-app-novelty)
- [Shopify でノベルティを設定する方法を考察](https://zenn.dev/natsume_katu/articles/210a7ab34f0dd7)
- [【2024】Shopifyでのノベルティ付与について調べてみた](https://unblog.unreact.jp/blog/3wh78qcrddf3)
- [Shopifyで条件を満たす注文にノベルティ商品を自動で付与できるアプリについて徹底解説｜ご利用ガイド](https://unreact.jp/shopify-apps/sa-043-ur-novelty-app/guide)