注文フォームとはコンテンツタイプ:注文フォーム【注文フォーム】コンテンツを作成すると、注文フォームを作成することができます。注文フォームから、お届け先やお支払い方法の入力が可能です。注文フォームや購入対象の商品情報を表示する変数を用意しています。コンテンツを作成する図2-1:コンテンツ新規作成コンテンツ作成画面のコンテンツタイプから「注文フォーム」を選択すると、注文フォームのコンテンツを作成することができます。図2-2:注文フォームの新規作成コンテンツタイプ「注文フォーム」を選択し、注文フォームを作成します。「注文フォーム」の具体的な設定方法は、以降の「注文フォームコンテンツの設定」から詳しく解説しています。【サンプルデザイン】ペイカートプラスは、あらかじめサンプルデザイン(コンテンツID:pay_item)を用意しています。コンテンツの検索結果画面サンプルデザインを複製・編集して、コンテンツを作成することも可能です。コンテンツを新規作成する前にサンプルを一通り確認することで、スムーズにコンテンツの作成が行えます。注文フォームコンテンツの設定コンテンツの作成が完了したら、次にコンテンツの設定を行います。コンテンツ情報コンテンツタイプ注文フォームを作成します。「注文フォーム」と表示されていることを確認してください。コンテンツURLコンテンツ(注文フォームページ)のURLとなります。2.コンテンツ設定コンテンツIDコンテンツURLで使用するIDです。変更するとコンテンツURLも変更されます。カテゴリー名カテゴリー名を設定することで、コンテンツをカテゴリ単位で管理します。コンテンツ名コンテンツを管理する名称です。わかりやすい名称にしてください。チェックした項目は、フロント側で入力チェックが行われます。コンテンツパスワード作成したコンテンツに閲覧権限(パスワード)を設定します。※未入力の場合、閲覧時のパスワード入力は不要となります。作成したコンテンツの公開範囲を設定します。「会員」にすると、会員登録者のみページが公開されます。閲覧権限外の転送URL「公開範囲」に設定していない権限でアクセスした場合の転送先URLです。対象デバイス作成したコンテンツの閲覧が可能な端末を設定します。「PC」「スマートフォン」の両方にチェックを入れてください。対象外デバイスの転送URL「対象デバイス」で設定していない端末からアクセスした場合の転送先URLです。公開設定コンテンツ(注文フォーム)の公開状態を設定します。初期値は「非公開」です。3.テンプレートHTML「注文フォーム」コンテンツでは以下の編集エリアを用意しています。HTML確認画面HTML注文完了画面HTML決済画面HTML各編集エリアでHTMLの編集や変数を挿入します。注文の「入力画面(入力フォーム)」を出力するコンテンツ全体のHTMLを記述します。こちらのコードをベースに、入力画面のコンテンツを作成します。データのリスト出力の変数が使用可能です。図4-1:注文フォームのフロント側の表示例と【入力画面HTML】Attentionフォームを作成する場合、必ずフォームスタートの変数:[form_start]とフォームエンドの変数:[form_end]を配置します。-->[form_end]氏名や性別などの入力フォーム項目の変数を用意しています。氏名[base_user_name]氏名(フリガナ)[base_user_name_ruby]郵便番号[base_user_add_num1]-[base_user_add_num2]エラーを出力する変数【エラー挿入HTML】コンテンツ設定の「入力フォームの必須項目設定」で設定した項目の必須チェックを行い、注文フォームの入力内容に不備がある場合、エラーメッセージを出力します。記述のある箇所に出力されます。変数エラー表示[error_message_li]※エラーのメッセージ内容はシステム内で設定されているため変更することはできません。注文対象の商品データを出力するHTMLを入力します。[list]タグ)を挿入した箇所に出力されます。商品データ表示に関する変数が使用可能です。表示項目に対応する変数を配置します。商品名や商品価格などの変数を用意しています。注文対象の定期・頒布会商品データを出力するHTMLを入力します。[fixed_list]タグ)を挿入した箇所に出力されます。定期・頒布会商品データの表示用変数が使用可能です。表示項目に対応する変数を配置します。【確認画面HTML】と【完了画面HTML】では、フォーム入力後の確認画面と、その次の完了ページを作成します。確認画面HTMLの作成は、入力画面HTMLで記述したソースコードをそのまま使用することで作成が可能です。※確認画面HTMLにも[form_start]と[form_end]の変数は必要です。完了画面HTMLはサイトのトップページへのリンクを設定することが一般的です。HTML】では、PayPalに遷移後、本カートに戻ってきた際に表示させるページを作成します。通常は「完了画面HTML」と同じ内容で作成します。既存の商品ページにリンクを貼るだけ。マニュアルはリーフワークスの製品情報や活用事例、マニュアル・技術情報等のサポート情報を掲載しています。