フォーム一体型LPの組み込み方

フォーム一体型LPの基本構造

lp01
侍カートの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新規登録」をクリックし、作成画面を開きます。

LP_howtobuild02ページのURL(任意の文字列:半角)を入力

LP_howtobuild03取り扱う商品を選択
※ここで選択した商品が全て「販売状況OFF」のとき、商品選択メニューが表示されませんのでご注意ください。

LP_howtobuild04LPの表示/非表示を設定

LP_howtobuild05タイトルを入力

LP_howtobuild06コンテンツを入力(PC、スマホ、モバイル)
→エディタの説明
→画像のアップロード、配置について

PC・スマホでそれぞれ1つ以上のCSSファイルを指定

LP_howtobuild08画面最下部「確認画面へ」をクリック
※確認画面ではプレビューに一部のCSS・JSが正確に反映されません。登録後、実際のLPでご確認ください。