LPコンテンツを作成する方法
コンテンツタイプ：LP
フォーム一体型の「LPコンテンツ」が作成できます。ランディングページから商品購入フォームへダイレクトに誘導できるため、カート離脱対策にもなり、アフィリエイトを利用したマーケティングにも有用です。
コンテンツ作成
歯車マーク：コンテンツ管理 > コンテンツ作成
コンテンツタイプから「LP」を選択し、コンテンツを新規作成します。
あらかじめ用意されたサンプルデザイン（コンテンツID：pay_item_lp）を複製・編集して、コンテンツを作成することも可能です。
変数の利用方法などもご確認ください。
コンテンツ情報 / コンテンツ設定
次に、ページ全体の閲覧・表示制御などを行います。
| コンテンツタイプ | 作成するコンテンツタイプを表示 |
|---|---|
| コンテンツURL | https://システム設置先/contents.php?c=コンテンツID ※コンテンツIDを変更するとURLも変更されます。 |
| コンテンツID | コンテンツURLに使用されるID ※新規作成時に指定したID。省略時は自動で付与されます。 |
|---|---|
| カテゴリー名 | 管理用にカテゴリ分けする場合は設定。省略した場合は「未設定」に振り分け |
| コンテンツ名 | コンテンツの管理名称 |
| 入力フォームの 必須項目設定 |
フロント側で入力チェックを行う項目を設定 ※「氏名」「メールアドレス」は自動的に必須項目となります。 |
| 公開範囲 | 作成したコンテンツの公開範囲を設定 ※「会員」に指定した場合、未ログイン（一般）には公開されません。 |
| 閲覧権限外の転送URL | 「公開範囲」に設定していない権限でアクセスした場合の転送先URL |
| 対象デバイス | 閲覧が可能な端末を設定 ※レスポンシブの場合、「PC」「スマートフォン」両方にチェックを入れてください。 |
| 対象外デバイスの転送URL | 「対象デバイス」で設定していない端末からアクセスした場合の転送先URL |
| BASIC認証 | コンテンツ閲覧時にBasic認証をかける場合に設定 |
| 公開設定 | 公開状態を設定。公開 / 非公開 |
| 完了時動作 | 購入が完了した時のページ遷移の挙動を設定。 ・「ポップアップ」の場合、JavaScriptによって購入完了の画面が表示。 ・「リダイレクト」の場合、「完了時リダイレクトURL」に設定したURLに遷移。 |
| LP商品設定 | LPで販売する商品を設定。最大５商品まで複数登録できます。 |
テンプレートHTML
入力画面HTML
【入力画面HTML】では、独自にデザインしたLPや注文フォームが作成できます。
- 入力フォーム作成時のポイント
- ・設置必須：フォームスタート変数：[form_start]とフォームエンド変数：[form_end]
・設置必須：jQueryライブラリを読む込む変数：[jquery]を設置
・郵便番号から住所を自動入力させる場合は、ajaxzipライブリを読む込む変数：[ajaxzip]を設置
| 変数名 | 変数 |
|---|---|
| 配送先選択ラジオボタン | [delivery_check] |
| 配送先（購入者に配送） | [delivery_check_hidden] |
| 氏名【引数対応（$1）】 氏名（フリガナ）【引数対応（$1）】 メールアドレス【引数対応（$1）】 電話番号【引数対応（$1）】 郵便番号（左）【引数対応（$1）】 郵便番号（右）【引数対応（$1）】 住所（都道府県） 住所（市区町村）【引数対応（$1）】 住所（番地・建物名）【引数対応（$1）】 |
[name] [name_ruby] [mail] [tel] [add_num1] [add_num2] [add_pre] [add_city] [add_last] |
| 【配送先｜引数対応（$1）】氏名 【配送先｜引数対応（$1）】氏名（フリガナ） 【配送先｜引数対応（$1）】電話番号 【配送先｜引数対応（$1）】郵便番号（左） 【配送先｜引数対応（$1）】郵便番号（右） 【配送先｜引数対応（$1）】住所（都道府県） 【配送先｜引数対応（$1）】住所（市区町村） 【配送先｜引数対応（$1）】住所（番地・建物名） 【配送先｜引数対応（$1）】備考 |
[adds_name] [adds_name_ruby] [adds_tel] [adds_add_num1] [adds_add_num2] [adds_add_pre] [adds_add_city] [adds_add_last] [remarks] |
| フリー項目１～５【引数対応（$1）】 | [free1]～[free5] |
| カード番号【引数対応（$1）】 有効期限（年） 有効期限（月） 有効期限 セキュリティーコード【引数対応（$1）】 カード名義【引数対応（$1）】 |
[card_num] ※PAY.JPは引数指定できません。 [card_y] [card_m] [card_y_m] ※PAY.JPは、こちらの変数を指定してください。 [card_code] [card_name] |
| 決済方法 | [pay_type] |
| マルチ決済（決済手段）（／） マルチ決済（決済手段）（<br>） マルチ決済（決済手段）（<li></li>） マルチ決済（決済手段）（<span></span>） |
[pay_link_type_slash] [pay_link_type_br] [pay_link_type_li] [pay_link_type_span] |
| 商品選択（ラジオボタン） 商品選択（チェックボックス） |
[pay_item_radio] [pay_item_check] |
| フォーム開始タグ フォーム終了タグ 送信ボタン |
[form_start] [form_end] [form_lp_button] |
| 引数対応（$1）の変数 |
|---|
セレクタ指定（class、idなど）をすることができます。
記述例：[name:class="form_name"]出力例：<input type="text" name="name" value="" size="40" maxlength="255" class="form_name"> |
