Developers

Developers

  • BASE API
  • BASE Template

›Apps

BASE Template

  • はじめに
  • 更新情報
  • テーマの作成方法

    • テーマの作成・管理方法
    • テーマエディタの使い方

    テーマの販売方法(デザインマーケット)

    • テーマを販売したい方へ
    • デザイナー登録
    • デザインガイドライン
    • デモ用ショップに関する注意事項
    • 新規テーマの販売申請
    • テーマのアップデート申請
    • テーマ申請チェックリスト

    基本設定

    • 全体構成
    • 必須タグ
    • <head>仕様
    • <body>仕様
    • ナビゲーションに関する仕様

    各ページの仕様

    • ページ構成

    商品ページ

    • 商品ステータス
    • 購入ボタンの制御
    • 商品情報
    • Pay ID あと払いウィジェット
    • モーダル

    テンプレートタグ

    • 非表示
    • ページ
    • デザインオプション
    • ショップ
    • url
    • イテレータ
    • 商品
    • ソーシャル
    • 関連商品
    • コンテンツ
    • sandboxタグ

    Apps

    • 商品検索App
    • カテゴリ管理App
    • ラベルApp
    • Blog App
    • セールApp
    • 英語・外貨対応App
    • ショップコインApp
    • BASEロゴ非表示App
    • デジタルコンテンツApp
    • レビューApp
    • 販売期間設定App
    • 予約販売App
    • メッセージApp
    • 送料詳細設定App
    • 商品説明カスタムApp
    • 抽選販売App
    • テイクアウトApp
    • 商品オプションApp
    • コミュニティApp
    • メンバーシップ App
    • 再入荷自動通知App
    • 年齢制限App
    • お知らせバナーApp
    • メールマガジンApp

    よくある質問

    • FAQ

再入荷自動通知App

在庫がない商品に対して、購入者が再入荷通知を受け取れるAppです。

再入荷自動通知App利用時の商品のステータスについて

再入荷自動通知Appでは、商品の在庫がない場合に再入荷通知リクエストを受けることができます。
商品のステータス詳細に関しては商品ステータスをご覧ください。

購入ボタンのテキストと動作の変化について

再入荷自動通知Appのインストール状況と在庫ステータスに応じて購入ボタンのテキストが以下のようになります。

再入荷自動通知App在庫ステータスボタンテキストボタンの動作
インストール在庫有りカートに入れる通常の動作。カート画面へ遷移
在庫無し再入荷通知を希望するメールアドレスを入力するモーダルが開きます
未インストール在庫有りカートに入れる通常の動作。カート画面へ遷移
在庫無しSOLD OUTdisabled

購入ボタンの詳しい説明は購入ボタンの制御をご覧ください。

対応が必要な箇所

  • 商品ページ(購入ボタンの制御)
  • 商品ページ(再入荷のお知らせを希望するモーダル)

商品ページ(購入ボタンの制御)

在庫なしで再入荷自動通知App使用中の場合、商品のステータスによって購入ボタンの文言・動きが以下のように変わります。 購入ボタンの詳しい説明は購入ボタンの制御をご覧ください。


{block:PurchaseForm}
    {ItemSelectTag}
    {PurchaseButton}
{/block:PurchaseForm}

商品ページ(再入荷のお知らせを希望するモーダル)

在庫なしで再入荷自動通知App使用中の場合、「再入荷通知を希望する」ボタンをクリックするとメールアドレス入力のモーダルが開きます。

テーマのデザインに応じて、モーダルのスタイルを調整してください。
基本となるモーダルのHTML構成についてはこちらをご覧ください。

テストパターン

テーマ申請の際に下記のテストパターンを確認してください。

  • 商品詳細ページ(在庫が無い商品の場合)
    • 再入荷自動通知Appがインストールされていない場合
      • 購入ボタンがSOLD OUTと表示されていること
      • 購入ボタンが押下できないこと
    • 再入荷自動通知Appがインストールされている場合
      • 購入ボタンが再入荷通知を希望すると表示されていること
      • 購入ボタンを押下して、メールアドレス入力モーダルが正しく動作すること
← メンバーシップ App年齢制限App →
  • 再入荷自動通知App利用時の商品のステータスについて
    • 購入ボタンのテキストと動作の変化について
  • 対応が必要な箇所
    • 商品ページ(購入ボタンの制御)
    • 商品ページ(再入荷のお知らせを希望するモーダル)
  • テストパターン
  • API利用規約
  • デザインマーケット利用規約
© 2012-2025 BASE, Inc.