ボタン設定例
「いつ」「どこで」「だれに」「なにを」配信するのかを
施策の内容に合わせて設定することができます。
以下はこちらのプリセットの設定例です。
※「-」は設定なしの項目です。
| パネル |
|---|
| panelIconId | 1f5d3 |
|---|
| panelIcon | :calendar_spiral: |
|---|
| panelIconText | 🗓️ |
|---|
| bgColor | #FFF0B3 |
|---|
|
いつ |
| パネル |
|---|
| panelIconId | 1f5fa |
|---|
| panelIcon | :map: |
|---|
| panelIconText | 🗺️ |
|---|
| bgColor | #FF8F73 |
|---|
|
どこで |
ボタン表示ページURL | 商品詳細 |
|---|
ボタン非表示ページURL | 在庫僅少表示されていないところには表示されない |
ボタン表示位置 | 中央下10px |
| パネル |
|---|
| panelIconId | 1f468-200d-1f469-200d-1f466 |
|---|
| panelIcon | :family_man_woman_boy: |
|---|
| panelIconText | 👨👩👦 |
|---|
| bgColor | #998DD9 |
|---|
|
だれに |
ボタン有効化条件
（対象ユーザー） | すべてのユーザー |
|---|
指定方法（futureshop） | コマースクリエイターの場合
#fs_form > div > div.fs-l-productLayout__item.fs-l-productLayout__item--2 > div.fs-c-productChooseVariation > div > div > ul > li:nth-child(1) > label > span.fs-c-variationPanelList__panel__content > span.fs-c-variationPanelList__panel__stock.fs-c-variationPanelList__panel__stock--lowInStock |
| パネル |
|---|
| panelIconId | atlassian-flag_on |
|---|
| panelIcon | :flag_on: |
|---|
| panelIconText | :flag_on: |
|---|
| bgColor | #79E2F2 |
|---|
|
なにを |
ボタンの種類 | ポップアップ |
|---|
ボタン画像（サンプル） |  |
ボタンアニメーション | なし |
| パネル |
|---|
| panelIconId | 1f530 |
|---|
| panelIcon | :beginner: |
|---|
| panelIconText | 🔰 |
|---|
| bgColor | #57D9A3 |
|---|
|
設定ファイル |
ボタン押下後のリンク先、ボタン有効化条件については、ご自身のサイトに合わせた設定をお願いします。
有効化条件の設定方法についてはこちらの記事をご確認ください。
設定ファイルのインポート方法についてはこちらの記事をご確認ください。
PC表示設定ファイル | スマホ表示設定ファイル設定ファイルのインポート方法についてはこちらの記事をご確認ください。
PC表示設定ファイル | | View file |
|---|
| name | buttons_5861921114816512_part_21c1c00a-3478-4f31-b4bc-b10e51000a67_20240513_160821.json |
|---|
|
|
|---|
スマホ表示設定ファイル | | View file |
|---|
| name | buttons_5861921114816512_part_096d6992-f06a-443f-8c3a-bb71fb6cfcdd_20240513_160838.json |
|---|
|
|
