Warning: Trying to access array offset on false in /home/grjshirts/takeoff-inc.com/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
カラフルでLPを作り、そのページにメールアドレスを入力するだけで
メルマガに登録完了する方法を説明します。
登録先のステップメール用のメルマガは事前に作成しておいてください。
事前準備
まずマイスピーの管理画面から、登録フォームタグの発行（HTML）を選択します。
そうするとよく分からない文字列が表示されると思いますが、ひとまずメモ帳にでも貼り付けておいてください。
ボタンを設置する
カラフルでボタンを設置するにはいくつか種類があります。好みでOKですが、ここでは「フォーム大（ボタン画像ver）」を選択します。
そのボタンを「テキスト」モードで見ると、よくわからない文字列が並んでいると思います。
まず、＜form action〜と書いている部分を見てください。
この部分を、さきほどメモ帳に貼り付けたマイスピーの＜form action に差し替えます。カラフルのform actionの後に、input nameというのが3つ並んでいますが、消してしまってOKです。
続いて、名前とアドレスの部分を修正します。
まず、名前は使わないので削除してください。
次に、アドレスですが、name=”d[0]” と書いている部分があると思います。これをname=”data[User][mail]”に変更してください。
修正したものがこちら。
ビジュアルモードで見たものがこちら。
画像の変更
登録フォーム上部の「今すぐ無料で登録する」の画像とか、ボタンの画像を変更する方法です。
登録ボタンの変更を例に説明します。
まず、変更したい登録ボタンをメディアを追加から追加して、そのボタンのURLをコピーしてください。
次に、カラフルの登録フォームを見ると、画像が指定されているURLが2箇所あります。
1つめが「今すぐ無料で登録する」の画像で、二つ目がボタンの画像です。
今回はボタンの画像を変更するので、二つ目のURLを消して、さきほど登録したボタンのURLに変更してください。
変更したものがこちら。（今回は用意したボタンの幅が、フォームに対して大きかったため「width=”700″」と書いて幅を指定しました。数字に応じて幅を調整できるので試してみてください。）
ビジュアルモードで見たものがこちら。
プルプルボタン
登録ボタンがプルプルと動くLPを見たことがあるかと思います。私のLPがそうなのですが、一般的にボタンは動いた方がコンバージョンしやすいと言われているので、是非動かしてください。
カラフルで作ったLPのボタンを動かすには、Shortcodes Ultimate というプラグインをインストールしてください。
やり方だけ知りたい人
「su animate」という文字でボタンの画像が挟まれていると思います。
このようにするだけで、ボタンの画像が動きますのでコピペしてください。
[aside type=”boader”] [su_animate type=”shake” duration=”5″ delay=”0″] [/aside]
[aside type=”boader”] [/su_animate] [/aside]
ビジュアルモードで見ると、ちょっと変になっていますが、「更新」を押して通常のページで見ると問題なく表示されます。
自分で色々やりたい人
このアニメーションは、「ショートコードの挿入」から設定できます。
アニメーションを選択します。
アニメーションの種類のほかにも変更出来ますので、色々試してみてください。
コメント