![見出し画像](https://assets.st-note.com/production/uploads/images/97300520/rectangle_large_type_2_25bc502315ab84f4c080af9d6df519e8.png?width=1200)
[Shopify]チェックアウト追加スクリプトでサンクスページにLINE登録促しバナーをモーダルで表示
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。
今日はチェックアウト画面をカスタマイズしてみようと思います!チェックアウトの画面はショッピファイプラス出ないとソースはさわれないのですが、「追加スクリプト」の機能で少しだけアレンジができます。
なのでこの機能を使って、注文完了画面が表示されたら5秒後にライン登録バナーをモーダルで表示してみます♪
✔︎今回のゴール
=======
PC
=======
注文完了後、サンクスページへ遷移すると「5秒」後にモーダルが表示
バナーをクリックするとリンク先に遷移します。
![](https://assets.st-note.com/img/1675578495540-iSWzU6UPYx.png?width=1200)
クローズボタンでモーダルを閉じたあとは、お客様情報の上の欄にバナーを表示。
![](https://assets.st-note.com/img/1675578603546-r9agSemQHm.png?width=1200)
=======
スマホ
=======
![](https://assets.st-note.com/img/1675578327829-J3F7J9qWvu.png?width=1200)
【ご購入時のご注意】
解説はしておりません。
コピペ用コードのみの販売になります。
サポート&返金は致しません。
環境により使用できないことはあるかもしれません。
レイアウト崩れている場合はStyle箇所でお好みに合わせてください。
ここから先は
2,382字
/
3画像
この記事のみ
¥
1,200
この記事が気に入ったらサポートをしてみませんか?