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

メルマガ登録フォーム

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

 

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

 

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

 

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

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>

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


無料メルマガ
お名前(姓)
メールアドレス(必須)
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>最後に上記の赤文字の部分を加えて、

  の部分を削除しました。

無料メルマガ
Powered by メール配信システム オレンジメール

 

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

 

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

 

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

 

コメントを残す

CAPTCHA


サブコンテンツ

管理人について

tesshi180
 
テッシです。
 
現在南の島でのんびりと、
アフィリエイトをしながら暮らしています。
 
今まで色々な人に、迷惑をかけてきたので、アフィリエイトで稼ぎたいと思っている人たちを、応援できればと思っています。
 
詳しいプロフィール
 

無料メルマガ配信中

現在実践中のノウハウと実践手順を示したメルマガを始めました。
 
新しい無料メルマガを体験したい方は下記から
 
現実的な
アフィリエイト講座

 

お問い合わせフォーム

質問や相談はいつでもお気軽にご連絡ください。
 
必ず返信させて頂きます。

 
お問い合わせ
 

このページの先頭へ