人気ワード

Copy Title & URL

Bookmark

Share

パスワード変更フォームコンテンツを作成する方法

目次

  1. コンテンツタイプ:パスワード変更フォーム
  2. コンテンツ作成
  3. コンテンツ情報 / コンテンツ設定
  4. テンプレートHTML
    1. 入力画面HTML
    2. エラー挿入HTML
    3. 確認画面HTML と 完了画面HTML

コンテンツタイプ:パスワード変更フォーム

会員がパスワード変更するフォームを作成できます。
※パスワードは「半角英数字記号で6文字以上12文字以内」入力可となります。

【アフィリコード・カート】フロント側パスワード変更フォーム

コンテンツ作成

歯車マーク:コンテンツ管理 > コンテンツ作成

コンテンツタイプ「パスワード変更フォーム」を選択し、コンテンツを新規作成します。

【アフィリコード・カート】パスワード変更フォーム新規作成

あらかじめ用意されたサンプルデザイン(コンテンツID:user_pass_edit)を複製・編集して、コンテンツを作成することも可能です。 変数の利用方法などもご確認ください。

コンテンツ情報 / コンテンツ設定

次に、ページ全体の閲覧・表示制御などを行います。

コンテンツ情報
コンテンツタイプ 作成するコンテンツタイプを表示
コンテンツURL https://システム設置先/contents.php?c=コンテンツID
※コンテンツIDを変更するとURLも変更されます。

コンテンツ設定
コンテンツID コンテンツURLに使用されるID
※新規作成時に指定したID。省略時は自動で付与されます。
カテゴリー名 管理用にカテゴリ分けする場合は設定。省略した場合は「未設定」に振り分け
コンテンツ名 コンテンツの管理名称
閲覧権限外の転送URL 「一般(未ログイン)」権限でアクセスした場合の転送先URLを設定
※「公開範囲」は「会員」です。
対象デバイス 閲覧が可能な端末を設定
※レスポンシブの場合、「PC」「スマートフォン」両方にチェックを入れてください。
対象外デバイスの転送URL 「対象デバイス」で設定していない端末からアクセスした場合の転送先URL
BASIC認証 コンテンツ閲覧時にBasic認証をかける場合に設定
公開設定 公開状態を設定。公開 / 非公開

テンプレートHTML

入力画面HTML

【アフィリコード・カート】パスワード変更フォームの概要

【入力画面HTML】では、コンテンツのベースとなるHTMLを記述します。 主にパスワード変更の項目(フォーム)、エラー出力の変数が使用可能です。

▼パスワード変更画面:フロント側表示とコンテンツ変数の記述例

【アフィリコード・カート】パスワード変更フォームのフロント側の表示例
Attention

フォームを作成する場合、必ずフォームスタートの変数:[form_start]とフォームエンドの変数:[form_end]を配置します。

【入力画面HTML】の変数
変数名 変数
パスワード[pass]
エラー挿入位置(エラー挿入HTML)[error]
フォーム開始タグ
フォーム開始タグ(確認画面なし)
フォーム終了タグ
確認ボタン
[form_start]
[form_start_skip]
[form_end]
[form_check_button]

エラー挿入HTML

【アフィリコード・カート】エラー挿入の概要

【エラー挿入HTML】編集エリアでは、「入力フォームの必須項目設定」に基づいた不備があった場合のエラー表示を記述します。

エラー表示は、【入力画面HTML】で「エラー挿入位置(エラー挿入HTML)」変数: [error] の記述のある箇所に出力されます。

▼エラー挿入:フロント側表示とコンテンツ変数の記述例

【アフィリコード・カート】パスワード変更フォームのエラー記述例
【エラー挿入HTML】の変数
変数名 変数
エラーメッセージ(/)
エラーメッセージ(<br />)
エラーメッセージ(<li></li>)
エラーメッセージ(<span></span>)
[error_message_slash]
[error_message_br]
[error_message_li]
[error_message_span]

確認画面HTML と 完了画面HTML

【アフィリコード・カート】確認画面と完了画面

【確認画面HTML】と【完了画面HTML】の編集エリアでは、フォーム入力後の確認画面と、その次の完了ページを記述します。

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

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

関連記事

アフィリコード・カート

https://cart.affilicode.jp/

アフィリエイトに特化したカートシステム

フォーム一体型LP・定期購入・豊富な決済方法など
広告運用に最適化されたアフィリエイト専用カート

おすすめ記事