[Shopify]コピペで簡単設置!ランディングページ◆テンプレート4
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。
ランディングページシリーズ第4弾♪
このシリーズも人気がありますね^^
ファーストビューにメルマガ登録フォームをつけてみました♪メルマガ機能はShopifyのデフォルト機能を使用しているので仕様は同じになります!
(ちなみに、Shopifyのメルマガ機能は一つ残念なところがあり、一度ユーザーがアクティブにすると、2回目の送信フォームを送っても何も起こらない。。。非アクティブのユーザーのメール送りました!かエラーメッセージだけしか表示されません。せめてメッセージが表示されたらなぁ。)
※コード解説はしていません。
✔️今回のテンプレート
PW:stahsk40jw1Mf
◆PCレイアウト
◆モバイルレイアウト
✔️CMS特徴
◆ブロックの種類
ファーストビューは1回だけ追加、その他は複数回使用可能です!
◆ファーストビュー
※Shopify既存のメルマガ登録機能を使用していますので既に登録しているユーザーの場合はメールの送信もされないし画面上に何も表示はされません。
※デモ版では登録ボタンは押せないようにしています。
◆特徴
増やしたい場合は特徴ブロックをもう一個追加して下さい。
3つずつ増やせます♪
◆選ばれる理由
◆Youtube
※背景にYouTubeを埋め込むわけではないのでご注意ください。
◆クロージング
◆共通
✔️設置方法
Step1 新規セクションファイル作成
管理画面>テーマ>コード編集>Section>新規追加
Step2 新規Template作成
Template>新規テンプレートを作成
作成したテンプレートJSONファイルに下記をコピペ
{
"sections": {
"main": {
"type": "sales-lp-04",
"settings": {
}
}
},
"order": [
"main"
]
}
"type": "セクションファイル名",
typeにStep1で作成したファイル名を記入。
この場合は、sales-lp-04です。
保存。
Step3 セクションファイルにテンプレートコードを貼り付け
Step1で作成したセクションファイルに、下記のテンプレートコードをコピペ。
ここから先は
26,483字
/
2画像
/
2ファイル
この記事が気に入ったらサポートをしてみませんか?