お知らせバナーパーツ

4. EC + SC (EN).png

12. ブランド會員購物 App.png

お知らせバナーを追加して、今後のキャンペーンを宣伝できます。現在、管理者は3つのお知らせバナーをサポートしており、バナーの背景色とテキスト色、表示する内容、ジャンプリンクを設定できます。

 

この記事では、以下の内容を説明します:

 

1. お知らせバーパーツの設定

ステップ 1

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

Screenshot 2025-09-02 at 1.37.54 PM.png

 

ステップ 2

パーツを追加をクリックし、「キャンペーンパーツ」の下からお知らせバーパーツを選択します。

Screen_Shot_2022-09-16_at_9.29.56_AM.png

Screen_Shot_2022-09-16_at_9.30.36_AM.png

 

ステップ 2

左側のパネルでお知らせバナーをクリックします。

Screenshot 2025-09-22 at 12.26.30 PM.png

 

ステップ 3

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

i. 表示モード

  • 左右のトランジション
    GIF (8).gif
     
  • 縦のトランジション
    GIF (10).gif
     
  • フラッシュトランジション
    GIF (9).gif

ii. インターバル時間

1秒から5秒のインターバルを設定できます。

Screenshot 2025-09-22 at 1.04.12 PM.png

 

iii. 色設定

必要に応じてフォントと背景色を変更できます。

color.png

 

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

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

Screenshot 2025-09-16 at 6.09.36 PM.png

 

2. お知らせバナーの内容の設定

ステップ 1

左側のパネルに最大3つのお知らせバナーを追加します。ここでお知らせバーパーツを有効、無効、または削除することもできます。

Screenshot 2025-09-22 at 1.08.20 PM.png

 

ステップ 2

お知らせバナーをクリックし、右側の編集パネルでスタイルを選択し、以下の設定を完了します。

i. タイプを選択

  • テキスト
    Screenshot 2025-09-22 at 1.11.37 PM.png
  • カウントダウン
    Screenshot 2025-09-22 at 1.11.32 PM.png

 

ii. お知らせバナーの内容

右側の編集エリアにお知らせバナーのテキスト内容を入力します。

bar_name.png

 

お知らせバナーのカウントダウンスタイルを選択した場合、キャンペーン期間を設定し、カウントダウン前後に表示される内容をカスタマイズする必要があります。

Screenshot 2025-09-22 at 1.15.13 PM.png

 

iii. ジャンプリンク

利用可能なジャンプリンクオプションは「カテゴリ、プロモーション、カスタムURL」の3種類です。

  • カテゴリ

「カテゴリ」をチェックするビジネスオーナーの方は、⊕ 商品カテゴリを選択をクリックし、ポップアップウィンドウで適切なカテゴリを選択してください。確認後、確認をクリックします。商品リストパーツの設定方法の詳細については、この記事を参照してください。

Screenshot

 

  • プロモーション

「プロモーション」をチェックするビジネスオーナーは、⊕ プロモーションキャンペーンを選択をクリックし、ポップアップウィンドウで希望のキャンペーンを選択してください。確認後、確認をクリックします。プロモーションパーツの設定方法の詳細については、この記事を参照してください。

Screenshot

 

  • カスタムURL

「カスタムURL」をクリックするビジネスオーナーは、フィールドにリンクを入力してください。入力したリンクは「https://」または「http://」で始まる必要があります。

Screenshot

 

ステップ 3

現在の設定を保存するには保存をクリックします。すべての編集が完了したら、設定をアプリに公開するために更新して使用をクリックします。

 

 

 

 

続きを読む

 

 

 

 

 

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

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

コメント