[Shopify]チェックアウト追加スクリプトでサンクスページにLINE登録促しバナーをモーダルで表示

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。

今日はチェックアウト画面をカスタマイズしてみようと思います！チェックアウトの画面はショッピファイプラス出ないとソースはさわれないのですが、「追加スクリプト」の機能で少しだけアレンジができます。

なのでこの機能を使って、注文完了画面が表示されたら５秒後にライン登録バナーをモーダルで表示してみます♪

✔︎今回のゴール

＝＝＝＝＝＝＝
PC
＝＝＝＝＝＝＝

注文完了後、サンクスページへ遷移すると「５秒」後にモーダルが表示
バナーをクリックするとリンク先に遷移します。

クローズボタンでモーダルを閉じたあとは、お客様情報の上の欄にバナーを表示。

＝＝＝＝＝＝＝
スマホ
＝＝＝＝＝＝＝

【ご購入時のご注意】
解説はしておりません。
コピペ用コードのみの販売になります。
サポート&返金は致しません。
環境により使用できないことはあるかもしれません。
レイアウト崩れている場合はStyle箇所でお好みに合わせてください。