メルマガ登録フォームの作り方（入力欄に文字を入れる）

メルマガアフィリエイトでは、ブログの役目は、集客です。

 

集客の最終目的は、メルマガに登録してもらうこと。

 

ということは、メルマガの登録フォームは非常に重要ですよね。申し込みボタンだけで、メール配信スタンドの登録フォームに飛ばす方法もありますが、ブログ内に登録フォームを設置した方が、親切だし、登録率が上がる。

 

前に、オレンジメールを使った設置方法は解説していますので、設置方法は、前の記事で確認して下さい。

⇒FC2ブログにメルマガ登録フォームを設置する

 

今回は、その登録フォームの入力欄に文字を表示させます。

 

まずは、前回の手順で、今回はワードプレスに登録フォームを設置します。

無料メルマガ

お名前(姓)

メールアドレス(必須)

Powered by メール配信システム オレンジメール

メルマガ登録フォームの入力欄に文字を入れる

もっとも簡単な方法は、

<td class=”OM_center” style=”width: 20px;” colspan=”2″>お名前(姓)
<input class=”OM_mail2″ name=”sei” type=”text” placeholder=”お名前を入力”/></td>

上記の赤文字の部分を加える。

 

すると下図のように、お名前の入力欄に文字が入ります。

無料メルマガ

お名前(姓)

メールアドレス(必須)

Powered by メール配信システム オレンジメール

 

次に入力忘れを防止する方法です。

 

<td class=”OM_center” style=”width: 20px;” colspan=”2″>お名前(姓)
<input class=”OM_mail2″ name=”sei” required=””type=”text” placeholder=”お名前を入力” /></td>

上記の赤文字の部分を加える

required=""

1	required=""

無料メルマガ

お名前(姓)

メールアドレス(必須)

Powered by メール配信システム オレンジメール

上の登録フォームに何も入力せずに、登録ボタンを押してみて下さい。

 

下図のように「このフィールドを入力してください。」と出るはずです。

 

これは、知っておくと便利ですよ。

 

<td class=”OM_center” style=”width: 20px;” colspan=”2″>お名前(姓)
<input class=”OM_mail2″ name=”sei” required=”” type=”text” placeholder=”お名前を入力” /></td>
</tr>
<tr>
<td class=”OM_center” style=”width: 20px;” colspan=”2″>メールアドレス
<input class=”OM_mail2″ name=”mail” required=”” type=”text” placeholder=”メールアドレスを入力” /></td>最後に上記の赤文字の部分を加えて、

placeholder="メールアドレスを入力"

1	placeholder="メールアドレスを入力"

　　の部分を削除しました。

無料メルマガ

Powered by メール配信システム オレンジメール

 

ＨＴＭＬの勉強をするくらいなら、記事を書いてほしい。そう思います。

 

今回は、私のメルマガ登録フォームを真似たいという方がいたので、コピペで出来る方法を記事にしました。

 

かなり検索エンジンで調べたそうですが、調べる際のキーワードが分からなかったようです。