# お試し対象商品の設定

> STEP 2-6

お試し購入の対象にする商品を設定します。対象は、次の2つで決まります。

| 設定 | 決めること | 操作 |
|---|---|---|
| [1. お試しボタンの表示](#1-お試しボタンの表示) | 商品ページにお試しボタンを表示する商品 | 商品タグまたはコレクションで設定します |
| [2. Shopifyの購入オプション](#2-shopifyの購入オプション) | お試し購入で注文できる商品 | Recustomerがすべての商品を自動で追加します。通常は操作不要です |

## 1. お試しボタンの表示

Shopifyの商品ページでお試しボタンを表示する商品・表示しない商品を設定します。

> **注意: 注意**
>
> - **フロントエンド直接コード方式をご利用の場合**：この表示制御は、[アプリブロックで設置する方法](./storefront.html#1-アプリブロックで設置する方法)でお試しボタンを実装した場合に使用できます。[フロントエンドに直接コードを書いて設置する方法](./storefront.html#2-フロントエンドに直接コードを書いて設置する方法)で実装した場合は、表示の出し分けもコード側で実装してください
> - **返品ポリシーの対象商品との整合を確認してください**：返品ポリシーで「返品交換不可」に設定している商品（アウトレット商品など）は、お試しボタンの対象からも外してください。お試しで購入されたあとに返品申請すると「対象外商品」として承認できなくなり、Recustomer外での返品対応が必要になります

1. Shopify側で、お試しボタンを表示したい商品（または非表示にしたい商品）に、商品タグもしくは商品コレクションを設定します
2. Recustomerの管理画面で、[設定 > 購入オプション > お試し購入 > お試しボタン](https://rcmr.io/settings/purchase-option/trial-button) へ移動します
3. 「お試しボタン表示対象ロジック」をクリックします

    ![動的なお試しボタンの一覧画面。優先度1の「お試しボタン表示対象ロジック」（表示タイプ：ボタン、ステータス：公開中）をクリックします](images/02d_button-logic-list.png)

4. 条件の「AND条件を追加」を押し、「コレクション」または「商品タグ」を選択して、手順1で設定したコレクション名・商品タグ名を入力します

    ![動的なお試しボタンの編集画面。「条件」で「在庫 より大きいか等しい 1」かつ「コレクション 含む Trial」を設定した例。「AND条件を追加」「OR条件を追加」で条件を組み合わせられます。右側の「お試しボタンの表示」では、通常購入ボタンとお試しボタンの併記・お試しボタンのみ・非表示を選べます](images/02d_button-logic.png)

5. 「動的なお試しボタン」一覧画面の上部に表示されているIDをコピーします

    ![動的なお試しボタンの一覧画面。上部のお知らせ欄の先頭（赤枠部分）にIDが表示されています](images/02d_button-logic-banner.png)

6. テーマエディタのお試しブロック設定「表示制御スクリプトID」に、コピーしたIDを入力します

[動画: tbyb-display-control-id.mp4]

## 2. Shopifyの購入オプション

お試し購入は、Shopifyの購入オプションとして商品に追加されます。お試し購入の購入オプションはストアに1つで、すべての商品で同じ条件（[お試しポリシー](./trial-settings.html)）を使います。

- [お試し購入の利用を開始](./activation.html)すると、Recustomerがストアのすべての商品を購入オプションに追加します
- そのあとに作った商品は、約12時間おきに自動で追加します
- 購入オプションから外した商品は、自動では追加し直しません
- アプリを入れ直してお試し購入を再開したときは、外していた商品も対象に戻ることがあります（→ [アプリを入れ直したとき](./activation.html#2-アプリを入れ直したとき)）

### 購入オプションを確認する

Shopify管理画面で商品の詳細ページを開くと、「購入オプション」カードに、お試し購入の購入オプション（recustomer_tbyb）が表示されます。

![Shopifyの商品詳細ページ。「購入オプション」カードに、お試し購入の購入オプション（recustomer_tbyb）が表示され、右側に鉛筆と×のアイコンがあります](images/02f_purchase-options.png)

鉛筆のアイコンを押すと、Recustomerの画面が開き、お試し購入の新規受付の状態と前払い金を確認できます。お試し期間や決済のタイミングは、[お試しポリシー](./trial-settings.html)で確認・変更します。

### 商品を購入オプションから外す

1. Shopify管理画面で、対象の商品の詳細ページを開きます
2. 「購入オプション」カードで、お試し購入の購入オプションの「×」を押します

外した商品は、お試し購入で注文できなくなります。

### 商品を購入オプションに追加する

外した商品をもう一度お試し購入の対象にするときに行います。

1. Shopify管理画面で、対象の商品の詳細ページを開きます
2. 「購入オプション」カードの「既存の購入オプションに追加」を押し、お試し購入の購入オプション（recustomer_tbyb）を選びます

※お試し購入の購入オプションはストアに1つのため、「購入オプション」カードから新しく作る必要はありません