テーマにコード記載をすることで、購入前に必ず会員情報を取得する方法をお伝え致します。
※コード編集が必要なため、エンジニア向けの記事になります。
※ご担当のエンジニアがいない場合、弊社カスタマーサービスまでご連絡いただけましたら、弊社にて導入のサポートをすることが可能ですので、お問い合わせください。
Howdyカスタマーサービス：support@ec-penguin.com
まず最初に、会員フォームの設定を終了させてください。
オンラインストア→カスタマイズから、テーマのカスタマイズ画面に移動します。
アプリブロックを有効にしましょう。
そして、保存を押します。
チェックアウトページに移動するためのボタン、カートページの「ご購入手続きへ」ボタンや、テーマHorizonの右上にあるカートボタンを押した時に右側からでてくるカートドロワーの「ご購入手続きへ」ボタンに、（顧客ログインしていない場合の条件付けを行い）以下のclassをつけると、チェックアウトページへの遷移前にHowdy新規会員登録アプリを設置できるようになります。
これにより、購入前に必ず会員情報を取得することができるようになります。
※商品詳細ページに「今すぐ購入」ボタンを設置している場合など、他にもチェックアウトページに移動するためのボタンがある場合は、そちらにもclassの設置が必要です。
チェックアウトページに移動するためのボタンの<a>タグや<button>タグを探し、コード編集画面にて下記のclassが当たるように追記します。
例) Horizon
下記をコピーして検索します。
検索後に、下記コードに貼り替えてください。
（編集前に、バックアップとしてテーマをコピーしておいてください)
<貼り替えていただくコード>
{% if customer %}
<button
type="submit"
id="checkout"
class="cart__checkout-button button"
name="checkout"
{% if cart == empty %}
disabled
{% endif %}
form="cart-form"
>
<span class="button-text">
{{ 'content.checkout' | t }}
</span>
</button>
{% else %}
<button
id="checkout"
class="cart__checkout-button button howdy-register-original-trigger-btn"
name="checkout"
{% if cart == empty %}
disabled
{% endif %}
form="cart-form"
>
<span class="button-text">
{{ 'content.checkout' | t }}
</span>
</button>
{% endif %}<貼り替え後に保存します>
※コード編集の前に、いつでも元の状態に戻せるように、必ずテーマのコピーをお取りいただきますようお願いいたします。
以上で、購入前に必ず会員情報を取得することが可能となります。
<Horizon以外のテーマの場合・ご担当のエンジニアがいない場合>
弊社カスタマーサービスまでご連絡いただけましたら、弊社にて導入のサポートをすることが可能ですので、お問い合わせください。
Howdyカスタマーサービス：support@ec-penguin.com
※フォームで情報取得後に、指定のページへのリダイレクトが可能です。
詳しい設定方法は以下
https://docs.channel.io/howdy-app/ja/articles/register-login-redirect-e050a9a0
もしご不明点あれば、導入サポートも可能です。