メルマガ登録フォームを作成する(オレンジメール編)

メルマガ登録フォーム

メルマガ登録フォームは、大事だと言いながら、デザインに関しては、記事にしていませんでした。

 

私は、アスメルを使っているので、オレンジメールの利用者を疎かにしていたことになります。

 

本当にすみません。

 

遅くなりましたが、これから解説していきます。

 

まず、オレンジメールにログインして下さい。

 

新規作成をクリックします。

 

新規作成

 

必要項目を入力し、作成をクリック

 

作成

 

プラン一覧から、先ほど作成した「稼げるメルマガ」を選択。

kase

 

オレンジフォームより、新規作成を選択。

オレンジフォーム

 

必要項目を入力して、「次へ」をクリック。(原寸は画像をクリック)

新規作成

画像には写っていませんが、「フォーム項目」の下の方に、フリー項目があります。項目名の「フリー項目1」をドラッグ・アンド・ドロップで、「メールアドレス」の上まで持ってきて下さい。

 

「使用」「必須」にチェックを入れ、表示名に「お名前」と入力。「次へ」をクリックします。

フリー項目

下図では、「ご送信ありがとうございました。」となっていますが、私なら「ご登録ありがとうございます。」に変更します。あなたの判断でどうぞ。で、「次へ」。

ご登録ありがとうございます。

 

これで完成です。次に、オレンジメールと連携させます。「基本設定」の(編集)をクリック。

基本設定

 

インポート先プランで、先程作成したプランを選択。更新ボタンをクリックします。

インポート先プラン

 

次に、フォームをあなたのブログに設置します。「フォーム利用」から、「HTMLコード」を選択。

完成

 

「クリップボードにコピーする」をクリック。HTMLエディタに保存しておいて下さい。

HTMLコード

 

ワードプレスの固定ページで、「テキスト」をクリックして、貼り付けます。私なら、「送信」を「無料登録」に変更するかも。

画像が見づらい場合は、画像をクリックすると原寸大になります。

ソースを貼り付けます

 

ビジュアルモードで確認してみます。「稼げるメルマガ」の文字をセンターに配置。「送信」ボタンを「無料登録」に変更しています。

メルマガ登録フォーム

 

下の赤枠の中がフォームの出来上がりです。


稼げるメルマガ
お名前*
メールアドレス*

どうですか?簡単でしょ。

 

ついでに画像も入れてみます?

 

稼げるメルマガ」の部分を反転させます。その状態で、「メディアを追加」で、画像を挿入。


現実的なアフィリエイト講座
お名前*
メールアドレス*

 

私は、画像サイズを気にせずに設置しましたが、幅を500pxに設定すれば、フィットするかもしれません。

 

ここで、時間を取られたらもったいないです。早く記事にすれば、良かった。

 

本当にごめんなさい。

 

 

コメントを残す

CAPTCHA


サブコンテンツ

管理人について

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

無料メルマガ配信中

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

 

お問い合わせフォーム

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

 
お問い合わせ
 

このページの先頭へ