定期便 App
定期便 App について
指定した販売サイクルと継続回数で、商品を定期販売することができる App です。
初回価格設定機能について
定期便商品において、1回目の価格と2回目以降の価格を別々に設定できる機能です。
例えば、初回は500円、2回目以降は1,000円といった設定が可 能です。商品詳細ページではそれぞれの価格を表示することを強く推奨します。
現在、セール App と併用する場合、初回価格と2回目以降価格の両方に同じ割引率が適用されるため、それぞれに別の割引率を適用することはできません。
タグ一覧
定期便の初回価格機能を表示するために必要なタグ一覧です。
ブロック
if (条件を満たす場合に表示)
| タグ | 説明 |
|---|---|
{block:NoSubscriptionInitialPrice} | 商品に初回価格が設定されていない ※ 初回価格と2回目以降価格が同額で設定されている場合も表示されます ※ 定期便商品ではない場合も表示されます |
{block:HasSubscriptionInitialPrice} | 商品に初回価格が設定されている |
{block:NoSubscriptionInitialProperPrice} | 商品の初回価格にセールが適用されていない ※ 定期便商品ではない場合も表示されます |
{block:HasSubscriptionInitialProperPrice} | 商品の初回価格にセールが適用されている |
{block:NoSubscriptionRepeatProperPrice} | 商品の2回目以降価格にセールが適用されていない ※ 定期便商品ではない場合も表示されます |
{block:HasSubscriptionRepeatProperPrice} | 商品の2回目以降価格にセールが適用されている |
変数
コンテンツ
| タグ | 説明 |
|---|---|
{SubscriptionInitialPrice} | 初回価格 ※ 初回価格の設定された定期便の商品でのみ表示されます |
{SubscriptionRepeatPrice} | 2回目以降の価格 ※ 定期便の商品でのみ表示されます |
{SubscriptionInitialProperPrice} | セール適用前の初回価格 ※ 初回価格の設定された定期便の商品でのみ表示されます ※ セール中の商品でのみ表示されます |
{SubscriptionRepeatProperPrice} | セール適用前の2回目以降価格 ※ 定期便の商品でのみ表示されます ※ セール中の商品でのみ表示されます |
{ItemDiscountRate} | 商品の割引率 ※ セール中の商品でのみ表示されます |
なお初回価格が設定されている場合、 {ItemPrice} {ItemProperPrice} などには初回価格のみが表示されます。
初回価格と2回目以降の価格の両方を表示せずに単一の価格のみを表示する場合は、初回価格を優先して表示してください。( {ItemPrice} {ItemProperPrice} などを利用してください)
ローカライズテキスト
下記タグを使用すると、英語・外貨対応 App を利用しているショップで英語表記を選択された時に対応する英語が表示されます。
| タグ | 日本語 | 英語 |
|---|---|---|
{lang:SubscriptionInitialPrice} | 初回価格 | Initial price |
{lang:SubscriptionRepeatPrice} | 2回目以降 | From 2nd delivery |
英語・外貨対応 App のその他のローカライズテキストはこちら。
対応が必要な箇所一覧
商品詳細ページ（初回価格・2回目以降価格の表示）
定期便商品で初回価格が設定されている場合、初回価格と2回目以降価格の両方を表示してください。
セール App と併用している場合は、それぞれの価格でセール適用前後の価格を表示してください。
定期便の価格に関する分岐について確認する際は以下のパターンを参考にしてください。
| No | 備考 | 定期便商品 | 初回価格の設定 | セール |
|---|---|---|---|---|
| 1 | 通常商品 | |||
| 2 | セール中の通常商品 | ⚪︎ | ||
| 3 | 定期便商品 | ⚪︎ | ||
| 4 | セール中の定期便商品 | ⚪︎ | ⚪︎ | |
| 5 | 初回価格の設定された定期便商品 | ⚪︎ | ⚪︎ | |
| 6 | 初回価格の設定されたセール中の定期便商品 | ⚪︎ | ⚪︎ | ⚪︎ |
実装例
初回価格の設定有無により表示を切り替える基本的な実装例です。
必ずしもこの通りの分岐にする必要はありませんが、動作のチェックを満たすように実装してください。
注記情報の表示
定期便の販売サイクルや継続回数などの情報は、 {ItemAttentionTag} で自動的に表示されます。
{ItemAttentionTag}
デザインマーケットで販売するテーマを作る時の注意点
- 初回価格が設定されている場合、されていない場合のどちらのケースでもデザインが崩れないように実装してください
- 価格の桁数が多い場合（6〜8桁）にデザインが崩れないように実装してください
- 在庫がない場合、
SOLD OUTなどの表記と併せてデザインが崩れないように実装してください - 英語・外貨対応 App に対応する場合、外貨表示をさせた場合でもデザインが崩れないように実装してください
動作のチェック
動作確認するには下記項目を参考にしてください。
商品詳細ページ
- 商品の価格の桁数が6桁、7桁、8桁など多い場合に不自然に改行されないこと
初回価格設定がない場合
- 定期便の商品、定期便以外の商品どちらでも価格が正常に表示されていること
初回価格設定がある場合
- 初回価格と2回目以降価格の両方が表示されていること
- それぞれの価格が明確に区別されて表示されていること
- ラベルとして
{lang:SubscriptionInitialPrice}{lang:SubscriptionRepeatPrice}を利用していること（初回価格: ¥xxx のような表示になっていること）
- ラベルとして
セール App と併用する場合
- 初回価格・2回目以降価格の両方にセールが適用されていること
- セール適用前後の価格が正しく表示されていること
英語・外貨対応 App と併用する場合
- 外貨表示時にも初回価格・2回目以降価格が正しく表示されていること
- 価格の桁数が多い場合でも不自然な改行が発生しないこと
- 英語表示時にレイアウトが崩れないこと
トップページ、商品一覧ページ
- 初回価格設定がある場合に、以下のいずれかを満たしていること
- 初回価格と2回目以降価格の両方が表示されている
- 初回価格のみが表示されている（初回価格が設定されている場合、
{ItemPrice}は初回価格を表示するため{ItemPrice}を利用してください）