人気ワード

Copy Title & URL

Bookmark

Feed

Share

退会フォームコンテンツを作成する方法

目次

  1. 退会フォームとは
    1. コンテンツタイプ:退会フォーム
  2. 退会フォームコンテンツを作成しよう
  3. 退会フォームコンテンツを設定しよう
    1. コンテンツ情報
    2. コンテンツ設定
    3. テンプレートHTML
      1. 退会フォームを出力する変数【入力画面HTML】

退会フォームとは

コンテンツタイプ:退会フォーム

【退会フォーム】を作成するコンテンツタイプです。

図1-1:Web側での退会フォームの表示例
図1-1:Web側での退会フォームの表示例

【退会フォーム】コンテンツを作成すると、退会フォームを作成することができます。
会員が退会する時に使用します。

退会手続きに必要な退会用ボタンを用意しています。

退会フォームコンテンツの作成

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

図2-1:コンテンツ新規作成
図2-1:コンテンツ新規作成

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

図2-2:退会フォームの新規作成
図2-2:退会フォームの新規作成
コンテンツタイプ
「退会フォーム」を選択し、退会フォームを作成します。

【サンプルデザイン】
サーチプラスfor求人は、あらかじめサンプルデザイン(コンテンツID:user_delete_m)を用意しています。

図2-3:退会フォーム の検索結果画面
図2-3:退会フォーム の検索結果画面

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

退会フォームコンテンツの設定

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

図3-1:退会フォームのコンテンツ設定
図3-1:退会フォームのコンテンツ設定

1. コンテンツ情報

コンテンツ情報

コンテンツタイプ
退会フォームを作成します。「退会フォーム」と表示されていることを確認してください。

コンテンツURL
コンテンツ(退会フォームページ)のURLとなります。

2. コンテンツ設定

コンテンツ設定1

コンテンツID
コンテンツURLで使用するIDです。変更するとコンテンツURLも変更されます。

カテゴリー名
カテゴリー名を設定することで、コンテンツをカテゴリ単位で管理します。

コンテンツ名
コンテンツを管理する名称です。わかりやすい名称にしてください。

コンテンツ設定3

コンテンツパスワード
作成したコンテンツに閲覧権限(パスワード)を設定します。
※未入力の場合、閲覧時のパスワード入力は不要です。

閲覧権限外の転送URL
「公開範囲」に設定していない権限でアクセスした場合の転送先URLです。

コンテンツ設定4

対象デバイス
作成したコンテンツの閲覧が可能な端末を設定します。

対象外デバイスの転送URL
「対象デバイス」で設定していない端末からアクセスした場合の転送先URLです。

公開設定
コンテンツ(退会フォーム)の公開状態を設定します。初期値は「非公開」です。

3. テンプレートHTML

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

  • 入力画面HTML
  • 完了画面HTML

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

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

退会手続きの「退会フォーム」を出力するコンテンツ全体のHTMLを記述します。
こちらのコードをベースに、入力画面のコンテンツを作成します。

入力画面HTMLの概要

主に退会ボタンの変数が使用可能です。

図4-1:退会フォームのWeb側の表示例と【入力画面HTML】
図4-1:退会フォームのWeb側の表示例と【入力画面HTML】
Attention

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

[form_start]
<div class="comp clearfix">
  <dl>
    <dt>退会される方は、下記の「退会する」ボタンをクリックしてください。</dt>
    <dd>
      [form_delete_button]
    </dd>
  </dl>
</div>
<!--comp-->

[form_end]

退会フォームの退会ボタンの変数を用意しています。

【入力画面HTML】の退会フォーム変数例
Web側の表示 変数
退会ボタン [form_delete_button]


【完了画面HTML】

退会手続き後に表示される完了画面HTMLのコンテンツを作成します。

【退会フォーム】【完了画面HTML】の概要

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

関連記事