カスタムボタンを表示する

活用例

• 会員限定販売の商品に対して、ゲスト会員だけに認証導線を表示

• 販売終了後の商品に、マイページへの導線を表示

• 予約販売中の商品に、注意事項への導線を表示

• セール商品に、同一セール中のコレクションへの導線を表示

• Online Store 2.0対応テーマのみ対応しています

• 商品ページのみ表示可能です。

• 各テキストデータは翻訳可能です。

• 予約販売ルールで、メッセージとボタン名、リンクを設定できます。

• 全てのアクションで設定可能です

• メッセージには「[テキスト](URL)」の形式で、テキストリンクを設定できます。

• ボタンは、ボタンテキストが入力されている場合のみ表示されます。

• メッセージ内のリンクは、新規タブで開きます。

• ボタンのリンクは、同一タブで開きます。

(1) オンラインストア > テーマの順に遷移

(2) カスタムボタンを表示したいテーマの「カスタマイズ」をクリック

(3) テーマエディタより商品テンプレートを開く

(4) セクション追加（または、ブロック追加）をクリック

(5) 「アプリ」タブを選択

(6) 「カスタムボタン」という名称のアプリブロックを追加

(7) 追加したアプリブロックをカスタムボタンを表示させたい箇所へドラッグアンドドロップ

(8) アプリブロックをクリック

(9) 「テーマエディターでデモを表示」を有効化する

　本設定により、テーマエディタ上だけ条件にかかわらず、カスタムボタンを表示させることができます。

(10) カスタムボタンのデザインをカスタマイズ

(11) 「保存」をクリック

(1) カスタムボタンを表示させたい予約販売ルールを開く

(2) カスタムボタンを表示させたいアクションセクションを開く

(3) 「カスタムボタンを表示する」にチェックを付ける

(4) カウントダウンのメッセージに任意のテキストを設定

(5) カスタムボタンのボタン名とリンクを設定

(6) 「保存」をクリック

(1) ステップ2で設定した予約販売ルールが適用された商品にアクセス

(2) カスタムボタンが表示されているか確認する

(1) カスタムボタンを翻訳したい予約販売ルールを開く

(2) 「翻訳」をクリック

(3) 言語を選択

(4) カウントダウンタイマーの項目に翻訳データを記入

(5) 「保存」をクリック