アフィリエイター登録コンテンツを作成する方法

アフィリエイター登録とは

コンテンツタイプ：アフィリエイター登録

「アフィリエイター登録」コンテンツを作成すると、新規でアフィリエイター登録ができるページを作成することができます。 ユーザー情報、振込先情報、メディア情報用の項目を用意しています。

アフィリエイター登録コンテンツの作成

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

コンテンツ作成画面のコンテンツタイプから「アフィリエイター登録」を選択すると、アフィリエイター登録のコンテンツを作成することができます。

コンテンツタイプ
「アフィリエイター登録」を選択し、アフィリエイター登録コンテンツを作成します。
「アフィリエイター登録」の具体的な設定方法は、以降の「アフィリエイター登録コンテンツの設定」から詳しく解説しています。

【デフォルトデザイン】
アフィリコード・システムは、あらかじめデフォルトデザイン（コンテンツID：user_regist）を用意しています。

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

アフィリエイター登録コンテンツの設定

設定項目はコンテンツのタイプによって内容が異なります。 ここでは、「アフィリエイター登録」を作成する方法について解説します。

1. コンテンツ情報

2. コンテンツ設定

3. テンプレートHTML

「アフィリエイター登録」コンテンツでは以下の編集エリアを用意しています。

各編集エリアでHTMLの編集や変数を挿入します。

入力フォームを出力する変数【入力画面HTML】

アフィリエイター登録に必要な入力項目を出力するコンテンツ全体のHTMLを入力します。 ここで入力するコードが、コンテンツのベースとなります。

主にユーザー情報、口座情報、メディア情報を入力するための変数が使用可能です。

[form_start]
  <div class="mod-form">
    <div class="box">
      <h2 class="box-ttl">基本情報</h2>
      <div class="mod-form-block">
        <dl>
          <dt>会社名</dt>
          <dd>[company]</dd>
          <dt>氏名<span class="mark-req">必須</span></dt>
          <dd>
            [name]
            <span class="ex">例：山田　太郎</span>
          </dd>
          <dt>メールアドレス<span class="mark-req">必須</span></dt>
          <dd>
            [mail]
            <span class="ex">例：user@example.com</span>
          </dd>
          <dt>電話番号<span class="mark-req">必須</span></dt>
          <dd>[tel]</dd>

(省略)

    <div class="mod-form-btn btn-block">
      <input type="submit" value="内容の確認">
    </div>
    <!-- /.mod-form-btn -->
  </div>
  <!-- /.mod-form -->
[form_end]

会社名やメールアドレスなどの入力フォーム項目の変数を用意しています。

【入力画面HTML】の変数例

フロント側の表示	変数
会社名	[company]
氏名	[name]
メールアドレス	[mail]

エラーを出力する変数【エラー挿入HTML】

コンテンツ設定の「入力フォームの必須項目設定」で設定した項目の必須チェックを行い、入力内容に不備がある場合、エラーメッセージを出力します。

エラー表示（図4-2）は、「エラー挿入位置（エラー挿入HTML）」変数： [error] で出力します。

【エラー挿入HTML】の変数例

フロント側の表示	変数
エラー表示	[error_message_li]

※エラーのメッセージ内容はシステム内で設定されているため変更することはできません。

【確認画面HTML】と【注文完了画面HTML】

【確認画面HTML】と【完了画面HTML】では、フォーム入力後の確認画面と、その次の完了ページを作成します。

確認画面HTMLの作成は、入力画面HTMLで記述したソースコードをそのまま使用することで作成が可能です。
※確認画面HTMLにも[form_start]と[form_end]の変数は必要です。

完了画面HTMLはサイトのトップページへのリンクを設定することが一般的です。

製品情報