コピペで出来る!固定ページでバズ部っぽいメルマガLPを作る方法

imac-605421_1280

メールマガジンのLP(ランディングページ)を作るのは難しいと思われていますが、
1ページ2ページのシンプルなLPならカンタンに作れます。

 

スポンサーリンク

バズ部のLP

2colum-lp-custom1

>>無料EBook|バズ部式コンテンツマーケティング

こんな感じのシンプルなページ。
文章があまり無くても魅力的な特典があればついメルマガ登録しちゃいますよね。

今回僕もこれを参考に、独学ラボで同じようなLPを作ってみました。

2colum-lp-custom2

>>無料Ebook|短期間で成績を伸ばせる勉強法

ページ自体はハミングバードのランディングページ機能で使っていますが、
固定ページでも多分行けるはずです。

 

HTMLをコピペ

まずは僕が作ったページのHTMLを全部コピペして
新規追加の固定ページorランディングページに貼りましょう。

CSSをコピペ

次にCSSで調整します。下記コードをコピペして下さい。
(ムダなCSSがたくさんありますがそこはご了承を!!m(_ _)m)

あ、追加CSSはテーマ依存にならないように
Simple Custom CSS」というプラグインが便利ですよ。

 

これでおそらく2カラムでのLPが出来るハズです。

あとは文章や画像、そしてメルマガのフォームコードを入れ替えてしようして下さい。

メルマガのコード

メルマガフォームのコードなんですが、
僕はマイスピー使ってます。ソースはこんな感じ。

 

formタグ

メルマガHTMLソースは必ず<form></form>でくくられます。
お使いのスタンドのHTMLソースからコピペして入れ替えて下さい。

hiddenタグ

これ見落としがちです。見た目には反映されませんが、
<form></form>の中に入れておかなければなりません。

これはスタンドによって1つしかなかったり、
4つ5つあったりしますが、全てコピペして下さい。

inputタグ

これは名前やメルアドの入力欄です。
これもメルマガのHTMLソースからコピペして下さい。

 

imac-605421_1280

参考になったらぜひシェアしてね!

コメントを残す

メールアドレスが公開されることはありません。