クーポンコードパーツ |Shopper App

4. EC + SC (EN).png
12. ブランド會員購物 App.png

アプリ内で進行中のストアプロモーションを表示し、顧客が利用可能なクーポンを取得できるようにします。

⚠️ 始める前に、以下のことをお忘れなく: 古い割引コードパーツはもはや利用できません。ただし、すでにアプリに設定して公開している場合は、引き続き表示され、正常に機能します。

 

この記事では以下の内容をカバーします:

 

1. クーポンコードパーツの設定

ステップ 1

SHOPLINE管理画面に移動し、> [Shopper App管理] > [アプリデザイン] > [トップページデザイン] > [現在のテンプレート]を選択します。設定をクリックしてアプリページエディタに入ります。

Screenshot 2025-09-02 at 1.37.54 PM.png

 

ステップ 2

パーツを追加するにはパーツを追加をクリックし、「クーポンコード」パーツを選択します。それを中央のプレビューエリアにドラッグして、パーツを挿入できる場所に配置します。

Screenshot 2025-09-16 at 5.37.33 PM.png
Screenshot 2025-09-19 at 1.57.24 PM copy.png

 

ステップ 3

右側の編集エリアで以下の設定を完了します。

i. タイトル

タイトルを設定します。割引コードの割引タイプを入力することをお勧めします。最大100文字まで入力できます。

Screenshot 2025-09-19 at 3.04.39 PM.png

 

ii. リリーススケジュール(オプション)

リリース時間を設定した場合、指定された時間にアプリにパーツが表示されます。

Screenshot 2025-09-16 at 6.09.36 PM.png

 

2. プロモーションの設定

ステップ 1

左側のパネルに最大5つのプロモーションを追加します。また、ここでクーポンコードパーツを有効、無効、または削除することもできます。

Screenshot 2025-09-19 at 2.46.19 PM.png

 

ステップ 2

プロモーションを選択し、右側の編集パネルでプロモーションキャンペーンを選択をクリックします。選択を行い、確認をクリックします。

*Note:

  • まず、SHOPLINE管理画面に移動し、> [プロモーションとリワード]でキャンペーンを作成してください。サポートされているプロモーションタイプには、プロモーション、送料無料、バンドルプロモーション、リワードキャンペーンが含まれます。
  • 現在、「自動適用プロモーション」または「クーポン」に設定された適用方法のプロモーションのみがサポートされています。クーポンの取得方法が「ストアクーポンセンターにクーポンを表示」または「リンクまたは顧客グループを介してクーポンを送信」に設定されている場合、顧客はまだ受け取っていない場合、このパーツを通じてクーポンを取得することもできます。
Screenshot 2025-09-19 at 2.47.11 PM.png
Screenshot 2025-09-19 at 2.48.01 PM.png

 

ステップ 3

保存をクリックして変更を保存します。すべての編集が完了したら、更新して使用をクリックして、変更をアプリに公開します。

Screenshot 2025-09-19 at 3.02.10 PM.png

 

3. アプリの表示効果

  • 複数のプロモーションがある場合、顧客は左右にスワイプしてさらに表示できます。
  • 割引、ギフト、送料無料のプロモーションには異なるアイコンが表示されます。送料無料のプロモーションはオレンジ色でスタイリングされ、他のプロモーションは赤色でスタイリングされます。
  • 取得が必要なクーポンには「取得」ボタンが表示されます。顧客がクーポンを正常に取得すると、「表示」ボタンに更新されます。
GIF-vertical (4).gif

 

 

 

 

 

この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

コメント