商品情報にスキップ
1 1
公開日:2026.03.30

【Horizon】Shopifyのテーマ「Horizon」の商品詳細ページで会員登録を促すバナーを表示する設定例

【Horizon】Shopifyのテーマ「Horizon」の商品詳細ページで会員登録を促すバナーを表示する設定例

用途

  • 会員登録促進
詳細を表示する

Shopifyで積極的に会員登録を促したい場合、バナーやモーダルで告知するのではなくカート追加ボタンの近くなど購入導線に設置しておくのも効果的です。登録済みのユーザーには表示しない仕組みにしておくと、自然な導線になります。

Horizonテーマの安全なカスタマイズ方針(custom.*ファイルのみ)に準拠した実装例です。テーマエディタで商品詳細ページにカスタムLiquidブロックを追加するだけで設定できます。

◆特徴
・未ログインユーザーにのみ表示(ログイン済みなら自動で非表示)
・新Customer Accounts / 従来のアカウント どちらでも動作
・テキストやクーポン内容は自由に編集可能
・ベンダーファイルの変更不要


Shopifyのテーマ「Horizon」の商品詳細ページで会員登録を促すバナーを表示する設定例

会員登録促進バナーの説明


◆設置手順
・テーマエディタ → 商品ページ → 商品詳細(_product-details)
・「ブロックを追加」→「カスタムLiquid」
・buy-buttons の直後に配置
・コードをそのまま貼り付ける


Dawn版のTIPSはこちら: 会員登録を促したい場合に、カート追加ボタンの近くなど購入導線に設置する設定例

ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Horizon 3.4.0

商品詳細ページの「カスタムLiquid」ブロックに貼り付けるコード