LPコンテンツを作成する方法

LPとは

コンテンツタイプ：LP

LPコンテンツはカート機能を実装したLPを作成することができます。全ての購入フローがLPコンテンツの1ページで完結できるので、カート離脱対策にもなります。

LPコンテンツの作成

管理者画面：コンテンツ管理 > コンテンツを作成する

コンテンツ作成画面のコンテンツタイプから「LP」を選択すると、LPのコンテンツを作成することができます。

「LP」の具体的な設定方法は、以降の「LPコンテンツの設定」から詳しく解説しています。

【サンプルデザイン】
ペイカートプラスは、あらかじめサンプルデザイン（コンテンツID：pay_item_lp）を用意しています。

サンプルデザインを複製・編集して、コンテンツを作成することも可能です。 コンテンツを新規作成する前にサンプルを一通り確認することで、スムーズにコンテンツの作成が行えます。

LPコンテンツの設定

コンテンツの作成が完了したら、次にコンテンツの設定を行います。

1. コンテンツ情報

2.コンテンツ設定

3. テンプレートHTML

「注文フォーム」コンテンツでは以下の編集エリアを用意しています。

LPを出力する変数【入力画面HTML】

LPを出力するコンテンツ全体のHTMLを入力します。 ここでは独自にデザインしたLPページデータやLPフォームを実装することができます。

[form_start]
<div class="inner">
  <h2>お申し込みフォーム</h2>
  <div class="box box-message">
    <p>項目を入力して「注文する」ボタンをクリックしてください。</p>
  </div>
  <!-- /.box-message -->
  <div class="form-wrap">
    <form action="./" method="post">
      <input type="hidden" name="type" value="">
      <div class="mod-form">
        <div class="box">
          <div class="mod-form-block">
            <dl class="flex-wrap">
              <dt>商品<span class="mark-req">必須</span></dt>
              <dd>[pay_item_check]</dd>
            </dl>
          </div>

(省略)

            <dl>
              <dt>カード名義<span class="mark-req">必須</span></dt>
              <dd>[card_name]</dd>
            </dl>
          </div>                 
        </div>          
        <div class="mod-form-btn btn-block">
            [form_lp_button]
          </div>
          <!-- /.mod-form-btn -->
      </div>
  </div>
</div>
[form_end]

氏名や住所などのお客様情報を入力する変数を用意しています。

【通常商品一覧HTML】の注文一覧変数例

フロント側の表示	変数
商品	[name]
氏名	[regist_unix]
郵便番号	〒[add_num1]-[add_num2]