フォーム一体型LPの基本構造
侍カートのLPページは
「LP画面」→「内容確認ページ」→「サンクスページ」
の順に遷移致します。
侍カートの「フォーム一体型LP」とは上記の「LP画面」にあたります。
侍カートLP画面の構造は大きくわけて3つのパーツが組み合わさり
1つのページとして表示されています。
<侍カートLP画面構造>
ヘッドタグ+コンテンツ部分【①】+入力フォーム部分【②】
ヘッドタグと入力フォーム部分【②】は全LP共通となっており、
「デザイン管理」>「テンプレート編集」のデザインテンプレートを表示しております。
ヘッドタグと入力フォーム部分【②】はデフォルトのままでも十分にお使い頂けますが、配色などを変更したい場合はCSSにてデザインテンプレートごとに変更することが可能です。
※入力フォームテンプレートの必須入力項目は削除できません。
必須入力項目をテンプレート上(html)で削除・コメントアウトすると動作不具合を起こしますのでご注意下さい。
コンテンツ部分【①】の編集は商品管理 > LP管理 のページで行います。
また、内容確認画面にてアップセルを行うこともできます。
アップセルLPの作成はこちらをご覧ください。
<LPで使用しているデザインテンプレート>
▼共通レイアウト>「フォーム一体型LP共通HTML」
→ヘッドタグ部分のデザインテンプレートです。
▼LP>「入力フォーム」
→入力フォーム画面のデザインテンプレートです。
▼LP>「アップセルLP・内容確認」
→内容確認ページのデザインテンプレートです。
▼LP>「申し込み完了」
→サンクスページのデザインテンプレートです。
フォーム一体型LPの登録手順
LPで販売する商品を登録しておきます。(商品登録の手順について)
LPのコンテンツ(デザイン)部分を作成しておきます。(画像、HTML、CSSなど)
※参考:入力フォームのデフォルト幅は850pxです(PCの場合)
LP管理→「フォーム一体型LP新規登録」をクリックし、作成画面を開きます。
取り扱う商品を選択
※ここで選択した商品が全て「販売状況OFF」のとき、商品選択メニューが表示されませんのでご注意ください。
コンテンツを入力(PC、スマホ、モバイル)
→エディタの説明
→画像のアップロード、配置について
画面最下部「確認画面へ」をクリック
※確認画面ではプレビューに一部のCSS・JSが正確に反映されません。登録後、実際のLPでご確認ください。